@charset "utf-8";

.page-header {
background-image: url(//kashikiri-fit.com/wp-content/themes/lightning-child/img/f-faq/mv_faq.jpg);
}
.page-header-title::after {
content: 'FAQ';
}
.page_faq_titile {
background: linear-gradient(110deg, rgba(247, 107, 28, 1) 0%, rgba(250, 217, 97,.8) 100%);
width: 100%;
margin: 20px 0 0;
}
.page_faq_titile h3 {
line-height: 50px;
margin: 0 0 0 30px;
font-size: 18px;
color: #fff;
}
.page_faq_cont {
margin: 20px 0 50px;
}
.page_faq_detail-content a:hover {
color: #000;
}
.faq_add_hosoku {
font-size: 12px;
}
.page_faq_cont ul li {
list-style: disc;
} .page_faq_cont *, .page_faq_cont *:after, .page_faq_cont *:before {
box-sizing: border-box;
}
.page_faq_cont .page_faq_detail {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 0 1em 0;
}
.page_faq_cont .page_faq_detail input {
position: absolute;
opacity: 0;
} .page_faq_cont .page_faq_detail label { line-height: 1.6em;
position: relative;
display: block;
margin: 0 0 0 0;
padding: 1em 2em 1em 2.5em;
cursor: pointer;
text-indent: 1em;
}
.page_faq_cont .page_faq_detail label::before {
font-size: 1.5em;
margin-left: -2em;
padding-right: 0.5em;
content: 'Q';
color: #f76b1c;
font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
.page_faq_cont .page_faq_detail label:hover {
transition: all 0.3s;
color: #000;
} .page_faq_cont .page_faq_detail label::after {
font-size: 1.7em;
font-weight: bold;
line-height: 2em;
position: absolute;
top: 0;
right: 0;
content: '＋';
display: inline-block;
width: 2em;
height: 2em;
transition: transform .5s;
color: #f76b1c;
} .page_faq_cont .page_faq_detail .page_faq_detail-content {
position: relative;
overflow: hidden;
max-height: 0;
padding: 0 0 0 2.5em;
transition:  .8s;
border: 1px solid rgba(27,37,56,0.1);
}
.page_faq_cont .page_faq_detail .page_faq_detail-content::before {
font-size: 1.5em;
position: absolute;
margin: 0.4em 0 0 -1em;
padding: 0;
content: 'A';
color: #f76b1c;
font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
.page_faq_cont .page_faq_detail .page_faq_detail-content p {
margin: 1em 1em 1em 0;
}  .page_faq_cont .page_faq_detail input:checked ~ .page_faq_detail-content {
max-height: 40em;
border: 4px solid #EEEEEE;
} .page_faq_cont .page_faq_detail input:checked ~ label {
color: #000;
} .page_faq_cont .page_faq_detail input[type=checkbox]:checked + label::after {
transform: rotateZ(45deg);
transform-origin: 50% 50%;
}       @media screen and (max-width: 1000px) {
}    @media screen and (max-width: 834px) {
.page_faq_titile h3 {
line-height: 40px;
margin: 0 0 0 20px;
font-size: 16px;
}
.page_faq_cont .page_faq_detail label {
line-height: 1.2em;
font-size: 14px;
}
.page_faq_cont .page_faq_detail .page_faq_detail-content p {
font-size: 14px;
}
}    @media screen and (max-width: 640px) {
.page-header {
background-image: url(//kashikiri-fit.com/wp-content/themes/lightning-child/img/f-faq/mv_faq_sp.jpg);
}
}