@charset "utf-8";
/* ------------------------------------------------------------ common */

.center { text-align: center; font-size: 14px; }

#title { background: url(../images/qanda/fv.jpg) center center no-repeat; background-size: cover; padding: 177px 0;}
#title h2 {  font-family: Gill Sans; font-size: 65px; text-align: center; color: #fff; letter-spacing: 10px;}
#title h2 span { font-size: 18px; letter-spacing: 0;}


/* ------------------------------------------------------------ #qanda */

#jump { padding: 60px 0 0; }
#jump li { float: left; width: 265px; text-align: center; background: #f2f2f2; border-left: 1px solid #fff; }
#jump li:first-child { border: none; }
#jump li a { font-size: 18px; display: block; padding: 10px 0; }

#qanda{ padding: 100px 0;}
#qanda .block{ padding-bottom: 25px;}
#qanda .block h4 span{ display: inline-block; *display: inline; *zoom: 1; font-size: 20px; color: #fff; background: #0f3a7a; padding: 4px 10px; margin: 0 10px 0 0; }
#qanda .block h4 { background: #d7d7d7; font-size: 18px; text-align: left; font-weight: bold; line-height: 40px; color:#0f3a7a; }
#qanda .block .answer { padding: 20px 0 30px; border: 2px solid #f2f2f2; border-top: none; background: #f7f7f7;}
#qanda .block .answer span { font-size:20px; color: #0f3a7a; width: 20px; float: left; text-align: center; padding: 5px 0 0 15px;}
#qanda .block .answer p { font-size: 16px; padding: 10px 20px 0 55px; }
#qanda .block .answer p a { text-decoration: underline; }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ #qanda */

#title { background: url(../images/qanda/fv.jpg?var=180621) center center no-repeat; background-size: cover; padding: 80px 0;}
#title h2 {  font-family: Gill Sans; font-size: 35px; text-align: center; color: #fff; letter-spacing: 10px;}
#title h2 span { font-size: 18px; letter-spacing: 0;}

#jump { padding: 30px 0 0; }
#jump li { float: none; width: 94%; border-left: none; margin: 0 auto 5px; }
#jump li:first-child { border: none; }
#jump li a { font-size: 18px; display: block; padding: 10px 0; }

#qanda 						{ padding: 0 0 50px; }
#qanda p.term 				{ font-size: 16px; padding: 15px 3%; }
#qanda .block h4 span		{ font-size: 18px; padding: 0 5px; }
#qanda .block h4 			{ font-size: 14px; line-height: 36px; margin: 0 3%; }
#qanda .block .answer 		{ padding: 10px 3% 20px; margin: 0 3%; }
#qanda .block .answer span	{ font-size:18px; width: 10px; padding: 0; float: none; display: inline-block; *display: inline; *zoom: 1; }
#qanda .block .answer p		{ font-size: 14px; padding: 15px 0 0 10px; float: none; display: inline; }

}

}