@charset "utf-8";

/* --------------------------------------------------------- */
/* faq - index.css */
/* --------------------------------------------------------- */

/* メイン
----------------------- */
#main{}
#main:after{content:none;}
#main h1{background-image:url(../img/title_bg.jpg);}
#main a{display:block;transition:opacity ease 0.3s;}
#main a:hover{opacity:0.7;}

#main .box{margin-top:70px;}
#main .box h2{height:90px;line-height:90px;padding:0 0 0 50px;font-size:26px;font-weight:normal;background-repeat:no-repeat;background-size:100% auto;background-position:center;}
#main .box .ans{padding:40px 60px 20px;}
#main .box .text{font-size:18px;line-height:1.6;text-indent:1em;}
#main .box .image{margin:20px auto 0;}

#qa1 h2{background-image:url(../img/head_bg1.jpg);}
#qa2 h2{background-image:url(../img/head_bg2.jpg);}
#qa3 h2{background-image:url(../img/head_bg3.jpg);}
#qa4 h2{background-image:url(../img/head_bg4.jpg);}
#qa5 h2{background-image:url(../img/head_bg5.jpg);}
#qa6 h2{background-image:url(../img/head_bg6.jpg);}
#qa7 h2{background-image:url(../img/head_bg7.jpg);}
#qa8 h2{background-image:url(../img/head_bg8.jpg);}
#qa8 .image{width:470px;}
#qa9{padding-bottom:240px;}
#qa9 h2{background-image:url(../img/head_bg9.jpg);}



/* ----------------------- */
/* PC～SP
/* ----------------------- */
@media screen and (max-width: 1120px){
	
}



/* ----------------------- */
/* SP
/* ----------------------- */
@media screen and (max-width: 750px){
	
/* メイン
----------------------- */
#main h1{background-image:url(../img/sp/title_bg.jpg);}
#main a:hover{opacity:1;}

#main .box{margin-top:10%;}
#main .box h2{height:12vw;line-height:12vw;padding:0 0 0 7.142%;font-size:3.8vw;}
#main .box .ans{padding:5.714% 0 0;}
#main .box .text{width:calc(100% - 40px);margin:0 auto;font-size:3.8vw;}
#main .box .image{margin:4.285% auto 0;}

#qa1 h2{background-image:url(../img/sp/head_bg1.jpg);}
#qa2 h2{background-image:url(../img/sp/head_bg2.jpg);}
#qa3 h2{background-image:url(../img/sp/head_bg3.jpg);}
#qa4 h2{background-image:url(../img/sp/head_bg4.jpg);}
#qa5 h2{background-image:url(../img/sp/head_bg5.jpg);}
#qa6 h2{background-image:url(../img/sp/head_bg6.jpg);}
#qa7 h2{background-image:url(../img/sp/head_bg7.jpg);}
#qa8 h2{background-image:url(../img/sp/head_bg8.jpg);}
#qa8 .image{width:100%;}
#qa9{padding-bottom:21.428%;}
#qa9 h2{background-image:url(../img/sp/head_bg9.jpg);}

}