@charset "UTF-8";
/* CSS Document */

#faq{ }
#faq .commonContent{ max-width: 1060px; margin: 0 auto;}
/* #faq .local_navi a{ width: calc(( 100% - 40px)/5);}
#faq .local_navi a:hover{ background-color: #ea6390; border-color: #ea6390;} */
#faq h3.categoryTit{ color: #ea6390;}

.faq_con dt{ background-color: #f2f3f4; box-sizing: border-box; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; font-size: 16px; padding: 0.5em 15px; margin: 0 0 20px 0; position: relative;ransition: all 0.5s ease-in 0s; cursor: default;}
.faq_con dt:before{ content: 'Q'; font-size: 120%; margin-right: 0.5em; color: #ea6390;}
.faq_con dt:after{ position: absolute; top: 50%; transform: translateY( -50%) rotateZ(90deg); right: 15px; content: ''; width: 24px; height: 24px; background: url("../img/icon_more_bk.svg"); background-size: 100%; background-repeat: no-repeat; background-position: center; display: none;}
.faq_con dd{ box-sizing: border-box; padding: 0 15px 20px; display: block;}
.faq_con dd p{ margin-bottom: 10px;}
.faq_con dt.open:after{ transform:  translateY(-50%) rotateZ(27deg); pointer-events: none;}

.faq_con dt.open:hover{ opacity: 1;}


.tit_pk{ font-family: a-otf-midashi-go-mb31-pr6n, sans-serif; font-weight: 600; font-style: normal; color: #ea6390; font-size: 20px; width: 100%; margin: 0 0 5px 0; display: flex; justify-content: flex-start; align-items: baseline; flex-wrap: wrap;}
.tit_pk .linkMore_bk{ color: #1a1a1a; display: inline-block; margin-left: auto;}


@media screen and (max-width:1450px) {
}

@media screen and (max-width:1060px) {
}

@media screen and (max-width:768px) {

.faq_con dt{ cursor: pointer;}
.faq_con dt:after{ display: block;}
.faq_con dd{ display: none;}
.faq_con dt:hover{ background-color:hsla(340,76%,65%,0.20);}
.faq_con dt.open:after{ transform:  translateY(-50%) rotateZ(27deg); pointer-events: none;}
}

@media screen and (max-width:640px) {
.pcImg{ display: none;}
.spImg{ display: block;}
}

@media screen and (max-width:480px) {
/* #faq .local_navi a{ width: calc(( 100% - 10px)/3); margin: 0 5px 5px 0;}
#faq .local_navi a:nth-child(3n){ margin-right: 0;} */
}

@media screen and (max-width:430px) {
}