@charset "UTF-8";
html { font-size: 62.5%;/*scroll-behavior: smooth;*/}
body {color: #1a1a1a;font-family:"Quicksand", "Zen Maru Gothic", "Noto Sans JP", "游ゴシック体", 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:#1a1a1a;color:#fff;padding:30px 0 15px 0;text-align:center;/*margin:40px 0 0 0;*/}
footer .f_in{max-width:1000px;margin:30px auto 0 auto;border-top:1.5px solid #fff;padding:25px 0 25px 0;}
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 25px 10px 25px;}
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{display:table;margin:10px auto;}
footer .f_txt3 a{font-size:4.0rem;font-weight:600;background:url(/assets/img/common/tel_ico.svg) left 80px center no-repeat;background-size:38px;display:block;padding:5px 80px 5px 133px;color:#fff;border:2px solid #fff;border-radius:50px;line-height:1.1;}


footer .f_txt3-2{font-size:1.6rem;display:block;}
footer .f_txt3-3{position:absolute;right:20px;top:0;}
footer .f_txt3-3 a{font-size:2.8rem;font-weight:600;display:block;padding:5px 30px 5px 30px;color:#fff;border:2px solid #fff;border-radius:50px;line-height:1.6;max-height:58px;}

footer .f_btnbox{/*display:flex;justify-content: center;*/position:relative;max-width:1040px;margin:0 auto;padding:0 20px;}

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 #C7361D;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 #C7361D;padding:15px 20px 0 20px;box-shadow: 0 5px 4px -3px rgba(0, 0, 0, 0.35) inset, 0 5px 7px -3px rgba(0, 0, 0, 0.3);}

header .logo {/*display:flex;max-width:403px;width:100%;background:url(/assets/img/common/h_bar.svg) left 62% center no-repeat;background-size:1.3px;align-items: center;*/padding:0 0 15px 0;}
header .logo h1{width:336px;margin:4px 0 5px 0;}
/*header .logo h2{max-width:123px;width:100%;margin:0 0 0 15px;}*/
header .h_in{display:flex;align-items: end;justify-content: space-between;max-width:1200px;width:100%;margin:0 auto;}
header .h_in .gnav {margin:15px 0 -4px 0;padding:0 0 0 20px;}
header .h_in .gnav > ul{display:flex;align-items: end;width:100%;}
header .h_in .gnav > ul > li{font-weight:600;font-size:1.5rem;}
header .h_in .gnav > ul > li > a{background:#C7361D;color:#fff;padding:5px 5px;display:block;width:13vw;max-width:150px;text-align:center;transition:background 0.2s linear;}
header .h_in .gnav > ul > li > a:hover{opacity:1;background:#992115;}


header .h_in .gnav > ul > li:last-child > a{border-radius:0 10px 0 0;}
header .h_in .gnav > ul > li > span{background:#C7361D;background-size:13px;border-radius:10px 0 0 0;color:#fff;padding:5px 10px;display:block;width:13vw;max-width:160px;text-align:center;transition:background 0.2s linear;}
header .h_in .gnav > ul > li > span:hover{background:#992115;}
header .h_in .gnav > ul > li > span::after{content: "▼";padding:0 0 0 5px;}
header .h_in .gnav > ul > li > span:hover::after{content: "▲";padding:0 0 0 5px;}
header .h_in .gnav > ul > li.sel > a{background:#992115;}
header .h_in .gnav > ul > li.sel > span{background:#992115;}


header .h_in .apply_btn {display:table;margin:0 0 0 auto;}
header .h_in .apply_btn a{font-size:1.5rem;border:1.5px solid #C7361D;background:#fff;color:#C7361D;text-align:center;padding:2px 30px;border-radius:50px;display:block;font-weight:600;}

.kv_out {background:#fff799 url(/offers_2601/assets/img/kv_bg2.png) center top no-repeat;background-size:auto 500px;}
.kv {text-align:center;background: url(/offers_2601/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_in_in{max-width:1010px;margin:0 auto;position:relative;}
.kv .kv_in .kv_btn{position:absolute;bottom:12%;left:42.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:#e9afa5;color:#1a1a1a;padding:20px 10px;font-size:1.8rem;width:235px;flex-shrink: 0;font-weight:600;}
#plan .plan_in dl.usage_fee dt{background:#c7361d;color:#fff000;}
#plan .plan_in dl.usage_fee dd .usage_feebox_in{display:flex;}
#plan .plan_in dl.usage_fee dd .usage_feebox_in.first{color:#c7361d;}
#plan .plan_in dl.usage_fee dd .usage_feebox_in .usage_feebox_in_l{min-width:155px;white-space: nowrap;}

#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:#c7361d;}
#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 8px 0 0;white-space: nowrap;}
.capstyle .capstyle_l{padding:0 8px 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:#c7361d;font-weight:700;background: linear-gradient(transparent 70%, #fed800 70%);}
.tistyle1 .sp2{display:block;padding:10px 0 0 0;}
.tistyle1 .sp3{color:#c7361d;}

#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:#f7f2ed;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:#f7f2ed;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;}


.emphasis {color: #c7361d;font-size: 1.8rem;padding: 5px 0 0 0;font-weight: bold;line-height:1.3;}


@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:280px;}
	/*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;}

}


@media only screen and (max-width:1000px){
	header .logo h1{width:230px;}
	.kv_out {background:#fff799 url(/offers_2601/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:0 10px;}
	header .gnav .menu-item{display:none;}
	header .logo {padding:0;width:auto;}
	header .logo h1{width:180px;}

	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:#C7361D;color:#fff;text-align:center;padding:1px 15px;font-size:1.6rem;}

	main.column_content{margin-top:0;}

	.pt_arw{width:50px;}

	footer{padding:30px 0 15px 0;}
	footer .f_in{padding:20px 20px 20px 20px;margin:0;border-top:none;}
	footer .f_txt1{padding:0 20px;}
	footer .f_txt2{padding:20px 20px 0 20px;}

	footer .f_txt3 {display:block;max-width:410px;}
	footer .f_txt3 a{display:block;padding:0;background:none;border:none;}
	footer .f_txt3 a span{font-size:4.0rem;background:url(/assets/img/common/tel_ico.svg) left center no-repeat;background-size:38px;padding:0 20px 0 50px;}
	footer .f_txt3-3{position:static;max-width:410px;margin:20px auto 0 auto;}
	footer .f_txt3-3 a{font-size:2.8rem;display:block;padding:7px 20px 7px 20px;max-height:100%;}


	footer .f_txt5 {padding: 20px 0 0 0;}
	footer .f_nav {display:block!important;text-align: left;padding:40px 0 0 0;}
	footer .f_nav ul {list-style: none;padding:0 20px;}
	footer .f_nav ul li {opacity: 1;transition:  transform .4s ease, opacity .2s ease;border-bottom:1px solid #fff;}
	footer .f_nav ul li:first-child {border-top:1px solid #fff;}
	footer .f_nav ul li{background:url(/assets/img/common/nav_arw.svg) right 10px center no-repeat ;background-size:20px;}
	footer .f_nav .nav_acd_in{background:none;}
	footer .f_nav .nav_acd_in ul{padding:0 0 0 20px;}
	footer .f_nav .nav_acd_in li:first-child {border:none;}

	footer .f_nav .nav_acd_in ul li:first-child a{border:none;}
	footer .f_nav li a {display: block;color: #fff;text-decoration: none;padding: 15px ;transition: color .4s ease;}


	footer .f_nav{display:none;}
	footer .f_nav .nav_acd{display: none;padding:0 0 0 40px;}
	footer .f_nav .nav_acd li {border:none; padding:0;}
	footer .f_nav .nav_acd li a{display:block;border-top:1px solid #918985; padding:15px 0 15px 0;}
	footer .f_nav .nav_acd li.bbor a{border-bottom:1px solid #918985;}
	footer .f_nav .nav_acd_in li:first-child a{border:none;padding:5px 0 15px 0;}
	footer .f_nav .nav_acd_in li:last-child a{border-bottom:1px solid #918985;}
	footer .f_nav .nav_acd_in li.bbnone a{border-bottom:none;}

	footer .f_nav .nav_acd li span{display:block; padding:20px 0 15px 0;}
	footer .f_nav .nav-open{background:none!important;position: relative;display:block;}
	footer .f_nav .nav-open > span{display:flex;justify-content: space-between;align-items: center; padding: 15px 10px 15px 15px;}
	footer .f_nav .nav-open > span.active::after{content: "";background:url(/assets/img/common/nav_arw2_on.svg) right center no-repeat ;width:20px;height:20px;background-size:20px;}
	footer .f_nav .nav-open > span::after{content: "";background:url(/assets/img/common/nav_arw2_off.svg) right center no-repeat ;width:20px;height:20px;background-size:20px;}

	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 5px 0;}

	#plan .plan_in dl dt{width:100%;text-align:center;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 #C7361D;padding:20px 0 0 0;}
	#plan.blue .plan_in .brdt_sp{border-top:2px solid #317CB5;}

	#plan .plan_in dl.usage_fee dd .usage_feebox_in .usage_feebox_in_l{min-width:125px;}




	#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;}
	#plan .plan_in dl.usage_fee dd .usage_feebox_in .usage_feebox_in_l{min-width:145px;}


	.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:3.8vw;}

	.emphasis {font-size: 3.5vw;}

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

	#plan .plan_in dl.usage_fee dd .usage_feebox_in .usage_feebox_in_l{min-width:135px;}
}

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

	#plan .plan_in dl.usage_fee dd .usage_feebox_in .usage_feebox_in_l{min-width:110px;}
}