@charset "UTF-8";
body {color: #231815;font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-size:100%;font-weight:normal;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;position: relative;background:#fff;}
/*html {scroll-behavior: smooth;}*/
a img.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img.blight{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
a{text-decoration:none;color:#231815;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{text-decoration:none;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}

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{width:100%;vertical-align:middle;}
.pcnone{display:none!important;}
.spnone{display:block!important;}

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


::selection {background: #E2F2F8;}

.inv1{opacity:0;}
.inv2{opacity:0;}
.inv3{opacity:0;}

.con_in{max-width:860px;width:100%;margin:0 auto;padding:0 15px;text-align:left;}
.con_in2{max-width:1460px;width:100%;margin:0 auto;padding:0 15px;text-align:left;}
#pagetop{position: fixed; bottom: 20px; right: 20px;width:87px;z-index:2;}

.btn1{text-align:center;background:#efaa00;margin-top:-1px;}
.btn1 img{max-width:570px;margin:0 auto;}
.img25-2{margin-top:-1px;}

footer{position:relative;}
.btn3{max-width:435px;width:28vw;position:fixed;right:0;bottom:30px;z-index: 100;opacity: 0;transition: opacity 0.2s ease-in-out;}
.btn3.transform {opacity: 1;}

header h1{background:#000;}
header h1 picture{max-width:1250px;margin:0 auto;display:block;}

header h2{background:#E2F2F8;}
header h2 picture{max-width:1250px;margin:0 auto;display:block;}

header div picture{max-width:1250px;margin:0 auto;display:block;}

.blue_bg{background:#E2F2F8;position:relative;z-index:2;}
.brd_red{border-left:4px solid #e60012;border-right:4px solid #e60012;border-bottom:4px solid #e60012;background:#fff;}

.btnbox_out{max-width:580px;margin:0 auto;}
.btnbox{margin:-20px 0 0 -20px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.btnbox_in{max-width:300px;padding:20px 0 0 20px;}

.white_bg{background:#fff;}
.skyblue_bg{background:#1f86d4;}

.arw{filter: drop-shadow(1px 1px 16px rgba(0,0,0,0.5));position:relative;z-index:1;}


.dtl_btnbox{position:relative;min-height:250px;}
.dtl_btn{max-width:530px;width:50vw;margin:0 auto;padding:30px 0 0 0;position:absolute;left:0;right:0;}

.contact_btn{max-width:665px;margin:0 auto;padding:0 0 40px 0;}

footer{border-top:1px solid #ccc;padding:30px 20px;}
footer .f_logo{max-width:1250px;margin:0 auto;}
footer .f_logo picture{max-width:340px;margin:0 0 0 auto;display:block;}

.mdlbg{background:#fff;padding:60px;}
.mdlbg2{background:#fff;padding:0 60px 60px 60px;}



/*
.accordion__title{cursor: pointer;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
.accordion__title .open{display:none;}
.accordion__title .close{display:block;}
.accordion__title.show .open{display:block;}
.accordion__title.show .close{display:none;}
.accordion__title:hover{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
.accordion__content {display: none;}
*/









@media only screen and (max-width:767px){
	#wrapper{background:#fff;}
	.pcnone{display:block!important;}
	.spnone{display:none!important;}

	#pagetop{bottom: 15px; right: 10px;width:60px;}

	.con_in{padding:0;}
	.con_in2{padding:0;}


	.brd_red{border-left:3px solid #e60012;border-right:3px solid #e60012;border-bottom:3px solid #e60012;max-width:93%;margin:0 auto;}

	.btnbox_out{padding:0 20px 0 20px;}
	.btnbox{margin:0 0 0 -15px;}
	.btnbox_in{max-width:50%;padding:15px 0 0 15px;}


	.arw{filter: none;}


	.dtl_btnbox{min-height:240px;}
	.dtl_btn{max-width:530px;width:70vw;margin:0 auto;padding:10px 0 0 0;position:absolute;left:0;right:0;}

	.contact_btn{padding:0 20px 40px 20px;}

	footer{padding:25px 20px;}
	footer .f_logo picture{max-width:60%;}


	.mdlbg{background:#fff;padding:30px;}
	.mdlbg2{background:#fff;padding:0 30px 30px 30px;}

	.btn3{max-width:100%;width:100%;bottom:0;}



}


@media only screen and (max-width:599px){
	.dtl_btnbox{min-height:200px;}



}





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


	footer small{font-size:2.8vw;padding:10px 15px;line-height:1.4;}

	.dtl_btnbox{min-height:150px;}



	/*
		13px　→　3vw
		14px　→　3.7vw
		16px　→　4vw
		18px　→　4.2vw
		20px　→　4.4vw
		22px　→　4.5vw
		23px　→　4.6vw
		24px　→　4.7vw
		26px　→　4.8vw
		28px　→　5vw
		30px　→　5.5vw
		34px　→　5.8vw
		36px　→　6vw
		40px　→　7vw
	*/

}


