@charset "utf-8";

section#main_block { padding-top:100px; background-color:#fefefe; }

div#main_block_bg { position:relative; /* background-image: url("../img/main_history.jpg");  background-repeat: no-repeat; background-position: center top; background-size: contain; background-attachment: fixed; */ }
div#main_block_bg::before { content: ""; display: block; position:fixed; top:0; left:0; z-index: -1; width:100%; height:80%; background-image:url('../img/main_sanpai.jpg'); background-repeat: repeat-y; background-position: top center; background-size: cover; }

div#main_block_bg > h2 { font-size:22px; letter-spacing: 0.2em; font-weight: normal; position:absolute; top:300px; left:50%; transform: translateX(-50%); }
div#main_block_bg > h2::before { content: ""; position:absolute; top:-110%; left:50%; transform: translateX(-50%); width:40px; height:40px; background-image: url("../img/logo_green.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }
div#main_block_bg > p { position:absolute; top:350px; left:50%; transform: translateX(-50%); }

@media screen and (max-width:900px) {
    section#main_block { padding-top:70px; background-color:#fefefe; }
    section#main_block::before { height:70px; }
    div#main_block_bg::before { height:50%; background-image:url('../img/main_sanpai.jpg'); background-repeat: no-repeat; background-position: top center; background-size: contain; }
    div#main_block_bg > h2 { font-size:18px; top:230px; }
    div#main_block_bg > h2::before{ top:-110%; width:32px; height:32px; }
    div#main_block_bg > p { top:275px; width:100%; }
}

#white_bg { background-color:#fefefe; }

#content_block { padding:180px 0 100px; width:720px; margin:auto; margin-top:200px; text-align: left; }
#content_block div.faq_block { border-top:solid 1px #ddd; padding:4% 5%; }
#content_block div.faq_block:last-child { border-bottom:solid 1px #ddd; }
#content_block div.faq_block label.q_block:hover { cursor: pointer; }
#content_block div.faq_block label.q_block > p { font-size:16px; text-indent: -2.5em; margin-left:2.5em; line-height: 1.2; }
#content_block div.faq_block label.q_block p::before { content:"Q"; text-indent: 0; display: inline-block; width:28px; height:28px; border-radius: 14px; color:#fefefe; line-height: 28px; text-align:center; background-color:#8bcb81; margin:auto; margin-right:10px; }
#content_block div.faq_block label.q_block p::after { content:""; }
#content_block div.faq_block div.a_block { margin-left:2.5em; padding-left:1em; border-left:solid 2px #8bcb81;  }
#content_block div.faq_block div.a_block > p { color:#555; line-height: 1.6; font-size:15px; }
@media screen and (max-width:900px) {
    #content_block { padding:130px 0 80px; width:84%;  margin-top:160px; }
    #content_block div.faq_block { padding:4% 1%; }
    #content_block div.faq_block label.q_block > p { font-size:14px; }
    #content_block div.faq_block label.q_block p::before { width:24px; height:24px; line-height: 24px; }
    #content_block div.faq_block div.a_block { margin-left:1.5em; }
    #content_block div.faq_block div.a_block > p { font-size:12px; }
}


#content_block div.faq_block input.toggle { display: none; }
#content_block div.faq_block div.q_block, #content_block div.faq_block div.a_block { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.5s; }
#content_block div.faq_block div.a_block { height: 0; overflow: hidden; }
#content_block div.faq_block input.toggle:checked + .q_block + .a_block { height: auto; margin-top:15px; margin-bottom:10px; transition: all 0.5s; }