@charset "utf-8";

html {
	font-size: 62.5%;
}

body {
	font-size: 1.6rem;
	/* 16px*/
	font-family: "Noto Sans CJK JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	line-height: 2;
}

h1 {
	font-size: 36px;
	/* IE8以下とAndroid4.3以下用フォールバック */
	/* font-size: calc(2.4rem + ((1vw - 0.64rem) * 2.1429)); */
	font-size: 2.4rem;
	/* 24px*/
	line-height: 1.3;
}

h2 {
	font-size: 24px;
	/* IE8以下とAndroid4.3以下用フォールバック */
	/* font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143)); */
	font-size: 2rem;
	/* 20px*/
	line-height: 1.3;
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {
	color: #c9c6e0;
}

h1 span {
	font-size: .375em;
	display: inline-block;
	line-height: 1.8;
}

h1 span.subttl {
	font-size: 20px;
}

h2 span {
	font-size: .5em;
	display: inline-block;
	line-height: 1.8;
}

.big_txt {
	font-size: 1.8em;
	/* font-weight: bold; */
}

.txt_green {
	color: #217346;
}

.btn {
	border-radius: 30px;
	padding: .5em 1em;
	position: relative;
}

.btn a {
	display: block;
	margin: 0 auto;
}

.accountBtn3 {
	background-color: #4d4398;
	color: #fff;
	width: 440px;
	height: 100px;
	margin: 1em auto;
	border-radius: 100px;
	font-size: 1.8em;
	/* font-size:3vw; */
	line-height: 1.3;
	text-align: left;
}

.accountBtn3 span {
	font-size: .5em;
}

.accountBtn3 a {
	display: block;
	padding: .2em 1.3em .4em;
	color: #fff;
	position: absolute;
	left: calc(50% + .125em);
	transform: translateX(-50%);
}

#to_top {
	position: fixed;
	text-indent: -9999px;
	right: 15%;
	bottom: 5%;
	width: 50px;
	height: 50px;
	z-index: 99;
	background: url(../images/totop.png) no-repeat center center;
	background-size: contain;
	display: none;
}

.btn_fade {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.btn_fade:hover {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	opacity: 0.8;

}

#wrapper div {
	margin: 0 auto;
	text-align: left;
}

#wrapper div h2 {
	background: url(../images/h2_border.png) no-repeat bottom center;
	padding-bottom: 1em;
	/* margin:2em auto 1em; */
	margin: 0 auto 1em;
	font-size: 2.6em;
	text-align: center;
}

#outer_rssCheck {
	padding: 2px;
	background: #d4e59b;
	background: -moz-linear-gradient(top left, #87caa9 0%, #d4e59b 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(#87caa9), to(#d4e59b));
	background: -webkit-linear-gradient(top left, #87caa9 0%, #d4e59b 100%);
	background: -o-linear-gradient(top left, #87caa9 0%, #d4e59b 100%);
	background: linear-gradient(to bottom right, #87caa9 0%, #d4e59b 100%);
}

#rssCheck {
	color: #217346;
	padding: .5em 1em;
	background: #fff;
}

#wrapper div#rssCheck h2 {
	text-align: center;
	background: none;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	display: flex;
	align-items: center;
	justify-content: center;
}

#rssCheck ul {
	list-style: disc;
}

#rssCheck li a {
	color: #000;
}

#rssCheck li a:hover {
	color: #c9c6e0;
}

#rssCheck li a::after {
	color: #217346;
	content: "→";
}

#attractive {
	background: url('../images/bg_dot_gray.png') repeat top left;
	padding: 1em 0 6em;
}

#attractive li {
	background: #fff;
	box-shadow: 7px 7px #dddddd;
	width: calc(100% - .5em);
	padding: .5em;
}

#pointList {
	display: flex;
	justify-content: space-around;
}

#pointList li {
	font-size: 1.4em;
	width: 200px;
	text-align: center;
	padding: .5em;
	margin: .5em auto;
	color: #333333;
}

#pointList li::first-line {
	color: #217346;
	font-size: .6em;
	border: none;
}

#pointList li span {
	border-bottom: #ffff00 solid 5px;
	border-radius: 3px;
}

#contents {}

#contents #contentsList {
	justify-content: space-around;
}

#contents #contentsList a {
	display: block;
	justify-content: space-around;
	background-color: #fff;
	margin-bottom: 1.5em;
}

