@charset "utf-8";
/* CSS Document */
.faq-main{width:50%;margin:5rem auto;}
.faq-main .accordion{margin-bottom:5rem;}
.faq-main .accordion h3{margin-bottom:3rem;background:#603517;padding:1rem 0 1rem 1.5rem;font-size:1.2rem;line-height:normal;color:#FFF;}

.toggle {display: none;}
.Label {padding: 1em;display: block;margin:1rem auto;border-bottom:solid 1px #333;}
.Label h4{font-size:1.2rem;}
.Label span{margin:0 10px;font-size:1.3rem;color:#603517;font-weight:bold;}
.Label::before{content:"";width:6px;height:6px;border-top:2px solid #603517;border-right: 2px solid #603517;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);}
.Label,.content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;}
.content {height: 0;margin-bottom:10px;padding:0 20px;overflow: hidden;background:#fbf9f8;border-radius:10px;}
.content span{font-weight:bold;margin-right:5px;}
.toggle:checked + .Label + .content {height: auto;padding:20px ;transition: all .3s;}
.toggle:checked + .Label::before {transform: rotate(-45deg) !important;}
.content .faq-answer-box-cap > p > a{margin-top:1rem;text-decoration:underline;color:#1a0dab;}
.content .faq-answer-box-cap > p > a i{color:#1a0dab;}
.content .faq-answer-box-cap > p > a:hover{opacity:.6;transition:.4s;}
.faq-answer-box{display:flex;justify-content:space-between;align-items:center;flex-direction: row-reverse;}
.faq-answer-box-img{width:30%;}
.faq-answer-box-cap{width:60%;margin-left:1rem;}

.faq-line{width:50%;margin:10rem auto 5rem;background:#fafdfb;padding:5rem;border-radius:30px;box-shadow:0 0 5px #DDD;text-align:center;}
.faq-line h2{font-size:1.5rem;line-height:normal;color:#603517;margin-bottom:10px;}
.faq-line p{margin-bottom:3rem;}
.faq-line a{background:linear-gradient(180deg,#2fb383 0%,#4ecd98 50%,#4ecd98 50%,#2fb383 100%);width:50%;margin:0 auto;padding:1rem;font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;color:#FFF;font-size:1.3rem;line-height:normal;border-radius:50px;box-shadow:0 0 5px #DDD;align-items:center;display:flex;justify-content:center;position:relative;}
.faq-line a:hover{opacity:.6;}
.faq-line a i{color:#FFF;}
.faq-line a i:first-child{font-size:2rem;}
.faq-line a i:last-child{position:absolute;right:10%;top:50%;transform: translateY(-50%);}
@media screen and (max-width:1366px){
}

@media screen and (max-width:1280px){
.faq-main{width:65%;}
}

@media screen and (max-width:1024px){
.faq-main{width:75%;}
.faq-line{width:75%;}
}

@media screen and (max-width:768px){
.faq-main{width:90%;}
.faq-line{width:90%;}	
}

@media screen and (max-width:640px){
.faq-main{width:95%;}
.Label h4{font-size:1rem;line-height:normal;}
.Label span{margin:0 10px 0 0;font-size:1.1rem;}
.faq-answer-box{flex-direction: column-reverse;}
.faq-answer-box-img{width:100%;}
.faq-answer-box-cap{width:100%;margin:0 auto 1.5rem;}

.faq-line{width:90%;margin:5rem auto;padding:2.5rem;}
.faq-line h2{font-size:1.4rem;}
.faq-line a{width:100%;font-size:1.2rem;}
.faq-line a i:first-child{font-size:2rem;margin-right:5px;}
.faq-line a i:last-child{right:7.5%;}
}