/* CSS Document */


html,body { width: 100%; }
body {
	color: #191919;
	margin: 0 auto;
	font-family: "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Yu Gothic Medium",   "メイリオ", sans-serif;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.p15 { padding: 0 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }

.mb05em { margin-bottom: 0.5em !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.pb05em { padding-bottom: 0.5em !important; }
.mr0 { margin-right: 0 !important; }

li { list-style: none; }

p {
	text-align: justify;
	-ms-text-justify: auto;
	text-justify: auto;
	text-justify: inter-ideograph;
}

.noborder { border: none !important; }
.nomargin { margin: 0 0 !important; }

.ta_r { text-align: right; }
.ta_c { text-align: center; }

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

a {
	color: #191919;
	text-decoration: none;
}
	#wrap { width:100%; overflow: hidden; position: relative; }

	img { vertical-align: bottom; max-width: 100%; }

	/*cb...color box*/
	.cb { background: #efefef; }
	.cb2 { background: #0556a4; }
	/*wb...white box*/
	.wb { background: #ffffff; }
	.comp header { margin-bottom: 0; }
	#form .ctable input[type="text"]#id_money { width: 0; height: 0; overflow: hidden; }
	p.comp { text-align: center; }
	span.strong { color: #ff0000; }


@media (min-width:1001px){
	.mb20 { margin-bottom: 20px !important; }
	.mb25 { margin-bottom: 25px !important; }
	.mb30 { margin-bottom: 30px !important; }
	.mb40 { margin-bottom: 40px !important; }
	.mb45 { margin-bottom: 45px !important; }
	.mb50 { margin-bottom: 50px !important; }
	.mb60 { margin-bottom: 60px !important; }
	.mb70 { margin-bottom: 70px !important; }
	.mb80 { margin-bottom: 80px !important; }
	.mb100 { margin-bottom: 100px !important; }
	.mb120 { margin-bottom: 120px !important; }
	.pt50 { padding-top: 50px !important; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }
	.fs20 { font-size: 20px; }
	.fs14 { font-size: 14px; }

	a {
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	a img{
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}

	a:active, a:hover, a:hover img { opacity: 0.7; }

	.for_sp{display: none !important;}
	body { font-size: 14px; line-height: 16px; }
	#wrap { position: relative; }


	header { width: 100%; position: relative; margin-bottom: 80px; }
	header#mv { margin-bottom: 0; }
	header h1 { width: 1600px; margin: 0 auto; max-width: 100%; }
	header>a { display: block; width: 30vw; position: absolute; top:30vw; left: 50%; margin-left: -15vw; }
	header>a img { width: 100%; }
	/*header a { display: block; width: 14vw; position: absolute; top:30vw; left: 50%; margin-left: -7vw; }*/
	header ul { display: flex; width: 30vw; position: absolute; top:30vw; left: 50%; margin-left: -15vw;
		justify-content: space-between; }
	header ul li { display: block; width: 49%; }
	header ul li a { display: block; width: 100%; }
	header ul li a img { width: 100%; }

	#example1 { padding: 70px 0 45px; margin-bottom: 70px; }
	#example1 ul.note { margin-top: 25px; }
	#example1 ul.note li { text-align: center; }

	#coupon h2 { width: 700px; height: 73px; margin:0 auto 70px; text-indent: -10000px; overflow: hidden;
		background: url(../images/ttl1.svg) center top no-repeat; }
	#adv h2 { width: 500px; height: 73px; margin:80px auto 70px; text-indent: -10000px; overflow: hidden;
		background: url(../images/ttl2.svg) center top no-repeat; }
	.cpunit .cb2 { padding: 50px 0; }
	#adv .cb2 .w900 { position: relative; height: 220px; }
	#adv .cb2 .w900 .adv_half { position: absolute; left: 0; bottom: 0; }
	#adv .cb2 .w900 .otoku { position: absolute; top:-35px; right: 15px; }
	.cpunit .ctable { margin-bottom: 35px; }
	.cpunit .detail_info { margin-bottom: 60px; }
	.cpunit .cb { padding: 60px 0; }
	.cpunit .wb { padding: 50px; }
	.conditions { margin-bottom: 70px; }
	.cpunit .wb .ex_otoku { margin-top: 35px; }

	#flow { width: 600px; margin: 70px auto 100px; }
	#flow ul.flowul { margin-bottom: 20px; }
	#flow ul.flowul li { position: relative;
		background: url(../images/icon_flow.svg) left top no-repeat #0556a4;
		display: flex; color: #ffffff; margin-bottom: 55px; }
	#flow ul.flowul li:after { content: ""; background: url(../images/icon_next.svg) center center no-repeat;
		width: 32px; height: 17px; position: absolute; bottom: -35px; left: 50%;
		margin-left: -16px; }
	#flow ul.flowul li:last-child:after { background: none; }
	#flow ul.flowul li p.no { width: 80px; line-height: 50px; font-size: 28px; padding-left: 20px; }
	#flow ul.flowul li .txt { width: 520px; padding-right: 50px; }
	#flow ul.flowul li .txt p:first-child { line-height: 50px; font-size: 18px; }
	#flow ul.flowul li .txt p:nth-child(2) { font-size: 16px; line-height: 26px; padding-bottom: 15px; }
	#flow ul.note { margin-bottom: 50px; }
	#flow .cbtn {  }

	#form .cb { padding: 80px 0; }
	#form .ctable { margin-bottom: 50px; }
	#form .ctable span.require { display: inline-block; width: 50px; line-height: 26px; background: #0556a4;
		color: #ffffff; text-align: center; padding: 0 5px; margin-right: 20px;
		border-radius: 3px; }
	#form .ctable th,#form .ctable td { border-bottom: #cccccc 1px solid; padding: 20px; }
	#form .ctable th { color: #0556a4; font-size: 16px; width: 300px; text-align: left; }
	#form .ctable th.notmust { padding-left: 90px; }
	#form .ctable input[type="text"] { width: 550px; height: 50px; line-height: 50px; padding: 0 10px;
		background: #ffffff; border: none; }
	#form .ctable input[type="text"]#id_add { width: 485px; }
	#form .ctable span.pref { display: inline-block; width: 65px; line-height: 50px; font-size: 16px; }
	#form .ctable select { height: 30px; line-height: 30px; padding: 0 10px; margin-bottom: 10px;
		background: #ffffff; border: none; }
	#form .btns { display: flex; justify-content: center; }
	#form .btns li { margin: 0 10px; }
	#form .btns input { margin: 0 10px; font-size: 16px; transition: 0.3s; }
	#SMIL_ERR h4 { font-size: 20px; color: #ff0000; margin-bottom: 15px; }
	#SMIL_ERR dl { font-size: 18px; line-height: 26px; }

	.suspended { border:#ce284f 3px solid; padding: 40px; }
	.suspended p { font-size: 24px; line-height: 32px; color: #ce284f; text-align: center; }

/*footer*/
	footer { background: #444444; padding: 40px 0; color: #ffffff; }
	footer .mainw { display: flex; align-items: flex-start; /*justify-content: space-between;*/ }
	footer h2 { margin-right: 50px; }
	footer address { font-style: normal; }
	footer address a { pointer-events: none; color: #ffffff; font-size: 18px; display: block;
		margin-bottom: 10px; }
	footer address p { font-size: 16px; line-height: 24px; }
	footer .copy { text-align: center; font-size: 14px; margin-top: 50px; color: #ffffff; }

/*pagetop*/
	#page-top { position: fixed; bottom: 20px; left: 50%; margin-left: 550px; z-index: 10000; }
	#page-top a { background: url(../images/icon_pagetop.svg) center center no-repeat #777777; display: block; width: 50px; height: 50px;
		position: relative; border-radius: 5px; }
	#page-top a:hover { background-color: #2fc2bc; opacity: 1; }
	#page-top.stop { position: absolute; bottom: 145px; }

/*common*/
	/*#mv { width: 1300px; height: 240px; overflow: hidden; margin: 0 auto; }
	#mv img { width: 1300px; }*/
	.mainw { width: 1100px; max-width: 92%; margin-left: auto; margin-right: auto; }
	.w1000 { width: 1000px; margin-left: auto; margin-right: auto; }
	.w900 { width: 900px; margin-left: auto; margin-right: auto; }
	.anchor { margin-top: -100px; padding-top: 100px; }

	h3.ch3 { font-size: 24px; line-height: 30px; text-align: center; margin-bottom: 20px; }
	h3.ch3 span { font-size: 12px; color: #939393; }
	h3.ch3 span.strong { font-size: 20px; color: #0556a4; }

	p.lead { text-align: center; margin-bottom: 50px; font-size: 16px; line-height: 26px; }
	p.note,ul.note { font-size: 14px; line-height: 24px; }
	ul.note li:before { content: "※"; }

	.cbtn,.btns input,.btns button { width: 350px; height: 50px; line-height: 50px; text-align: center;
		background: url(../images/icon_arrow.svg) right 12px center no-repeat #2fc2bc;
		display: block; border-radius: 5px; margin: 0 auto; cursor: pointer; border:none;
		 -webkit-appearance: none; color: #ffffff; transition: 0.3s; }
	.cbtn:hover,.btns input:hover,.btns button:hover {
		background: url(../images/icon_arrow.svg) right 7px center no-repeat #58a3db;
		opacity: 1; }

	table.ctable { border-collapse: collapse; width: 100%; }
	table.ctable th,table.ctable td { border-bottom: #cccccc 1px solid; font-size: 16px;
		line-height: 26px; padding: 20px; }
	table.ctable th { width: 185px; text-align: center; color: #0556a4; vertical-align: middle; }
	table.ctable td {  }
	table.ctable span { font-size: 14px; }





}


@media (min-width:1600px){
	header>a, header ul { width: 460px; top:485px; margin-left: -230px; }
}





@media (max-width:1000px){
	body { font-size: 3.2vw; line-height: 1.5; }
	.mb20 { margin-bottom: 2.6vw !important; }
	.mb25 { margin-bottom: 3.3vw !important; }
	.mb30 { margin-bottom: 4vw !important; }
	.mb40 { margin-bottom: 5.3vw !important; }
	.mb50 { margin-bottom: 6.6vw !important; }
	.mb60 { margin-bottom: 8vw !important; }
	.mb70 { margin-bottom: 9.3vw !important; }
	.mb80 { margin-bottom: 10.6vw !important; }
	.mb90 { margin-bottom: 12vw; }
	.mb100 { margin-bottom: 13.3vw !important; }
	.mb120 { margin-bottom: 16vw !important; }
	.pt50 { padding-top: 6.6vw !important; }
	.ls-1 { letter-spacing: -1px; }
	.ls-2 { letter-spacing: -2px; }
	.ls-3 { letter-spacing: -3px; }
	.ls-4 { letter-spacing: -4px; }


	/*.animsition{width: 100%;}*/
	.for_pc { display: none; }
	img { max-width: 100%; }

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




/*header*/
	header { width: 100%; position: relative; margin-bottom: 12vw; }
	/*header#mv { margin-bottom: 0; }*/
	header h1 { width: 100%;  }
	header h1 img { max-width: 300%; width: 160%; margin-left: -30%; }
	header h1.mv img { width: 100%; margin-left: 0; }
	/*header>a { display: block; width: 46vw; position: absolute; left: 50%; margin-left: -23vw; top:46vw; }*/
	/*header a { display: block; width: 30vw; position: absolute; left: 50%; margin-left: -15vw; top:45vw; }*/
	header>a { display: block; margin: 6vw auto 0; width: 88vw; }
	header ul { margin: 6vw auto 0; width: 88vw; display: flex; justify-content: space-between; }
	header ul li { width: 49%; }
	header ul li img { width: 100%; }

	#example1 { padding: 8vw 0 6vw; margin-bottom: 10vw; }
	#example1 .w1000 { width: 80vw; }
	#example1 .w1000 img { width: 100%; }
	#example1 ul.note { margin-top: 4vw; }
	#example1 ul.note li { text-align: center; }

	#coupon h2 { width: 90vw; height: 14vw; margin:0 auto 8vw; text-indent: -10000px; overflow: hidden;
		background: url(../images/ttl1.svg) center top no-repeat; background-size: contain; }
	#adv h2 { width: 80vw; height: 14vw; margin:0 auto 8vw; text-indent: -10000px; overflow: hidden;
		background: url(../images/ttl2.svg) center top no-repeat; background-size: contain; }
	.cpunit .cb2 { padding: 8vw 0; }
	#coupon .cb2 .w900 img { width: 100%; }
	#adv .cb2 .w900 { position: relative; }
	#adv .cb2 .w900 .adv_half { margin-top: 2vw; width: 100%; }
	#adv .cb2 .w900 .otoku { width: 30vw; margin: -12vw 0 -12vw auto; display: block; }

	.cpunit .cb { padding: 10vw 0; }
	.cpunit .ctable { margin-bottom: 4vw; }
	.cpunit .detail_info { margin-bottom: 10vw; }
	.conditions { margin-bottom: 10vw; }
	.cpunit .wb { padding: 6vw; }
	.cpunit .wb img { width: 100%; }
	.cpunit .wb .ex_otoku { margin-top: 4vw; }

	#flow { width: 92vw; margin: 10vw auto 12vw; }
	#flow ul.flowul { margin-bottom: 4vw; }
	#flow ul.flowul li { position: relative; background: url(../images/icon_flow.svg) left top no-repeat #0556a4;
		display: flex; color: #ffffff; margin-bottom: 10vw; background-size: 10vw auto; }
	#flow ul.flowul li:after { content: ""; background: url(../images/icon_next.svg) center center no-repeat;
		width: 8vw; height: 8vw; position: absolute; bottom: -10vw; left: 50%;
		margin-left: -4vw; background-size: contain; }
	#flow ul.flowul li:last-child:after { background: none; }
	#flow ul.flowul li p.no { width: 14vw; line-height: 10vw; font-size: 5vw; padding-left: 4vw; }
	#flow ul.flowul li .txt { width: 78vw; padding-top: 2vw; }
	#flow ul.flowul li .txt p:first-child { line-height: 6vw; font-size: 4vw; }
	#flow ul.flowul li:nth-child(3) .txt p:first-child { padding-bottom: 2vw; }
	#flow ul.flowul li .txt p:nth-child(2) { font-size: 3.6vw; line-height: 5vw; padding-bottom: 2vw;
		padding-right: 6vw; margin: 2vw 0 0 -9vw; }
	#flow ul.note { margin-bottom: 8vw; }

	#form .cb { padding: 10vw 0; }
	#form .ctable { margin-bottom: 6vw; }
	#form .ctable span.require { display: inline-block; width: 10vw; line-height: 6vw; background: #0556a4;
		color: #ffffff; text-align: center; padding: 0 5px; margin-right: 2vw;
		border-radius: 3px; }
	#form .ctable th,#form .ctable td { display: block;  padding: 2vw; }
	#form .ctable td { border-bottom: #cccccc 1px solid; }
	#form .ctable th { color: #0556a4; font-size: 3.8vw; text-align: left; padding-bottom: 0; }
	#form .ctable th.notmust,#form .ctable td.moneytd { padding-left: 14vw; }
	#form .ctable input[type="text"] { width: 100%; height: 12vw; line-height: 12vw; padding: 0 2vw;
		background: #ffffff; border: none; }
	#form .ctable input[type="text"]#id_add { width: 85%; }
	#form .ctable span.pref { display: inline-block; width: 15%; line-height: 12vw; font-size: 3.8vw; }
	#form .ctable select { height: 8vw; line-height: 8vw; padding: 0 2vw; margin-bottom: 2vw;
		background: #ffffff; border: none; }
	#form .btns { width: 70vw; margin: 0 auto; }
	#form .btns input { margin: 2vw 0; font-size: 3.8vw; }

	.suspended { border:#ce284f 3px solid; padding: 6vw; }
	.suspended p { font-size: 4.6vw; line-height: 7vw; color: #ce284f; text-align: center; }

/*footer*/
	footer { background: #444444; padding: 8vw 0; color: #ffffff; }
	footer .mainw {  }
	footer h2 { margin: 0 auto 6vw; width: 60vw; }
	footer h2 img { width: 100%; }
	footer address { font-style: normal; }
	footer address a { color: #ffffff; font-size:4vw; display: block;
		margin-bottom: 2vw; }
	footer address p { font-size: 3.8vw; line-height:5vw; }
	footer .copy { text-align: center; font-size: 3.4vw; margin-top: 8vw; color: #ffffff; }




/*pagetop*/

	#page-top { position: fixed; bottom: 4vw; right:4vw; z-index: 10000; }
	#page-top a { background: url(../images/icon_pagetop.svg) center center no-repeat #777777; display: block; width: 10vw; height: 10vw; background-size: 4vw auto;
		position: relative; border-radius: 5px; }
	#page-top.stop { position: absolute; bottom: 60vw; }


/*common*/
	.mainw,.w1000,.w900 { width: 92vw; margin: 0 auto; }
	.anchor { margin-top: -12vw; padding-top: 12vw; }

	h3.ch3 { font-size: 5vw; line-height: 6vw; text-align: center; margin-bottom: 6vw; }
	h3.ch3 span { font-size: 3vw; color: #939393; }
	h3.ch3 span.strong { font-size: 5vw; color: #0556a4; }

	p.lead { text-align: center; margin-bottom: 6vw; font-size: 3.8vw; line-height: 6vw; }
	p.note,ul.note { font-size: 3.4vw; line-height: 5.6vw; }
	ul.note li:before { content: "※"; }

	.cbtn,.btns input { width: 70vw; height: 12vw; line-height: 12vw; text-align: center; color: #ffffff;
		background: url(../images/icon_arrow.svg) right 4vw center no-repeat #2fc2bc;
		display: block; border-radius: 5px; margin: 0 auto; border:none;
		 -webkit-appearance: none; }

	table.ctable { border-collapse: collapse; margin: 0 auto 4vw; width: 100%; }
	table.ctable th,table.ctable td { display: block; padding: 2vw 0;
		line-height: 5vw; font-size: 3.8vw; }
	table.ctable th { text-align: center; color: #0556a4; padding-bottom: 0; }
	table.ctable td { text-align: left; border-bottom: #cccccc 1px solid; }
	table.ctable span { font-size: 3.4vw; }

	/*cdl...common dl*/
	.cdl { border-top: #3e3a39 1px solid; border-left: #3e3a39 1px solid; 
		border-right: #3e3a39 1px solid; width: 93vw; margin: 3vw auto; }
	.cdl dt { /*width: 90vw;*/ text-align: center; border-bottom: #3e3a39 1px solid;
		border-bottom: #3e3a39 1px solid; min-height: 6vw; line-height: 6vw; font-size: 3.4vw; }
	.cdl dd { /*width: 90vw;*/ border-bottom: #3e3a39 1px solid; min-height: 6vw; line-height: 6vw;
		font-size: 3.2vw; padding: 2vw; }

	ul.bul li { line-height: 6.9vw; font-size: 3.4vw; }
	ul.bul li:before { content: "■"; color: #10386B; }
}