#contents #contentsList dl {
	background-position: center right 1.5em;
	background-repeat: no-repeat;
	/* background-size: 230px; */
	background-size: min(40%, 230px);
	padding: 1.5em;
}

#contents #contentsList dl * {
	width: 50%;
}

#contents #contentsList dl dt {
	font-weight: bold;
	font-size: 1.2em;
}

#contents01 {
	background-image: url(../images/pc/img_contents01.png);
}

#contents02 {
	background-image: url(../images/pc/img_contents02.png);
}

#contents03 {
	background-image: url(../images/pc/img_contents03.png);
}

#contents04 {
	background-image: url(../images/pc/img_contents04.png);
}

#contents #contentsList dl dt {
	flex-basis: 40%;
}

#contents .notice p {
	text-align: left;
	color: #333333;
}

#fxCfdPr {
	background: url('../images/bg_dot_gray.png') repeat top left;
	padding: 1em 0 6em;
}

#fxCfdPr ul a {
	color: #000;
}

#fxCfdPr>ul {}

#fxCfdPr>ul>li {
	padding: 2px;
	background: #d4e59b;
	background: -moz-linear-gradient(top left, #87caa9 0%, #d4e59b 100%);
	background: -webkit-gradient(linear, left top, right bottom, from(#87caa9), to(#d4e59b));
	background: -webkit-linear-gradient(top left, #87caa9 0%, #d4e59b 100%);
	background: -o-linear-gradient(top left, #87caa9 0%, #d4e59b 100%);
	background: linear-gradient(to bottom right, #87caa9 0%, #d4e59b 100%);
}

#fxCfdPr>ul>li ul {
	display: flex;
	justify-content: center;
	padding: 1.5em 2em;
	height: 100%;
	background: #fff;
	box-sizing: border-box;
}

#fxCfdPr>ul>li ul li img {
	width: min(152px, 100%);
}

#fxCfdPr>ul>li ul li:last-child img {
	width: min(250px, 100%);
}

#fxCfdPr>ul>li ul li:first-child {
	width: 200px;
	margin-right: 20px;
	text-align: left;
}

#fxCfdPr>ul>li ul li:first-child span {
	font-weight: bold;
	font-size: 1.5em;
}

#wrapper #information {
	margin: 8em auto;
}

#information ul {}

#information li {
	border-bottom: dashed 1px #dddddd;
	padding-bottom: .3em;
	margin-bottom: .3em;
}

#information li img {
	padding: 0 .5em;
	vertical-align: text-bottom;
}

#information .info_new {
	color: #ff6600;
	padding-right: .5em;
}

#information #btn_more {
	width: 90px;
	margin: 0 auto;
	padding: 3em 0;
	text-align: center;
	text-indent: -9999px;
	background: url(../images/btn_more.png) no-repeat center center;
}

#footer {
	background: #737d83;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}

#glonav01 li {
	padding: 0 2em;
}

#glonav02 li {
	padding: 0 1em;
}

#footnav li {
	padding: 0 1.5em 0 0;
}

#footerGlobalLinks li:first-child,
#footnav li:first-child {
	padding-left: 0;
}

#footerGlobalLinks li:last-child {
	padding-right: 0;
}

.footdetail {
	display: flex;
}

#footer ul#footnotice {
	display: block;
	color: #cccccc;
}

#copy {
	color: #cccccc;
}

/* 実施中のキャンペーン・プログラム一覧 */
#cpProgramList {}

#cpProgramList .cpBox {
	margin-bottom: 2em;
	padding-bottom: 2em;
	position: relative;
	border-bottom: dotted 1px #ddd;
}

#cpProgramList .cpBox dt.img {
	position: absolute;
	top: 0;
	left: 0;
}

#cpProgramList .cpBox dt.ttl,
#cpProgramList .cpBox dd {
	padding-left: 120px;
}

#cpProgramList .cpBox dt.ttl {
	font-weight: bold;
	font-size: 120%;
}

#cpProgramList .cpBox dd.period {
	font-size: 90%;
}

