@charset "UTF-8";
/*　COMMON　*/
html {height: 100%;}
body {color: #080808;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;font-size:100%;-webkit-text-size-adjust: 100%;width:100%;}
article {height: 100%;}

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:#080808;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;}
img{max-width:100%; image-rendering: -webkit-optimize-contrast; -webkit-backface-visibility: hidden;}
.pcnone{display:none;}
.mdlpcnone{display:none;}
.spnone{display:block;}
img[src$=".svg"] {width: 100%;max-width:100%;vertical-align:middle;}


h1{max-width:1200px;width:100%;margin:0 auto;}
.header{background:#000;}
.con_in{max-width:1200px;width:100%;margin:0 auto;}
.h_in{max-width:1200px;width:100%;margin:0 auto;}



.qabox {margin:0 0 30px 0;position:relative;background:#ebebeb;}
.qabox > div{position:relative;}
.qabox .btn_in {position:absolute; left: 0; right:0; top: 55%;padding:0 9.5%;}
.qabox .btn_in2 {position:absolute; left: 0; right:0; bottom: 13%;padding:0 9.5%;}
.qabox .btn_in2 div{display:flex;justify-content: center;align-items: center;}
.qabox ul {display:flex;justify-content: center;align-items: center;}
.qabox ul li{padding:0 15px;}
.qabox .back_top{position:absolute; right: 6.9%; bottom: 1%;width:20%;max-width:229px;}
.qabox .back_top img{width:100%;}

.btn_in3 {position:relative;}
.btn_in3 .contact_btn1{position:absolute; left: 0; right:0; bottom: 26%;padding:0 9.5%;}
.btn_in3 .contact_btn1 a{display:flex;justify-content: center;align-items: center;}
.sarani{text-align:center;}
.merit{background:#afd9dd;padding:0 0 35px 0;margin:0 0 35px 0;}
.support{background:#fff;max-width:1035px;margin:0 auto;padding:0 0 60px 0;}

footer{background:#000;border-top:20px solid #EBEBEB;}
footer .f_in{padding:40px 15px;}
footer .f_in_in{max-width:950px;margin:0 auto 30px auto;display:flex;justify-content: space-between;align-items: center;}
footer .f_in_in ul{display:flex;justify-content: center;padding:0 0 10px 0;}
footer .f_in_in ul li{padding:0 15px;}

.inbox{
position:absolute;
opacity: 0;

}
.fade{opacity: 1;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}






@media only screen and (max-width:768px){
  /*　COMMON　*/
	body{font-size:84%;}
  .pcnone{display:block;}
  .spnone{display:none;}

	.qabox {margin:0;}
	.qabox .btn_in {top: 44.5%;}
	.qabox ul {display:block;}
	.qabox ul li{padding:5px 0;}

	.qabox .back_top{left:0; right:0; bottom: 2%;width:45%;max-width:329px;margin:0 auto;}


	.btn_in3 .contact_btn1{bottom: 7%;}
	.merit{margin:0 0 30px 0;}
	.support{background:#fff;max-width:90%;margin:0 auto;padding:0 15px 15px 15px;}

	footer{border-top:15px solid #EBEBEB;}
	footer .f_in{padding:20px 15px;max-width:65%;margin:0 auto;}
	footer .f_in_in{display:block;margin:0 auto 20px auto;}
	footer .f_in_in ul{display:table;max-width:60%;margin:0 auto;padding:10px 0 0 0;}
	footer .f_in_in ul li{padding:5px 0 0 0;}

}



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




}