@charset "utf-8";
/* ------------------------------------------------------------ common */
header ul li:nth-of-type(4) a { position: relative; padding: 0 12px; }
header ul li:nth-of-type(4) a::before { position: absolute; content: ""; background: #0177ce; background: linear-gradient(to right, #0177ce, #00c4c7); width: 5px; height: 5px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; left: 0; top: 0; bottom: 0; margin: auto 0; }
header ul li:nth-of-type(4) a::after { position: absolute; content: ""; background: #0177ce; background: linear-gradient(to right, #0177ce, #00c4c7); width: 5px; height: 5px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; right: 0; top: 0; bottom: 0; margin: auto 0; }

.btn1 { margin: 70px auto 100px; }
/* ------------------------------------------------------------ fv */
#fv { background: url(../images/faq/fv_.jpg) no-repeat center center/cover; padding: 235px 0 20px;}
/* ------------------------------------------------------------ faq*/
#faq { padding: 125px 0 0; }
#faq h3 { background: #0178ce; font-size: 24px; color: #fff; font-weight: bold; padding: 15px 25px; margin: 0 auto 22px; }
#faq dl dt { background: #e8f3fb; border-left: solid 5px #a2ceed; padding: 15px 0 15px 23px; }
#faq dl dt p { float: left; font-size: 18px; width: calc(100% - 63px); line-height: 30px; }
#faq dl dt span { float: left; font-size: 24px; color: #0178ce; font-family: "Lato", sans-serif; padding: 0 23px 0 0; }
#faq dl dd { padding: 20px 0 50px 30px; }
#faq dl dd:last-of-type { padding: 20px 0 120px 30px; }
#faq dl:last-of-type dd:last-of-type { padding: 20px 0 0 30px; }
#faq dl dd p { float: left; line-height: 30px; width: calc(100% - 40px); }
#faq dl dd span { float: left; font-size: 24px; color: #fe8831; font-family: "Lato", sans-serif; padding: 2px 23px 0 0; }
#faq dl dd img { clear: both; display: block; padding: 20px 0 0 40px; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ common */
.btn1 { margin: 70px auto 100px; }
/* ------------------------------------------------------------ fv */
#fv { background: url(../images/faq/fv.jpg) no-repeat center center/cover; padding: 90px 0 10px; }
/* ------------------------------------------------------------ faq*/
#faq { padding: 40px 0 0; }
#faq h3 { font-size: 16px; padding: 12px 15px; margin: 0 auto 22px; }

#faq dl dt { padding: 12px 0 12px 15px; }
#faq dl dt p { font-size: 14px; width: calc(100% - 63px); line-height: 22px; }
#faq dl dt span { font-size: 18px; padding: 0 15px 0 0; }

#faq dl dd { padding: 15px 0 25px 20px; }
#faq dl dd:last-of-type { padding: 15px 0 60px 20px; }
#faq dl:last-of-type dd:last-of-type { padding: 20px 0 0 20px; }
#faq dl dd p { font-size: 14px; line-height: 22px; width: calc(100% - 40px); }
#faq dl dd span { font-size: 18px; padding: 0 15px 0 0; }
#faq dl dd img { width: 100%; height: auto; padding: 20px 0 0; }
}