/* SP */
@media (max-width: 768px) {
	html {
		/* font-size:12px; */
	}

	body {
		line-height: 1.6;
	}

	h1 {
		font-size: 11vw;
		padding: .7em 0 .4em;
	}

	h2 {
		font-size: 1.8rem;
		white-space: nowrap;
	}

	h1 span {
		font-size: 3.5vw;
		line-height: 1.7;
		display: inline-block;
	}

	h2 span {
		font-size: 5vw;
		line-height: 1.7;
		display: inline-block;
	}

	.is-sp {
		display: block;
	}

	.is-pc {
		display: none;
	}

	img {
		max-width: 100%;
	}

	.accountBtn3 {
		width: 85%;
		font-size: 5vw;
		height: 17vw;
	}

	.accountBtn3 a {
		padding: .2em 0 .4em;
		white-space: nowrap;
	}

	#to_top {
		right: 10px;
		bottom: 5%;
		width: 40px;
		height: 40px;
	}

	#headerTitle,
	#headerGlobalLinks,
	#nav {
		display: none;
	}

	#sp_headerTitle {
		background-color: #fff;
		padding: 13px .5em;
		display: flex;
		z-index: 1;
		align-items: center;
		position: fixed;
		width: 100%;
		list-style: none;
	}

	#sp_headerTitle img {
		width: 65%;

	}

	#sp_headerTitle a {
		font-size: 15px;
	}

	.menu {
		position: fixed;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		transition: height .2s;
		max-height: 0;
	}

	.menu-is-open {
		display: block;
		min-height: 100%;
		top: 50px;
		width: 100%;
		background: #4d4399;
		opacity: .95;
		color: #fff;
		padding: 2em 1.5em;
		box-sizing: border-box;
		font-size: 1.4rem;
		-webkit-transition: height 1.5s;
		transition: height 1.5s;
		overflow-y: scroll;
	}

	.menu-is-open a {
		color: #fff;
		position: relative;
	}

	.menu-is-open>ul>li {
		line-height: 2;
		list-style: none;
		border-bottom: dashed 1px #fff;
		padding-bottom: .6em;
		margin-bottom: .6em;
	}

	.menu-is-open li ul {
		padding-left: 1em;

	}

	.menu-is-open li.submenu_p {
		position: relative;
		cursor: pointer;
	}

	.menu-is-open li.submenu_p::after {
		content: '＋';
		top: 0;
		right: 0;
		position: absolute;
	}

	.menu-is-open li.submenu_p.submenu_p-open::after {
		content: '－';
	}

	.menu-is-open li.submenu_p ul {
		display: none;
		transition: height .2s;
		line-height: 1.3;
	}

	.menu-is-open li.submenu_p ul.submenu-is-open {
		display: block;
		-webkit-transition: height 1.5s;
		transition: height 1.5s;
	}

	.menu-is-open li.submenu_p ul li {
		padding: .8em 0;
	}

	.menu-is-open li.submenu_p ul li.sub {
		padding: .8em 1em;
		box-sizing: border-box;
	}

	.menu-is-open .first {
		margin-top: 50px;
	}

	.menu-is-open p {
		margin-bottom: 15px;
	}

	.menu__button {
		position: fixed;
		right: 5px;
		top: 0;
		background: none;
		width: 45px;
		height: 50px;
		border-radius: 5px;
		border: none;
	}

	.menu span {
		display: block;
		width: 80%;
		margin: auto;
		height: 2px;
		background-color: #217346;
		position: absolute;
		left: 0;
		right: 0;
		top: calc((100% - 4px)/2);
		border-radius: 3px;
		transition: .2s;
	}

	.menu__lineTop {
		transform: translateY(-10px);
		background: url(../images/sp/menu_linetop.png) no-repeat center;
		background-size: cover;
	}

	.menu__lineMiddle {
		background: url(../images/sp/menu_linemid.png) no-repeat center;
		background-size: cover;
	}

	.menu__lineBottom {
		transform: translateY(10px);
		background: url(../images/sp/menu_linebtm.png) no-repeat center;
		background-size: cover;
	}

	.menu-is-open .menu__lineTop {
		transform: rotate(45deg);
	}

	.menu-is-open .menu__lineMiddle {
		opacity: 0;
	}

	.menu-is-open .menu__lineBottom {
		transform: rotate(-45deg);
	}

	#wrapper {
		width: 100%;
		box-sizing: border-box;
	}

	#wrapper>div {
		padding: 1.5em 1em 3em;
		/* margin:1em 0; */
		box-sizing: border-box;
	}

	#wrapper div h2 {
		margin: 2em auto 1.5em;
		font-size: 7vw;
	}

	#wrapper #outer_mainImg {
		width: 100%;
		background: url(../images/sp/bg_header.png) no-repeat top right;
		background-size: cover;
		padding: 1.5em 1em 0;
	}

	#mainImg {
		margin: 0 auto;
		padding-top: 2em;
		color: #fff;
		/* background:url(../images/pc/img_main.png) no-repeat top right; */
		/* background-size: contain; */
	}

	#mainImg img {
		width: 70%;
		margin: 3em auto 0;
		display: block;
	}

	#mainImg h1 img {
		width: 50%;
		margin: 10px 0 0 0;
	}

	#mainImg div {
		font-size: .9em;
	}

	#rss_summary p+a {
		text-align: center;
		display: block;
		margin: 3em auto 0;
	}

	#wrapper #outer_rssCheck {
		width: calc(90vw + 2px);
		margin: 2px auto;
		box-sizing: border-box;
		padding: 1px 0;
	}

	#wrapper #rssCheck {
		width: 90vw;
		margin: 0 auto;
		box-sizing: border-box;
	}

	#rssCheck ul {
		padding: 1em .5em 1em 2em;
	}

	#wrapper #attractive {
		margin-top: 4em;
	}

	#pointList {
		display: block;
	}

	#pointList li {
		width: calc(100% - 1em);
		margin: 1.5em auto;
		padding: 7.5vw 1vw;
		font-size: 5.5vw;
	}

	#pointList li div {
		float: left;
		/* width: 100px; */
		width: 40%;
		/* height: 50px; */
		height: auto;
		display: flex;
		align-items: center;
	}

	#pointList li div img {
		/* width:60px; */
		/* height:50px; */
		height: 14vw;
		margin: 0 auto;
	}

	#wrapper #contents {
		background: url(../images/sp/bg_contents.png) no-repeat center;
		background-size: cover;
		margin: 0;
	}

	#contents #contentsList dl {
		background-position: center right .8em;
		background-repeat: no-repeat;
		/* background-size: 45%; */
		background-size: min(40%, 230px);
		padding: 1.5em .8em;
	}

	#contents #contentsList dl * {
		max-width: 50%;
	}

	#contents #contentsList dl dt {
		font-size: 1em;
		font-weight: normal;
	}

	#contents #contentsList dl dd {
		font-size: .8em;
		font-weight: normal;
	}

	#contents01 {
		background-image: url(../images/pc/img_contents01.png);
	}

	#contents02 {
		background-image: url(../images/pc/img_contents02.png);
	}

	#contents03 {
		background-image: url(../images/pc/img_contents03.png);
	}

	#contents04 {
		background-image: url(../images/pc/img_contents04.png);
	}

	#fxCfdPr {
		background: #f4f4f4;
		background-image: none;
	}

	#fxCfdPr>ul>li:first-child {
		margin-bottom: 1.5em;
	}

	#fxCfdPr>ul>li ul {
		padding: 1em;
	}

	#fxCfdPr>ul>li ul li:first-child {
		width: 82vw;
		margin-right: 2vw;
		/* font-size:4vw; */
	}

	#fxCfdPr>ul>li ul li:first-child span {
		/* font-size:6vw; */
		white-space: nowrap;
	}

	#fxCfdPr>ul>li ul li:last-child {
		align-self: flex-end;
	}

	#wrapper #information {
		margin: 0 auto;
	}

	#information li {
		padding-bottom: 1em;
		margin-bottom: 1em;
	}

	#information #btn_more {
		padding: 1em 0;
	}

	#wrapper #footer_cta {
		margin: 0;
		padding: 1.5em;
		font-size: 11px;
		text-align: center;
	}

	#footer {
		padding: 1.5em;
	}

	#footer #glonav01 {
		display: none;
	}

	#footer #glonav02 {
		display: block;
		margin-bottom: 4em;
	}

	#footer #glonav02 li {
		padding: .6em 0;
	}

	#footerInner {
		font-size: .7em;
	}

	#footer #footnav {
		flex-wrap: wrap;
		justify-content: start;
		margin-bottom: 1em;
	}

	#footnav li {
		padding: 0 .5em .5em 0;
	}

	.footdetail {
		display: inline-block;
	}

	.footdetail>* {
		display: inline;
	}

	#footnotice {
		margin: 2em 0;
	}

	#footnotice li {
		text-indent: -1em;
		padding-left: 1em;
	}

	#footnotice li::before {
		content: '※';
	}

	#footnotice li span {
		display: none;
	}

	#copy {
		/* white-space: nowrap; */
	}

	.campaign-area {
		padding: 70px 0;
	}

	/* 実施中のキャンペーン・プログラム一覧 */
	#cpProgramList .cpBox dt.ttl {
		min-height: 115px;
	}

	#cpProgramList .cpBox dd {
		padding-left: 0;
	}

	#cpProgramList .cpBox dd.period {
		margin-bottom: 1em;
	}

}

