@charset "UTF-8";

/*info*/
#wrap #wrap-inner #contents-wrap .info-list{
    padding:0
}

#wrap #wrap-inner #contents-wrap .info-list li{
    margin-bottom:50px;
}

#wrap #wrap-inner #contents-wrap .info-list h2 span{
    font-size:18px     
}

/*faq*/
#wrap #wrap-inner #contents-wrap .faq-box .ocbutton{
    display: none;
    cursor: pointer;
}
#wrap #wrap-inner #contents-wrap .faq-box .ocbutton + label{
    cursor: pointer;
    color:#0868BA;
    border: solid 1px #0868BA;
    padding: 12px 10px;
    border-radius: 6px;
    width:100%;
    display:block;
    position:relative;
    transition:.3s;
    user-select:none;
    font-weight: bold;
}

#wrap #wrap-inner #contents-wrap .faq-box .ocbutton + label:hover{
    background:#0868BA;
    color:#fff;
    transition:.3s;
}

#wrap #wrap-inner #contents-wrap .faq-box .ocbutton + label:hover:after{
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transition:.3s;
}

#wrap #wrap-inner #contents-wrap .faq-box .ocbutton + label:after{
    content: "";
    width: 14px;
    height: 14px;
    border: 0;
    border-color: #fff #fff #0868BA;
    border-right: 1px solid #0868BA;
    border-top: 1px solid #0868BA;
    transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    position: absolute;
    top: 30%;
    right: 3%;
    transition:.3s;
}

#wrap #wrap-inner #contents-wrap .faq-box input[type=checkbox]:checked + label:after{
    transform: rotate(45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top:40%;
}

#wrap #wrap-inner #contents-wrap .faq-box .ocbutton + label img{
    display:inline;
    margin-top:-5px;
}

#wrap #wrap-inner #contents-wrap .faq-box .oc_content{
    max-height: 0;
    transition: .3s;
    overflow: hidden;
    display:flex;
    margin-top:20px;
}

#wrap #wrap-inner #contents-wrap .faq-box input[type=checkbox]:checked ~ .oc_content{
    max-height: 550px;
    transition: .3s;
}

#wrap #wrap-inner #contents-wrap .faq-box .oc_content > span{
    width:30px;
    margin-left: 10px;
}
#wrap #wrap-inner #contents-wrap .faq-box .oc_content > span+div{
    width: 1020px;
}

#wrap #wrap-inner #contents-wrap .faq-box .oc_content > span+div p:first-of-type{
    margin-top:0;
}