/* argument */
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
.ffRb { font-family: 'Roboto', sans-serif; }

/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
@media (max-width: 767px) { .faq .box_breadcrumb { border: none; margin-bottom: 55px; } }

.faq__anchor { margin: 23px 0 105px; background: #F7F7F7; overflow: hidden; }

.faq__anchor ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; padding: 30px 0 50px; margin: 0 -32px; }

@media only screen and (max-width: 1024px) { .faq__anchor ul { margin: 0 -15px; } }

.faq__anchor ul li { width: 33.333%; padding: 0 32px; }

@media only screen and (max-width: 1024px) { .faq__anchor ul li { padding: 0 15px; } }

.faq__anchor ul li a { padding: 18px 0; border-bottom: 1px solid #CCC; display: block; font-size: 15px; font-size: 1.5rem; line-height: 21px; }

.faq__anchor ul li a .iconR { background: url("../../img/common/ar_down_black.svg") right 2px center no-repeat; background-size: 16px 16px; display: block; padding-right: 22px; }

@media (max-width: 767px) { .faq .padd0 { padding: 0; } }

@media (max-width: 767px) { .faq__main { border-bottom: 1px solid #707070; } }

.faq__list { margin-bottom: 140px; }

@media (max-width: 767px) { .faq__list { margin-bottom: 0; border-top: 1px solid #707070; } }

.faq__list .titleCm { margin-bottom: 61px; font-size: 32px; font-size: 3.2rem; line-height: 40px; letter-spacing: 0.02em; font-weight: bold; text-align: center; color: #00439B; margin-bottom: 30px; }

@media (max-width: 767px) { .faq__list .titleCm { font-size: 16px; font-size: 1.6rem; line-height: 30px; text-align: left; margin: 0; padding: 15px; position: relative; background: url("../../img/common/ico_plus.svg") center right 15px no-repeat; }
  .faq__list .titleCm:before { width: 20px; height: 20px; position: absolute; }
  .faq__list .titleCm.active { background: url("../../img/common/ico_cl.svg") center right 15px no-repeat; } }

@media (min-width: 768px) { .faq .faq-item { display: block !important; } }

@media (max-width: 767px) { .faq .faq-item { display: none; } }

.faq .faq-item li { display: block; margin-bottom: 10px; }

@media (max-width: 767px) { .faq .faq-item li { padding: 0; margin-bottom: 2px; } }

@media only screen and (min-width: 1025px) { .faq .faq-item li:hover .txtfaq--ques { opacity: 0.6; } }

.faq .faq-item .txtfaq__txtl { color: #00439B; font-family: "Roboto", sans-serif; font-weight: 500; font-size: 25px; font-size: 2.5rem; line-height: 35px; letter-spacing: 0; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

@media (max-width: 767px) { .faq .faq-item .txtfaq__txtl { padding-left: 0; font-size: 23px; font-size: 2.3rem; } }

.faq .faq-item .txtfaq__ques { font-weight: bold; padding-left: 32px; padding-right: 30px; position: relative; font-size: 17px; font-size: 1.7rem; line-height: 30px; letter-spacing: 0.02em; font-weight: bold; }

@media (max-width: 767px) { .faq .faq-item .txtfaq__ques { padding-left: 33px; padding-right: 30px; font-size: 15px; font-size: 1.5rem; line-height: 28px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .faq .faq-item .txtfaq__ques { padding-top: 4px; } }

.faq .faq-item .txtfaq__ques::before { background: url("../../img/common/ar_down_black.svg") center/cover no-repeat; content: ''; width: 18px; height: 18px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .faq .faq-item .txtfaq__ask { padding-top: 3px; } }

.faq .faq-item .txtfaq__ask a { display: block; max-width: 240px; margin-top: 22px; }

@media (max-width: 767px) { .faq .faq-item .txtfaq__ask a { max-width: 200px; margin: 15px auto 5px; } }

.faq .faq-item .txtfaq--ques { cursor: pointer; background: #F7F7F7; padding: 18px 20px; padding-right: 26px; position: relative; }

.faq .faq-item .txtfaq--ques:before, .faq .faq-item .txtfaq--ques:after { content: " "; display: table; }

.faq .faq-item .txtfaq--ques:after { clear: both; }

@media (max-width: 767px) { .faq .faq-item .txtfaq--ques { padding-right: 18px; } }

.faq .faq-item .txtfaq--ques.active .txtfaq__ques::before { -webkit-transform: translateY(-50%) scaleY(-1); -moz-transform: translateY(-50%) scaleY(-1); -ms-transform: translateY(-50%) scaleY(-1); -o-transform: translateY(-50%) scaleY(-1); transform: translateY(-50%) scaleY(-1); }

.faq .faq-item .txtfaq--ask { display: none; padding: 35px 50px 40px; }

@media (max-width: 767px) { .faq .faq-item .txtfaq--ask { padding: 15px 20px 35px; } }

.faq .faq-item .txtfaq--ask .txtfaq__txtl { color: #2cbbc8; }

.faq .faq-item .txtfaq--ask .btn_cm { max-width: 152px; display: block; margin: 25px auto 0; font-size: 14px; font-size: 1.4rem; line-height: 21px; font-family: "Roboto", sans-serif; font-weight: normal; padding: 9px 15px; }

.faq .faq-item .txtfaq--ask .btn_cm:after { content: ""; display: inline-block; background: url("../../img/common/ico_faq.svg") center no-repeat; width: 10px; height: 11px; margin-left: 15px; }

@media only screen and (min-width: 1025px) { .faq .faq-item .txtfaq--ask .btn_cm:hover:after { background: url("../../img/common/ico_faq_w.svg") center no-repeat; } }

/*# sourceMappingURL=maps/faq.min.css.map */