/* SP */
@media screen and (min-width: 415px) {
	#contents #contentsList {
		display: flex;
		flex-wrap: wrap;
		max-width: 1180px;
		width: 96%;
		margin: 0 auto;
	}

	#contents #contentsList a {
		flex-basis: calc(50% - 1.5em);
		/* height: calc(193px + 3em); */
	}

}

/* PC(tablet) */
@media (min-width: 769px) {
	.is-sp {
		display: none;
	}

	.is-pc {
		display: block;
	}

	h1 {
		font-size: 6.2rem;
		/* 36px*/
		margin-bottom: .5em;
	}

	h1.longTtl {
		font-size: 5.2rem;
	}

	h1 span {
		margin-bottom: .5em;
	}

	h2 {
		font-size: 2.4rem;
		/* 24px*/
	}

	#headerInner {
		position: relative;
	}

	#headerTitle {
		float: left;
		width: 30%;
		padding-left: 1.25em;
	}

	#headerTitle span {
		transform: translateY(.15em);
		display: inline-block;
	}

	#headerTitle img {
		margin: 10px 0 0 10px;
		vertical-align: bottom;
	}

	#headerGlobalLinks {
		float: right;
		display: flex;
		padding-top: 1em;
		/* padding-right: .25em; */
		position: absolute;
		top: 0;
		right: .25em;
	}

	#headerGlobalLinks li {
		padding-right: 1em;
	}

	#headerGlobalLinks li.accountBtn3 {
		width: 100px;
		position: relative;
		white-space: nowrap;
		border-radius: 20px;
		height: 1em;
		padding: .5em;
		line-height: 1;
		margin: 0;
		margin-right: 2.5em;
		font-size: 1em;
	}

	#headerGlobalLinks li.accountBtn3 a {
		padding: 0 0 .4em;
	}

	#nav {
		clear: both;
		/* width:980px; */
		max-width: 980px;
		width: 90vw;
		display: flex;
		margin: 0 auto;
		padding: 2.5em 0 0;
		justify-content: space-around;
	}

	#nav li.submenu_p {
		position: relative;
		padding-bottom: .5em;
	}

	#nav li.submenu_p p {
		cursor: pointer;
	}

	#nav li.submenu_p ul {
		display: none;
		background: #4d4399;
		opacity: .95;
		padding: .5em 1em;
		position: absolute;
		/* top: calc(100% + .5em); */
		top: 100%;
		left: auto;
	}

	#nav .submenu_p ul a {
		color: #fff;
	}

	#nav li.submenu_p ul.is-open {
		display: block;
		max-width: 400px;
		white-space: nowrap;
	}

	#nav li.submenu_p ul li {
		color: #fff;
	}

	#nav li.submenu_p ul li.sub {
		padding-left: 1em;
	}


	#wrapper {
		text-align: center;
	}

	#wrapper>div {
		max-width: 1180px;
		width: 96%;
		margin: 0 auto;
		text-align: center;
	}

	#wrapper #outer_mainImg {
		width: 100%;
		max-width: 100%;
		height: 546px;
		background: url(../images/pc/bg_header03.png) no-repeat bottom center;
		background-size: cover;
		display: flex;
		align-items: center;
	}

	#mainImg {
		max-width: 1180px;
		width: 96%;
		margin: 0 auto;
		color: #fff;
		background: url(../images/img_main.png) no-repeat;
		background-position: right 55%;
		background-size: 50%;
		min-height: 386px;
	}

	body#web_exchange #mainImg {
		background-image: url(../images/main_web_exchange.png);
	}

	body#web_exchange2 #mainImg {
		background-image: url(../images/main_web_exchange_2.png);
	}

	body#richclient #mainImg {
		background-image: url(../images/main_richclient.png);
	}

	body#smt #mainImg {
		background-image: url(../images/main_smt.png);
	}

	body#rss365cfd #mainImg {
		background-image: url(../images/main_rss365cfd.png);
	}

	body#chartplus #mainImg {
		background-image: url(../images/main_chartplus.png);
	}

	body#e-profit #mainImg {
		background-image: url(../images/main_e-profit.png);
	}

	body#simplechart #mainImg {
		background-image: url(../images/main_simplechart.png);
	}


	#mainImg div {}

	#mainImg h1 {
		line-height: 1;
	}

	#mainImg img {
		width: 224px;
		margin-top: 30px;
	}

	#wrapper #rss_summary {
		margin-top: -20px;
		/* font-size:.9em; */
	}

	#wrapper #outer_rssCheck {
		/* width:calc(880px + 2em); */
		width: calc(85% + 2em);
		max-width: calc(880px + 2em);
		margin: 2em auto 100px;
	}

	#wrapper #rssCheck {
		display: flex;
		justify-content: center;
	}

	#wrapper div#rssCheck h2 {
		flex-basis: 20%;
		justify-content: unset;
	}

	#wrapper div#rssCheck ul {
		flex-basis: 80%;
	}

	#wrapper div#attractive {
		width: 100%;
		max-width: 100%;
		padding: 150px 0;
	}

	#wrapper div#attractive ul {
		max-width: 1180px;
		width: 96%;
		margin: 0 auto;
	}

	#attractive li {
		font-size: 1.6em;
		max-width: 335px;
		width: 28%;
		line-height: 1.4;
		height: 240px;
		background-position: center bottom 45px;
		background-repeat: no-repeat;
		background-size: auto 90px;
	}

	#attractive li:nth-child(1) {
		background-image: url(../images/attractive01.png);
	}

	#attractive li:nth-child(2) {
		background-image: url(../images/attractive02.png);
	}

	#attractive li:nth-child(3) {
		background-image: url(../images/attractive03.png);
	}

	#wrapper #fxCfdPr {
		width: 100%;
		max-width: 100%;
		padding: 143px 0 150px;
	}

	#wrapper #contents {
		width: 100%;
		max-width: 100%;
		background: url(../images/pc/bg_contents.png) no-repeat;
		background-size: cover;
		padding: 123px 0 150px;
	}

	#contents #contentsList {
		display: flex;
		flex-wrap: wrap;
		max-width: 1180px;
		width: 96%;
		margin: 0 auto;
	}

	#contents #contentsList a {
		flex-basis: calc(50% - 1.5em);
		height: calc(193px + 3em);
	}

	#contents .notice {
		max-width: calc(1180px - 1.5em);
		width: calc(96vw - 1.5em);
	}

	#fxCfdPr>ul {
		display: flex;
		justify-content: space-around;
		max-width: 1180px;
		width: 96%;
		margin: 0 auto;
	}

	#fxCfdPr>ul>li {
		/* max-width: calc(590px - 1em); */
		max-width: calc(48vw - 1em);
	}

	#fxCfdPr>ul>li:first-child {
		margin-left: 0;
		margin-right: 2em;
	}

	#fxCfdPr>ul>li:last-child {
		margin-right: 0;
	}

	#wrapper #contentsInner2 {
		max-width: 100%;
	}

	#wrapper #information {
		max-width: 900px;
		width: 96%;
		margin: 150px auto;
	}

	#wrapper #footer_cta {
		width: 100%;
		max-width: 100%;
		padding: 3em 0;
	}

	#footer {
		padding: 3em 0 2em;
	}

	#footerGlobalLinks,
	#footerInner {
		max-width: 1180px;
		width: 96%;
		margin: 0 auto;
	}

	#footerGlobalLinks ul:nth-child(2) {
		font-size: .9em;
		padding: 1.5em 0 9em;
	}

	#footerInner {
		font-size: .75em;
	}

	#footnav {
		padding-bottom: 1.5em;
	}

	#footnotice {
		padding: 1.5em 0;
	}

	.campaign-area {
		padding: 150px 0;
	}
}

@media screen and (min-width: 769px) and (max-width: 969px) {
	.accountBtn3 {
		font-size: 3.2vw;
	}

	.accountBtn3 a {
		padding-top: .6em;
	}

	#footnav li {
		font-size: .8em;
	}
}

@media screen and (min-width: 769px) and (max-width: 1240px) {
	#glonav01 li {
		padding: 0 .5em;
	}
}

@media screen and (min-width: 769px) and (max-width: 910px) {

	#nav li a,
	#glonav01 li a {
		font-size: 13px;
	}
}

/* PC */
@media screen and (min-width: 969px) {
	#attractive li {
		font-size: 2em;
	}

	#mainImg {
		/* background-size:min(40%,568px); */
	}
}

@media screen and (max-width: 1179px) {
	.more1180 {
		display: none;
	}

	.less1180 {
		display: block;
	}
}

@media screen and (min-width: 1180px) {
	.more1180 {
		display: block;
	}

	.less1180 {
		display: none;
	}
}

.modal,
.mask {
	display: none;
}