@charset "UTF-8";

/* =======================================================================

CSSの名前：faq.css 

/ext/faq.xhtml

--------------------------------------------------------------------------*/
#faqArea{padding:50px 0 100px;}
#faqArea h2{margin: 0 0 30px 10px;display:block;  padding:0 10px 0 15px; border-left:8px solid #666;font-size:2.2em;}
#faqArea a:hover img{opacity: 1.0;}
#faqArea p.noto{font-size:1.5em;margin: 0 0 50px 50px;}
#faqArea p.red{color:#CC0000;}
.mnArea{display: flex;width:1080px;margin: 10px 0;}

a.mnBox{display: flex; background-image: linear-gradient(90deg, #39704f, #39704f 64px, #ffffff 64px);width:250px;height: 64px;border: 2px solid #39704f;border-radius: 10px;box-sizing: border-box;margin: 0 10px;color: #39704f;font-weight: bold;}
a.mnBox:hover{background-image: linear-gradient(90deg, #194c2d, #194c2d 64px, #39704f 64px);color:#fff;}
.mnBox img{width: 46px;margin: 5px 0 5px 9px;}
.mnBox .txt{margin: 17px 0 0 20px;font-size: 1.8em;}


a.btnGuide{display: block; background: #ebf1fd; width:400px; margin:50px auto 100px;padding: 12px 30px 10px; border:2px solid #0b2ac5;border-radius: 30px; color:#0b2ac5;font-size:1.8em;text-align: center;color: #0b2ac5;font-weight: bold;box-sizing: border-box;}
a.btnGuide .fa-chevron-right{float: right;margin-top: 3px;}
a.btnGuide:hover{background: #d1def8;}

#faqArea{width:1095px;margin:0 auto;}

#jstore h3.faqTtl{background:#39704f; font-size:2.4em;margin: 70px 0 30px 0;text-align: center;padding: 10px 0 8px;color:#fff;}
#jstore h3.faqTtl img{height: 40px;vertical-align: middle;margin-right: 10px}
#jstore dl.accord{width:1055px;margin: 0 auto 15px; border:1px solid #aaa;border-radius: 4px;padding: 0 20px;}
#jstore dl.accord dt{position: relative;background: url("../images/detail/faq/icon_q.png") no-repeat left 15px top 12px;color:#333;font-size:1.8em; padding:14px 10px 14px 60px;font-weight: normal; cursor:pointer;color:#003d5a;font-weight: bold;}
#jstore dl.accord dd{background: url("../images/detail/faq/icon_a.png") no-repeat left 15px top 12px;border-top:1px solid #CCC;padding:15px 20px 15px 60px;}
#jstore dl.accord .fa-chevron-down {display: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
#jstore dl.yokuaru{border-color: #de8910;}
#jstore dl.accord a:hover{text-decoration: underline;}
#jstore dl.accord dd p{font-size:1.5em;line-height: 1.4;}
#jstore dl.accord dd p span.small{font-size:90%;}
#jstore dl.accord dd p + p{margin-top: 10px;}
#jstore dl.accord ol {margin: 0 0 0 30px;}
#jstore dl.accord ol li{list-style-type: decimal;list-style-position: outside;font-size:1.5em;line-height: 1.6em;margin-bottom: 5px;}
#jstore dl.accord ul {margin: 0 0 0 30px;}
#jstore dl.accord ul li{list-style-type:disc;list-style-position: outside;font-size:1.5em;line-height: 1.6em;}
#jstore dl.accord dd p + ul{margin-top: 10px;}
#jstore dl.accord ul li + li{margin-top: 5px;}
#jstore dl.accord ul + p ,#jstore dl.accord ol + p{margin-top: 15px;}