@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: #cde5e2;
}
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: #1c8b7e;
    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: #cde5e2;
}
#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%;
		box-shadow: 0px 0px 4px 6px rgba(51,51,51,0.2);
	}
	#sp_headerTitle img{
		width:65%;
		
	}
	#sp_headerTitle a {
		font-size: 15px;
		display: block;
	}

	.menu {
		position: fixed;
		top: 0;
		right: 0;
		width: 0;
		height:0;
		transition: height .2s;
		max-height: 0;
	}
	.menu li {
	list-style: none;
	}
	.menu-is-open {
		display: block;
		min-height: 100%;
		top: 50px;
		width: 100%;
		background: #1c8b7e;
		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> 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 p {
		margin-bottom: 0;
	}
	.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: #8ec220;
		background: -moz-linear-gradient(left, #1c8b7e 0%, #8ec220 100%);
		background: -webkit-gradient(linear, left center, right center, from(#1c8b7e), to(#8ec220));
		background: -webkit-linear-gradient(left, #1c8b7e 0%, #8ec220 100%);
		background: -o-linear-gradient(left, #1c8b7e 0%, #8ec220 100%);
		background: linear-gradient(to right, #1c8b7e 0%, #8ec220 100%);
		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:90%;
		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;
		line-height: 2em;
	}
	#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: 5.8rem;/* 36px*/
		margin-bottom:.5em;
	}
	h1 span{
		margin-bottom:.5em;
	}
	h2 {
		font-size: 2.4rem;/* 24px*/
	}
	#headerInner{
		position: relative;
		box-shadow: 0px 0px 4px 6px rgba(51,51,51,0.2);
	}
	#headerTitle{
		float:left;
		width:30%;
		padding-top: 1em;
		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: center;
	}
	#nav li.submenu_p{
		position: relative;
		padding: 0 20px;
		padding-bottom: .5em;
	}
	#nav li.submenu_p p {
		cursor: pointer;
	}
	#nav li.submenu_p ul{
		display:none;
		background: #1c8b7e;
		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#richclient #mainImg{
		background-image:url(../images/main_richclient.png);
	}
	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#smt #mainImg{
		background-image:url(../images/main_smt.png);
	}
	body#ipad #mainImg{
		background-image:url(../images/main_ipad.png);
	}
	body#rss365fx #mainImg{
		background-image:url(../images/main_rss365fx.png);
	}
	body#e-profit_fx #mainImg{
		background-image:url(../images/main_e-profit_fx.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;
}