@charset "UTF-8";
html { font-size: 62.5%;/*scroll-behavior: smooth;*/}
body {color: #231815;font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic Pro', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:1.6rem;font-weight:500;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;position: relative;}

a img{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
a{text-decoration:none;color:#000;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}

button{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
button:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}

input[type="submit"]{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
input[type="submit"]:hover{text-decoration:none;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}
img{max-width:100%;vertical-align:middle;}
.pcnone{display:none!important;}
.spnone{display:block!important;}

img[src$=".svg"] {width: 100%;max-width:100%;height:auto;}

.con_in{max-width:1040px;width:100%;margin:0 auto;padding:0 20px;}

#nav-toggle {display: none;}
#gloval-nav {display: none;}

.pt_arw{width:40px;position:fixed;right:20px;bottom:20px;z-index:3;}

footer{background:#363636;color:#fff;padding:30px 0 15px 0;text-align:center;/*margin:40px 0 0 0;*/}
footer .f_in{max-width:1000px;margin:35px auto 0 auto;padding:25px 0 25px 0;border-top:1px solid #fff;}
footer .f_in p{font-size:1.4rem;}
footer .f_in a {color: #fff;text-decoration: underline;}
footer .f_in .f_in_in{display:flex;margin:0 auto 0 auto;padding:0 0 10px 0;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap; flex-wrap: wrap;}
footer .f_in .f_in_in li{padding:0 15px 10px 15px;}
footer .f_in .f_in_in li a{color:#fff;text-decoration:underline;}
footer .f_in .f_in_in li a:hover{text-decoration:none;}

footer .f_txt1{font-size:2.9rem;font-weight:600;}
footer .f_txt2{font-size:2.0rem;padding:15px 0 0 0;font-weight:600;}
footer .f_txt3{font-size:4.0rem;font-weight:600;background:url(/offers_2511/assets/img/tel_ico.svg) left center no-repeat;background-size:38px;display:table;margin:0 auto;padding:0 0 0 53px;}
footer .f_txt3 a{color:#fff;}
footer .f_txt3-2{font-size:1.6rem;display:block;}
footer .f_txt5{font-size:1.5rem;padding:30px 0 0 0;}
footer .f_nav{display:none;}
footer small{display:block;border-top:1.5px solid #e33733;padding:15px 0 0 0;font-size:1.6rem;}


header {position:sticky;top:0;z-index:9;background-color: rgba(255,255,255,1);border-bottom:4px solid #5084c4;padding:15px 20px 0 20px;}

header .logo {padding:0 0 15px 0;}
header .logo h1{width:298px;}
header .h_in{display:flex;align-items: end;justify-content: space-between;max-width:1200px;width:100%;margin:0 auto;}

.kv_out {background:#fff362 url(/offers_2511/assets/img/kv_bg2.png) center top no-repeat;background-size:auto 500px;}
.kv {text-align:center;background: url(/offers_2511/assets/img/kv_bg.png) center top repeat-x;background-size:auto 500px;}
.kv img{text-align:center;width:auto!important;max-height:500px!important;}
.kv .kv_in{position:relative;/*max-width:1240px;padding:0 20px 0 20px;*/margin:0 auto;}
.kv .kv_in .kv_txt{display:block;}
.kv .kv_in .kv_btn{position:absolute;bottom:13.5%;left:47.5%;max-width:495px;width:49vw;}


.con_wrap{max-width:1300px;width:100%;margin:0 auto;display:flex;flex-direction: row-reverse;/*padding:0 0 0 20px;*/}
/*.con_wrap .contents{max-width:1000px;width:100%;}*/
.con_wrap .contents{width: 100%;/*position:relative;*/}











#plan .plan_in .cap{font-size:1.4rem;font-weight:normal;padding-left: 1.2em;text-indent: -1.2em;display: inline-block;}

#plan{padding:60px 0;}
#plan .plan_in{max-width:1040px;margin:0 auto;padding:0 20px 0 20px;position:relative;}
#plan .plan_in h3{font-size:4.2rem;padding:0 0 30px 0;font-weight:600;text-align:center;}
#plan.blue .plan_in h3{color:#0066C0;}
#plan .plan_in dl{display:flex;justify-content: center;padding:0 0 10px 0;}
#plan .plan_in dl dt{line-height:1.4;display:flex;align-items: center;justify-content: center;background:#f08933;color:#fff;padding:20px 10px;font-size:1.8rem;width:260px;flex-shrink: 0;font-weight:600;}
#plan .plan_in dl.usage_fee dt{background:#ec5d56;}
#plan .plan_in dl.usage_fee dd .usage_feebox_in{display:flex;}
#plan .plan_in dl.usage_fee dd .usage_feebox_in.first{color:#ec5d56;}
#plan .plan_in sup{font-size:1.4rem;}


#plan.blue .plan_in dl dt{background:#3385CD;}
#plan.blue .plan_in dl.futai dt{background:none;border:1px solid #3385CD;color:#0066C0;}

#plan .plan_in dl dd{padding:20px 10px 20px 30px;font-size:1.8rem;width:100%;line-height:1.4;font-weight:600;}
#plan .plan_in dl dd ul {display:flex;flex-wrap: wrap;padding: 10px 0 0 0;}
#plan .plan_in dl dd ul li{/*list-style-type: disc;*/padding:0 30px 0 0;line-height:1.8;}

#plan .plan_in dl dd ul li .maru_orange{color:#EC6C00;}
#plan .plan_in dl dd ul li .maru_blue{color:#0066C0;}

#plan .plan_in .plan_in_in{padding:0 0 50px 0;}
.plan_btnbox{display:flex;justify-content: space-between;align-items: center;max-width:690px;margin:0 auto;}
.plan_btnbox div {max-width:320px;width:100%;text-align:center;padding:0 10px 0 10px;}






.tdu{text-decoration:underline;}
.linktxt1{color:#0068B7;text-decoration:underline;}
.red_txt{color:#E60012;}

.w800{max-width:840px;width:100%;padding:0 20px;margin:0 auto;}
.capstyle{display:flex;font-size:1.4rem;line-height:1.5;font-weight:normal;}
.capstyle dt{padding:0 5px 0 0;white-space: nowrap;}
.capstyle .capstyle_l{padding:0 5px 0 0;white-space: nowrap;}

.tistyle1 {font-size:3.2rem;text-align:center;line-height:1.5;font-weight:600;padding:0 0 20px 0;}
.tistyle1 .sp1{font-size:4.4rem;color:#e7342c;font-weight:700;background: linear-gradient(transparent 70%, #FFF000 70%);}
.tistyle1 .sp2{display:block;padding:10px 0 0 0;}
.tistyle1 .sp3{color:#e7342c;}

#recommend{padding:80px 0 0 0;}
#recommend .img1{max-width:920px;margin:0 auto;display:block;}
#recommend .recommend_in{max-width:1040px;width:100%;margin:0 auto;padding:0 20px;}


#recommend .recommend_plan{background:#fdf0e5;border-radius:20px;padding:40px 30px;margin:40px 0 0 0;}

.cpbtnbox{padding:40px 0 0 0;}
.cpbtnbox .cpbtn_txt1{max-width:495px;margin:0 auto;padding:0 0 10px 0;}
.cpbtnbox .cpbtn_txt2{max-width:575px;margin:0 auto;padding:0 0 10px 0;display:block;}
.cpbtnbox .cpbtn{max-width:495px;margin:0 auto;display:block;}

#discount{background:#f3f4f5;padding:50px 20px 90px 20px;}
#discount .discount_in{max-width:900px;margin:0 auto;}
#discount .discount_txt1{text-align:center;font-size:3.2rem;line-height:1.6;font-weight:bold;padding:0 0 20px 0;}
#discount .discount_txt2{text-align:center;font-size:2.2rem;line-height:1.6;padding:0 0 40px 0;}







@media only screen and (max-width:1500px){
	.kv .kv_in .kv_btn{left:44.5%;}


}



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

	header .h_in .gnav > ul > li{font-size:1.3rem;}
	/*header .logo {width:30vw;background-size:1px;}*/
	header .logo {width:auto;}
	header .logo h1{width:215px;}
	/*header .logo h1{width:17.5vw;margin: 12px 15px 0 0;}
	header .logo h2{width:10vw;}*/
	header .h_in .gnav {padding: 0 0 0 10px;}
	.kv .kv_in .kv_btn{left:43.5%;}

}

@media only screen and (max-width:1000px){
	header .logo h1{width:215px;}
	.kv_out {background:#fff362 url(/offers_2511/assets/img/kv_bg2.png) center top no-repeat;background-size:cover;}
	.kv {background: none;}

}



@media only screen and (max-width:768px){
	html { font-size: 52.5%; }

	.pcnone{display:block!important;}
	.spnone{display:none!important;}

	header {padding:2px 20px;}
	header .gnav .menu-item{display:none;}
	header .logo {padding:0;width:auto;}
	header .logo h1{width:160px;}

	header .h_in{align-items: center;}
	header .h_in .gnav {display:none;}
	header .h_in .apply_btn{display:block;padding:0 50px 0 0;}
	header .h_in .apply_btn a{border:none;background:#5084c4;color:#fff;text-align:center;padding:5px 15px;font-size:1.6rem;}

	main.column_content{margin-top:0;}

	.pt_arw{width:50px;}

	footer{padding:25px 0 15px 0;}
	footer .f_in{padding:25px 20px 35px 20px;}
	footer .f_txt1{padding:0 20px;}
	footer .f_txt2{padding:20px 20px 0 20px;}
	footer .f_txt3{font-size:4.0rem;font-weight:600;background:url(/offers_2511/assets/img/tel_ico.svg) left center no-repeat;background-size:34px;padding:0 0 0 43px;}

	footer .f_txt5 {padding: 20px 0 0 0;}

	footer small{border-top:1px solid #e33733;}

	footer .f_in {text-align:left;}
	footer .f_in .f_in_in{display:block;}
	footer .f_in .f_in_in li{padding:10px 0;}


	.kv {background:none;}
	.kv .kv_in{padding:0;}
	.kv .kv_in .kv_btn{bottom:15.5%;left:0;right:0;max-width:82%;width:auto;margin:0 auto;}
	.kv img{width:100%!important;max-height:none!important;}







	.plan_ti{padding:50px 0 0 0;text-align:left;}
	.plan_ti_in{padding:0 30px 0 30px;}

	.con_wrap{display:block;padding:0;}
	aside{display:none;}
	.con_wrap .contents{padding-left:0;}




	#plan{padding:40px 0 20px 0;}
    #plan .plan_in h3 {text-align:center;padding:0 0 20px 0;}
	#plan .plan_in dl {display: block;padding: 0 0 15px 0;}

	#plan .plan_in dl dt{width:100%;text-align:center;color:#fff;padding:5px 0 5px 0;}
	#plan .plan_in dl dd{padding:10px 0 10px 0;}
	#plan .plan_in dl dd ul li{padding:0 20px 0 0;}

	#plan .plan_in .plan_in_in{padding:0 0 30px 0;}

	.plan_btnbox{display:block;}
	.plan_btnbox div {padding:0 20px 20px 20px;margin:0 auto;}
	#plan .plan_in .brdt_sp{border-top:2px solid #F2984C;padding:20px 0 0 0;}
	#plan.blue .plan_in .brdt_sp{border-top:2px solid #3385CD;}





	#recommend{padding:60px 0 0 0;}
	#recommend .recommend_in{padding:0;}



	#recommend .recommend_plan{border-radius:0;padding:30px 0;}


	#discount{padding:40px 20px 60px 20px;}
	#discount .discount_txt2{padding:0 0 30px 0;}



}





/*　SmartPhone　*/
@media only screen and (max-width:480px){
	body { font-size: 3.4vw; }

	footer .f_txt1{font-size:4.8vw;}
	footer .f_txt2{font-size:4vw;}
	footer .f_txt3{font-size:7vw;}
	footer .f_txt3-2{font-size:3.5vw;}
	footer .f_txt4{font-size:3.5vw;}
	footer .f_txt5{font-size:3.4vw;}
	footer .f_in .f_in_in li{font-size:3.4vw;}
	footer .f_in p{font-size:3vw;}


	header .logo h1{width:140px;margin:10px 0;}


	.plan_ti{font-size:5.0vw;}
	.plan_ti span{font-size:6.0vw;}
	.plan_txt{font-size:4.0vw;}




	.plan_ti{font-size:5.5vw;}
	.plan_ti sup{font-size:3.3vw;}
	#plan .plan_in .cap{font-size:3.3vw;}


	#plan .plan_in h3{font-size:5vw;}
	#plan .plan_in dl dt{font-size:3.8vw;}
	#plan .plan_in dl dd{font-size:3.8vw;}


	.capstyle{font-size:3.3vw;}

	.tistyle1 {font-size:4.6vw;}
	.tistyle1 .sp1{font-size:7.4vw;}

	#discount .discount_txt1{font-size:6vw;}
	#discount .discount_txt2{font-size:4.0vw;}

}