@charset "utf-8";
.wcfront_body_wrap{
position:relative;
}
.wcfront_body_wrap::after{
    content: '';
    position: absolute;
    top: 399px;
        left: -25px;
    z-index: -1;
background:url(/common2/upload/files/faq/FAQ.png)  no-repeat;
background-size: 172px  326px;
    width: 172px;
    height:  326px;
}
@media (max-width:990px){
.wcfront_body_wrap::after{
  top: 276px;
    background-size: 118px 214px;
width: 118px;
    height: 214px;
}
}
@media (max-width:640px){
.wcfront_body_wrap::after{
        top: 403px;
}
}
.border{
    border-bottom: 1px dotted #D9D9D9;
    padding-top:70px;
}
#wcfront_parts-7-92 .list_wrap{
display:flex;
padding:50px 0;
 }
#wcfront_parts-7-92 .list_wrap .list{
text-align:center;
width: 32%;
background-color: #F8F8F8;
position:relative;
}
#wcfront_parts-7-92 .list_wrap .list.v2{
margin:0 10px;
}
@media (max-width:640px){
#wcfront_parts-7-92 .list_wrap{
flex-wrap:wrap;
justify-content: center;
}
#wcfront_parts-7-92 .list_wrap .list{
width:90%;
margin-bottom:10px;
}
#wcfront_parts-7-92 .list_wrap .list.v2{
margin:0 0 10px 0;
}
}
#wcfront_parts-7-92 .list_wrap .list::after{
position:absolute;
content:'▾';
top:50%;
right:10px;
transform: translateY(-50%);
}
#wcfront_parts-7-92 .list_wrap .list.v1 span{
background:url(/common2/upload/files/faq/icon01.png) no-repeat;
background-size: 16px 21px;
    width: 16px;
    height: 21px;
}
#wcfront_parts-7-92 .list_wrap .list.v2 span{
background:url(/common2/upload/files/faq/icon02.png) no-repeat;
background-size: 21px 19px;
    width: 21px;
    height: 19px;
}
#wcfront_parts-7-92 .list_wrap .list.v3 span{
background:url(/common2/upload/files/faq/icon03.png) no-repeat;
background-size: 22px 22px;
    width: 22px;
    height: 22px;
}
#wcfront_parts-7-92 .list_wrap .list a{
color: #333333 !important;
 text-decoration: none !important;
display:flex;
align-items: center;
    justify-content: center;
}
#wcfront_parts-7-92 .list_wrap .list a p{
padding:15px 5px;
}
.detail{
}
.summary{
display:flex;
background: linear-gradient(90deg, rgb(33, 44, 114) 70%, rgb(32, 178, 170) 100%);
    padding: 15px 10px;
align-items: center;
}
.summary .q{
color:#212C72;
background-color:#FFFFFF;
margin-right: 15px;
padding-bottom: 5px;
    width: 40px;
    height: 40px;
min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: bold;
}
 .summary span{
font-weight:bold;
font-size:1.5em;
    color: #FFFFFF;
    padding-bottom: 5px;
margin-right:30px;
}
 .contents{
display:flex;
padding:30px 10px;
   box-shadow: 1px 1px 3px #DDDDDD;
}
 .contents p{
margin-left:15px;
}
 .contents .a{
color:#FFFFFF;
background-color:#20B2AA;
padding-bottom: 5px;
    width: 40px;
min-width:40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-weight: bold;
font-size: 1.5em;
}
details summary::after {
position: absolute;
top:50%;
right:10px;
transform: translateY(-50%);
  content: "＋";
  float: right;
  font-size: 2em;
  font-weight: bolder;
  color: white;
  margin-left: 1em;
}
details[open] summary::after {
  content: "－";
}
#wcfront_parts-7-103 .recruit_btn a{
display:flex;
border:1px solid #E5E5E5;
width:250px;
    margin: 80px auto 100px auto;
color: #333333 !important;
 text-decoration: none !important;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
position:relative;
    border-radius: 50px;
font-weight:bold;
}
#wcfront_parts-7-103 .recruit_btn a::before{
position:absolute;
top:50%;
left:20px;
content:'';
transform: translateY(-50%);
background:url(/common2/upload/files/icon/arrow2-l-g.png) no-repeat;
width:13px;
height:14px;
    background-size: 13px 14px;
}
@media (max-width:640px){
 .summary span,
.contents .a{
font-size:1.2em;
}
 .summary .q{
margin-right:5px;
width:30px;
min-width: 30px;
height:30px;
 padding-bottom: 3px;
}
 .contents .a{
width:30px;
min-width: 30px;
height:30px;
}
 .contents p{
margin-left:10px;
}
}
@media (max-width:420px){
 .summary span,
 .contents .a{
font-size:1em;
}
}