/*-----------
reset
-----------*/
* {margin: 0;padding: 0;}

.cf { zoom: 1; }
.cf:before,.cf:after { content: ""; display: table;}
.cf:after { clear: both;}

/*-----------
body
-----------*/
body{color: #fff; font-size: 18px; width: 100%; background: linear-gradient(to bottom, #ff982f 0%, #ff5597 100%);font-family: 'M PLUS Rounded 1c', sans-serif;}
img{height: auto;}


@media screen and (max-width: 800px){
	body{width: 100%; min-width: 100%; /* font-size: 12px; */}
	img{width: 100%;}
}

/*-----------
commone
-----------*/
.left{float: left;}
.right{float: right;}
.listL li{float: left;}

a{color: #fff;}
a:hover{text-decoration: none;}
a:hover img{filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7;}

/*flex box*/
.flex{display: flex;align-items: flex-start;}
.flex img{align-items: flex-start;}
.mleft{margin-left: auto;}
.mright{margin-right: auto;}
.mtop{margin-top: auto;}
.mbottom{margin-bottom: auto;}

section,.inner{width: 95%; max-width: 800px; margin: 0 auto;}
section {padding-top: 3em;}
section.form_wrap {padding-top: 1em;}

.bg_inner{background: url(../images/bg_smile.png) center top repeat;}
/*-----------
header
-----------*/
header{width: 100%; padding: 5px 0;}
header .inner{max-width: 1200px; display: flex; justify-content: space-between;}
header h1.flex{font-weight: 200; font-size: 0.8em; color: #fff; margin: 0; line-height: 1.8em;}
header h1 img{width: 30%; max-width:130px; height: auto;}
header h1 span{margin-left: 0.5em;}
header .social{display: flex; justify-content: space-between;line-height: 1em;}
header .social a{width: 35px; margin-left: 10px;}

@media screen and ( max-width:1280px ) {
	header{min-width: 100%;}
	header .inner{width: 98%; margin: 0 auto;}
}

@media screen and ( max-width:768px ) {
	header h1 {width: 100%;}
	header h1 span{line-height: 1.2em; display: none;}
}

@media screen and ( max-width:560px ) {
	header .social{display: none;}
}


/*言語プルダウン*/
#language-select{position: relative; float: none; top: auto;left: auto; margin-left: 1em;}
#language-select .dropdown dd ul li a em, #language-select .dropdown dt a em,#language-select .dropdown a{width: 90px; color:#fff;}
#language-select .dropdown dd ul li:hover a em/* , #language-select .dropdown dt a em,#language-select .dropdown a */{color:#ff9533;}
#language-select .dropdown {position: relative!important;right: auto ;margin: 0;}
#language-select .dropdown dt a,#language-select .dropdown dt a.activemode{background: transparent;border: 1px solid #fff;color: #fff;padding: 8px;}
#language-select .dropdown dt a:hover,#language-select .dropdown dt a.activemode{border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: #ff9533;}
#language-select .dropdown dt a:hover,#language-select .dropdown dt a.activemode:hover{background: transparent;color: #ff9533;}
#language-select .dropdown dd ul li a{padding: 8px; color: #fff;}
.dropdown dd ul li a:hover {background-color: #fff; color: #ff9533;}
#language-select .dropdown dd ul li a em:hover{ color: #ff9533;}
#language-select .dropdown dd ul{left: 0;background: transparent;border: 1px solid #fff;color: #fff;}



@media screen and (max-width: 768px){

	#language-select {position: relative;top: 0;right: auto;max-height: none;text-align: left;width: 250px; margin-left: auto;}
	#language-select .dropdown a{width: 90%;}
	#language-select .dropdown dd ul li a em, #language-select .dropdown dt a em{width: 100%;}
	#language-select .dropdown dt a,#language-select .dropdown dt a.activemode{padding: 5% 5%;}
	#language-select .dropdown dd,#language-select .dropdown dd ul{width: 100%;}
	#language-select .dropdown dd ul li a{width: 90%; padding: 2% 5%;}
	
}


/*-----------
Top
-----------*/
#top{width: 95%;max-width: 1200px; margin: 0 auto;}
#top h2{font-size: 1.8em; line-height: 1.5em; text-align: center;}
#top h2 br.sp,#top p.lead br.sp{display: none;}
#top p.lead{font-size: 1.2em; text-align: center; font-weight: 3em;}
#top p span{font-size: 1.5em; font-weight: 500;}
@media screen and ( max-width:768px ) {
	#top h2 br.sp,#top p.lead br.sp{display: block;}
	#top h2 br{display: block;}
}
/*-----------
コンテンツ
-----------*/
#campaign{margin-top: 3em;}

/*h属性*/
#campaign h3{font-size: 1.5em; font-size: 500; margin-top: 1em; }
#campaign h3 span{position: relative;}
#campaign h4{font-size: 1.3em; font-weight: 400; margin-top: 1em;}
#campaign p{font-size: 1.2em; font-weight: 300; }
#campaign p span{font-size: 0.9em;}
#campaign h3.pre,
#campaign h4.pre,
#campaign p.pre{text-align: center; margin-top: 0;}
#campaign p.small{font-size: 0.9em;}
#campaign p:last-child{margin-top: 1em;}

/*画像*/
.img01,.img02{position: absolute; bottom: -110%;}
.img01.en,.img02.en{position: absolute; bottom: -18%;}
.img01{left: -60%;width: 50%;}
.img02{right: -60%;width: 50%;}
.img01.en{left: -75%;width: 70%;}
.img02.en{right: -81%;width: 78%;}
.img03{margin-top: 1em;}

@media screen and ( max-width: 768px ) {
	.img01{left: -40%;width: 35%;}
	.img02{right: -45%;width: 38%;}
}


/*線*/
hr {border: none; display: block;width: 100%; height: 1px; background: #fff; margin: 3em auto;}

/*表*/
article dl,article dt,article dd {box-sizing: border-box; line-height: 1.5em;}
article dl {width: 100%;margin: 0 auto 0;}
/* .form_inner dl{width: 100%;} */

article dt {padding: 1em 0 0;border-top: 1px solid rgba(255,255,255,0.5);font-size: 1.2em;font-weight: 300;line-height: 1.5em;}
article dt span{color: #FF0004; font-size: 0.8em;}
article dd {padding: 0.5em 0 0;line-height: 1.5em;margin-bottom: 0.5em;}
article dd span{ font-size: 1em;font-weight: 200; margin-top: 0.5em; display: block;}
article dt:first-child,
article dt:first-child + dd{border-top: none; margin-top: 0;}
article dd:last-child{margin-bottom: 10px;}

@media screen and ( max-width:1200px ) {
	section,.inner{width: 95%;}
}


@media screen and ( max-width:768px ) {
	dd select{width: 100%;}
}


/*リスト*/
.normal{font-weight: 300;}
.number{margin-left: 1em; font-weight: 300;}
.number li{list-style: decimal;}
.caution{font-size: 0.9em; margin-left: 1em; font-weight: 300;}
.caution li::before{content: "※";margin-left: -1em;}
.caution.pre{text-align: center;}

/*ボタン*/
.form_inner .btn {padding: 0.5em 1em; margin: 2em auto 0; color: #ff5992; background: #fff; width: 80%; max-width: 400px; text-align: center; text-decoration: none;font-weight: bold; display: block; border: none; font-weight: 400; font-size: 1.2em;border: 1px solid #fff; transition: all 0.2s linear; border-radius: 1000px;}
.form_inner .btn:hover{background: transparent; color: #fff;}


article select,article option,article input {color: #666; font-weight: 300;}
article input {width: 300px;}


/*thanks*/
#thanks h2{text-align: center;font-size: 2em;line-height: 1.2em;}
#thanks p{text-align: center;padding: 0;line-height: 1.5em;font-size: 1.5em; font-weight: 300;}
#thanks p br.pc{display: none;}
#thanks p br.sp{display: block!important;}
#thanks p span{font-size: 0.8em;}
#thanks .flex{justify-content: center;}
#thanks .flex a{margin: 0 0.5em;}

@media screen and ( max-width: 560px ) {

	#thanks p br.pc{display:block!important}
}

/*-----------
aside
-----------*/
aside{margin-top: 80px;}
aside .inner{display: flex;justify-content: center;}
aside .inner a{margin: 0 0.5em;}
aside .social{display: flex; justify-content: center;}
aside .social a{margin-top: 1em;}
aside .social a:last-child{margin-left: 0.5em;}
/*-----------
footer
-----------*/
/* footer{ margin-top: 80px;} */
footer p{font-size: 0.9em;font-weight: 200; text-align: center; padding: 1.5em 0;}