@charset "UTF-8";
 .mod-intro .mod-intro-inner{
height:100px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/bg-intro2.png) center 0 no-repeat;
}
.mod-intro .mod-intro-inner h1{
position:absolute;
top:36px;
left:0;
}
.body-sec .sec-inner{
width:950px;
margin:0 auto;
}
@media (max-width:769px) {
.mod-intro img{
height:100%;
width:auto;
}
.mod-intro-inner{
width:100%;
}
.mod-intro .mod-intro-inner{
height:80px;
background-position:right 0 center;
background-size:cover;
}
.mod-intro .mod-intro-inner h1{
height:20px;
width:auto;
top:29px;
left:20px;
}
.body-sec .sec-inner{
width:95%;
}
} .q-sec{
position: relative;
}
.q-sec .sec-inner{
padding-top:45px;
padding-bottom:45px;
border-top:1px solid #ff6666;
}
.q-sec .sec-inner:before,.q-sec .sec-inner:after{content:"";display:table}
.q-sec .sec-inner:after{clear:both}
.q-sec .sec-inner .faq-answer .q-text{
padding-left:40px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/faq/icon-q.png) no-repeat 0 0;
font-size:1.14286em;
font-weight:bold;
color:#ff6666;
line-height:30px;
}
.q-sec .sec-inner .faq-answer .a-text{
margin-top:20px;
padding-top:5px;
padding-left:40px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/faq/icon-a.png) no-repeat 0 0;
}
.q-sec .sec-inner .faq-answer .a-text a{color:#ff6666}
.q-sec .sec-inner .faq-answer .a-text a:hover{text-decoration:none}
#q1 .sec-inner{border-top:none}
.faq-intro .sec-inner{padding-bottom:0}
.faq-intro .faq-title{padding:25px 0;color:#ff6666;font-size:1.42857em;font-weight:bold;border-bottom:1px solid #ff6666}
.faq-intro .faq-title span{padding-left:20px;font-size:0.7em;color:#333333;font-weight:normal}
.faq-intro .faq-list li{background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/faq/line-dot.png) repeat-x 0 bottom}
.faq-intro .faq-list li a{display:block;padding:20px;line-height:2;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/faq/icon-arrow.png) no-repeat 98% center;color:#333333;text-decoration:none}
@media (max-width:769px) {
.q-sec{
margin-top: -90px;
padding-top: 90px;
}
.q-sec .sec-inner{
padding:30px 0;
}
.faq-intro .faq-title {
padding:15px 0;
font-size:13px;
}
.faq-intro .faq-list li a{
padding:10px 40px 10px 10px;
font-size:12px;
line-height:20px;
}
.q-sec .sec-inner .faq-answer .q-text{
padding-left:25px;
background-size:17px 20px;
font-size:12px;
line-height:20px;
}
.q-sec .sec-inner .faq-answer .a-text{
margin-top:10px;
padding-top:5px;
padding-left:25px;
font-size:12px;
line-height:20px;
background-size:17px 21px;
}
} .sec-contact{background:#f9f9f9}
.sec-contact .sec-inner{padding-top:45px;padding-bottom:45px}
.sec-contact .sec-inner:before,.sec-contact .sec-inner:after{content:"";display:table}
.sec-contact .sec-inner:after{clear:both}
.sec-contact h3{padding:15px 0;background:#aeaeae;text-align:center;color:#fff;font-weight:bold}
.sec-contact .contact{padding:15px;background:#fff}
.sec-contact .contact:before,.sec-contact .contact:after{content:"";display:table}
.sec-contact .contact:after{clear:both}
.sec-contact .contact dl{
margin:0 15px 0 100px;
float:left;
}
.sec-contact .contact dl:before,.sec-contact .contact dl:after{content:"";display:table}
.sec-contact .contact dl:after{clear:both}
.sec-contact .contact dl .tel-text{width:30px;height:17px;margin:7px 5px 0 0;float:left;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/faq/faq-text1.png) no-repeat 0 0}
.sec-contact .contact dl .tel-number{width:197px;height:25px;float:left;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/faq/faq-text2.png) no-repeat 0 0}
.sec-contact .contact .contact-text{
margin:0;padding:0;
height:25px;
font-size:15px;
line-height:25px;
font-weight: bold;
color:#333333;
letter-spacing:1px;
}
.sec-contact .privacy-text{margin:15px 0 0 70px}
.sec-contact .privacy-text:before,.sec-contact .privacy-text:after{content:"";display:table}
.sec-contact .privacy-text:after{clear:both}
.sec-contact .privacy-text dt{float:left;font-weight:bold;font-size:0.85714em}
.sec-contact .privacy-text dd{font-size:0.85714em}
.sec-contact .privacy-text dd a{color:#ff6666}
.sec-contact .privacy-text dd a:hover{text-decoration:none}
@media (max-width:769px) {
.sec-contact .sec-inner{
padding:30px 0;
}
.sec-contact h3{
padding:10px;
font-size:12px;
}
.sec-contact .contact{
clear:both;
padding:10px;
text-align:center;
}
.sec-contact .contact dl{
margin:0 auto;
display: inline-block;
float:none;
clear:both;
font-size:1.14286em;
font-weight: bold;
}
.sec-contact .contact .contact-text{
margin:0 auto;
width:90%;
text-align: center;
font-size:10px;
font-weight: bold;
letter-spacing:0;
}
.sec-contact .privacy-text{
margin:15px auto 0 auto;
}
.sec-contact .privacy-text dt{
font-size:10px;
}
.sec-contact .privacy-text dd{
font-size:10px;
}
}