@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 768px) {


#faq {
position:relative;
margin: 0 auto 150px;
z-index: 5;
}


#faq .section_wrap{
width: 900px;
margin: 0 auto;
}

.qa-7 {
max-width: 100%;
margin-bottom:30px;
border: none;
border-radius: 5px;
box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
background-color: #fff;
}

.qa-7 summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 1em 2em 1em 3em;
color: #333333;
font-weight:300;
cursor: pointer;
border: 1px solid rgba(0,0,0,.2);
}

.qa-7 summary::before,
.qa-7 p::before {
position: absolute;
left: .5em;
font-weight: 300;
font-size:2em;
}

.qa-7 summary::before {
color: #00488a;
content: "Q";
}

.qa-7 summary::after {
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin-left: 10px;
border-bottom: 3px solid #333333b3;
border-right: 3px solid #333333b3;
content: '';
transition: transform .5s;
}

.qa-7[open] summary::after {
transform: rotate(225deg);
}

.qa-7 p {
position: relative;
transform: translateY(-10px);
opacity: 0;
margin: 0;
padding:15px 3em;
color: #333;
letter-spacing: .1rem;
font-weight: 300;
transition: transform .5s, opacity .5s;
}

.qa-7[open] p {
transform: none;
opacity: 1;
}

.qa-7 p::before {
color: #D60000;
line-height: 1.2;
content: "A";
}
}
/*sp*/
@media only screen and (max-width: 767px) {


#faq {
position:relative;
margin: 0 auto 80px;
z-index: 5;
}

#faq .section_wrap{
width: 90%;
margin: 0 auto;
}

.qa-7 {
max-width: 100%;
margin-bottom:20px;
border: none;
border-radius: 5px;
box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
background-color: #fff;
}

.qa-7 summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 1em 2em 1em 3em;
color: #333333;
font-size: .8rem;
font-weight:300;
cursor: pointer;
border: 1px solid rgba(0,0,0,.2);
}

.qa-7 summary::before,
.qa-7 p::before {
position: absolute;
left: .5em;
font-weight: 300;
font-size:1.6em;
}

.qa-7 summary::before {
color: #00488a;
content: "Q";
}

.qa-7 summary::after {
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin-left: 10px;
border-bottom: 3px solid #333333b3;
border-right: 3px solid #333333b3;
content: '';
transition: transform .5s;
}

.qa-7[open] summary::after {
transform: rotate(225deg);
}

.qa-7 p {
position: relative;
transform: translateY(-10px);
opacity: 0;
margin: 0;
padding:15px 3em;
color: #333;
letter-spacing: .1rem;
font-weight: 300;
transition: transform .5s, opacity .5s;
}

.qa-7[open] p {
transform: none;
opacity: 1;
}

.qa-7 p::before {
color: #D60000;
line-height: 1.2;
content: "A";
}

}