@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* =================================================================================================== */
/* faq */
/* =================================================================================================== */
body.faq .block-main{background:url(../img/back.jpg);background-color: #dae4ee;}
body.faq .block-main .block-left div{background:url(../img/faq/main01.jpg) no-repeat right top;}
body.faq .block-main .block-right div{background:url(../img/faq/main02.jpg) no-repeat left center;}

body.faq .inner{width:94%;margin:auto;}
body.faq .list-faq{text-align:left;}
body.faq .list-faq > li{margin-bottom:20px;}
body.faq .list-faq > li .question{font-size:16px;font-weight:bold;background:url(../img/faq/icon_q.png) no-repeat 30px 25px;padding:25px 65px 25px 75px;cursor:pointer;position:relative;background-color: #fff;}
body.faq .list-faq > li .question::after{content:"";display:block;background:url(../img/faq/icon_arrow.png) no-repeat center center;width:30px;height:30px;position:absolute;top:50%;right:25px;margin-top:-15px;transition:.2s;}
body.faq .list-faq > li .answer{display:none;background:url(../img/faq/icon_a.png) no-repeat 30px 25px;padding:25px 25px 25px 75px;}
body.faq .list-faq > li.active .question::after{-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);transition:.2s;}
body.faq .list-faq > li .answer a{color:#205c9f;}
body.faq .list-faq > li .answer a:hover{text-decoration:none;}
body.faq .list-faq > li .question:hover{border-color:#4380c4;transition:.3s;}
/* body.faq .list-faq > li.active .question{border-color:#fff!important;} */

body.faq .block-baggage .container,body.faq .block-delivery .container{padding-top:0;}

/* =================================================================================================== */
/* for tablet */
/* =================================================================================================== */
@media screen and (max-width:999px){


}
/* =================================================================================================== */
/* for sp */
/* =================================================================================================== */
@media screen and (max-width: 619px){
  body.faq .list-faq > li .question{font-size:14px;background-position:15px 15px;padding:15px 40px 15px 50px;background-size:20px auto;}
  body.faq .list-faq > li .question::after{background-size:20px;width:20px;height:20px;right:10px;margin-top:-10px;}
  body.faq .list-faq > li .answer{background-position:15px 15px;background-size:20px auto;padding:15px 15px 15px 50px;}

}
