@charset "utf-8";

.faqContainer h2{
position: relative;
text-align: center;
margin-bottom: 1.5em;
padding: 1em 0 .2em;
}
.faqContainer h2::before {
position: absolute;
bottom: -10px;
left: calc(50% - 30px);
width: 60px;
height: 6px;
content: '';
border-radius: 10px;
background: rgba(243,168,190,1);
}
.faqContainer h3 {
border-bottom: 6px dotted rgba(243,168,190,1);
margin: 1em 0;
}
.faqContainer h3::before {
color: rgba(243,168,190,1);
font-weight: 900;
font-family: "Font Awesome 6 Free";
content: "\f138";
margin-right:.2em;
}
.faqContainer a{
text-decoration: underline;
}
.faqContainer .toArchives{
text-align: center;
}
.faqContainer .toArchives a{
display:  inline-block;
background: rgba(243,168,190,1);
border-radius: 50px;
border: 2px solid rgba(243,168,190,1);
color: rgba(255,255,255,1);
font-style: normal;
padding: .8em;
font-size: 18px;
font-family: 'Kosugi Maru', sans-serif;
text-align: center;
text-decoration: none;
margin: 0 auto 1em;
width: 100%;
}
.faqContainer .toArchives a:hover{
background: rgba(255,255,255,1);
border: 2px dashed rgba(243,168,190,1);
color: rgba(243,168,190,1);
opacity: 1;
}
.faqContainer .toArchives a::before{
display:  inline-block;
content: "\f071";
font-weight: 900;
font-family: "Font Awesome 6 Free";
margin-right: .5em;
}
.faqContainer .faqList:not(:last-child) {
border-bottom: 1px solid rgba(255,255,255,1);
margin-top: 0;
}
.faqContainer .faqList:last-child {
margin-bottom: 1em;
}
.faqContainer .qstnTtl{
background: rgba(243,168,190,0.15);
border-radius: 5px;
margin-bottom: 1px;
color: rgba(51,51,51,1);
cursor: pointer;
font-size: 14px;
padding: 1em 35px 1em 40px;
position: relative;
pointer-events: none;
}
.faqContainer .qstnTtl::before{
position: absolute;
display: block;
content: 'Q';
top: 8px;
left: 12px;
color: rgba(243,168,190,1);
font-size: 20px;
font-family: 'Open Sans', sans-serif;
}
.faqContainer .ansrTxt { font-size: 14px;
padding: 1em 30px 1em 35px;
position: relative;
}
.faqContainer .ansrTxt::before {
position: absolute;
display: block;
content: '';
top: 8px;
left: 12px;
color: rgba(255,255,255,1);
font-size: 20px;
font-family: 'Open Sans', sans-serif;
}
.faqContainer .timeTable {
border: 1px solid rgba(204,204,204,1);
font-size: 13px;
margin: .5em 0;
}
.faqContainer .timeTable tr:not(:last-child) {
border-bottom: 1px solid rgba(204,204,204,1);
}
.faqContainer .timeTable tr:first-child th {
}
.faqContainer .timeTable th,
.faqContainer .timeTable td {
text-align: center;
line-height: 1;
vertical-align: middle;
padding: 15px 5px;
}
.faqContainer .timeTable th {
background: rgba(243,168,190,0.1);
font-weight: normal;
}
.faqContainer .timeTable th:not(:last-child) {
border-right: 1px solid rgba(204,204,204,1);
}
.faqContainer .timeTable th:first-child {
width: 30%;
}
.faqContainer .timeTable td {
width: calc(70% / 8);
}
.faqContainer .timeTable td.open {
color: rgba(243,168,190,1);
}
.faqContainer .timeTable td:not(:last-child) {
border-right: 1px solid rgba(204,204,204,1);
}
.faqContainer table.trimTable{
table-layout: fixed;
width: 100%;
margin: 1.5em 0;
font-size: 13px;
border-spacing: 0;
border-collapse: separate;
border-radius: 10px;
border-top: 1px solid rgba(204,204,204,1);
border-left: 1px solid rgba(204,204,204,1);
}
.faqContainer .trimTable th,
.faqContainer .trimTable td {
border-right: 1px solid rgba(204,204,204,1);
border-bottom: 1px solid rgba(204,204,204,1);
vertical-align: middle;
padding: 15px 5px;
}
.faqContainer .trimTable tr:first-child th {
border-radius: 10px 0 0 0;
}
.faqContainer .trimTable tr:first-child td {
border-radius: 0 10px 0 0;
}
.faqContainer .trimTable tr:last-child th {
border-radius: 0 0 0 10px;
}
.faqContainer .trimTable tr:last-child td {
border-radius: 0 0 10px 0;
}
.faqContainer .trimTable th {
background: rgba(243,168,190,.1);
font-weight: normal;
text-align: left;
width: 30%;
}
.faqContainer .trimTable td {
width: 70%;
}
.faqContainer .ansrTxt ul{
margin: .5em 0;
}
.faqContainer .ansrTxt li,
.faqContainer .ansrTxt dt,
.faqContainer .ansrTxt dd{
margin-left: 1.3em;
}
.faqContainer .ansrTxt li::before,
.faqContainer .ansrTxt dt::before{
color: rgba(243,168,190,1) ;
content: "\f111";
font-weight: 900;
font-family: "Font Awesome 6 Free";
margin-right: .3em;
margin-left: -1.3em;
}
@media screen and (max-width: 640px){
.faqContainer .toArchives a{
font-size: 13px;
}
.faqContainer .qstnTtl{
pointer-events: all;
}
.faqContainer .ansrTxt {
display: none;
}
.faqContainer .qstnTtl::after{
position: absolute;
display: block;
content: '';
top: 35%;
right: 22px;
width: 8px;
height: 8px;
border-top: 2px solid rgba(243,168,190,1);
border-right: 2px solid rgba(243,168,190,1);
transform: rotate(135deg);
transition: all .3s ease-in-out;
}
.faqContainer .qstnTtl.open::after {
transform: rotate(-45deg);
top: 45%;
}
}