@charset "UTF-8";
*{}
.wrap{}
.inner{}

.header{}
.header .inner{
    width: 100%;
}
.header .row{}
.header .row .logo{
    margin-left: 10px;
}
.header .row .logo img{
    width: 120px;
}
.header .row .right{}
.header .row .right .cv-area{}
.header .row .right .cv-area.pc{display: none;}
.header .row .right .cv-area.sp{display: flex;}
.header .row .right .cv-area a{
    padding: 0px;
    width: 55px;
    height: 60px;
    border-radius: 0;
}
.header .row .right .cv-area a img{width: 100%;}
.header .row .right .cv-area a.line{
    margin-right: 0;
}
.header .row .right .cv-area a.document{
    margin-right: 0;
}
.header .row .right .cv-area a.mail{
    margin-right: 0;
}
.header .row .right .cv-area a.tel{}
.header .row .right .cv-area a.tel span{}
.header .row .right .cv-area a.tel span.text{}
.header .row .right .cv-area a.tel span.num{}
.header .gnav{}
.header .gnav ul{}
.header .gnav ul li{}
.header .gnav ul li a{}

.fv{
    padding: 30% 0 15%;
    background-image: url(../img/webp/fv-back-sp.webp);
}
.fv figure{}
.fv figure img{}
.fv figure img.pc{display: none;}
.fv figure img.sp{display: block;}
.fv .row{}
.fv .row .text{}
.fv .row .text h3{
    font-size: 9vw;
}
.fv .row .text h2{
    font-size: 7vw;
}
.fv .row .text h2 span{}
.fv .row .text p{
    font-size: 3.5vw;
}
.fv .row .img{}
.fv .row .img img{}

.fv .row .text ul{}
.fv .row .text ul li{
    font-size: 5vw;
}

main{}
main .ttl{
    margin-bottom: 10%;
}
main .ttl.left-pos{}
main .ttl h2{
    font-size: 11vw;
}
main .ttl h2:before{
    top: -80%;
}
main .ttl.left-pos h2:before{}
main .ttl p{
    font-size: 4vw;
}

.content01{
    padding: 10% 0;
}
.content01 .worrie-area{}
.content01 .worrie-area ul{
    padding: 5%;
}
.content01 .worrie-area ul li{
    font-size: 4vw;
    padding-left: 2em;
}
.content01 .worrie-area ul li:before{}
.content01 .worrie-area figure{}
.content01 .worrie-area figure img{}

.content02{
    padding: 10% 0;
}
.content02 .reason-area{}
.content02 .reason-area .reason-box{}
.content02 .reason-area .reason-box figure{
    width: 100%;
}
.content02 .reason-area .reason-box figure img{}
.content02 .reason-area .reason-box .text{
    width: 100%;
}
.content02 .reason-area .reason-box .text h2{}
.content02 .reason-area .reason-box .text h2 span.cat-text{}
.content02 .reason-area .reason-box .text h2 span.num{
    font-size: 10vw;
}
.content02 .reason-area .reason-box .text h3{
    font-size: 5vw;
}
.content02 .reason-area .reason-box .text h3:after{}
.content02 .reason-area .reason-box .text p{
    font-size: 3.5vw;
}
.content02 .reason-area .reason-box .text p.color-box{word-wrap: break-word;padding: 5%;}
.content02 .reason-area .reason-box.sort-01 .text h2{}
.content02 .reason-area .reason-box.sort-01 .text h3:after{}
.content02 .reason-area .reason-box.sort-01 .text p.color-box{}
.content02 .reason-area .reason-box.sort-01 .text p.color-box span{}
.content02 .reason-area .reason-box.sort-01 .text h2 span.cat-text{
    font-size: 4vw;
}
.content02 .reason-area .reason-box.sort-02 .text h2{}

.content02 .reason-area .reason-box.sort-02 .text h3:after{}
.content02 .reason-area .reason-box.sort-02 .text p.color-box{}
.content02 .reason-area .reason-box.sort-02 .text h2 span.cat-text{}
.content02 .reason-area .reason-box.sort-02 .text p.color-box span{}


.content03{
    padding: 10% 0;
}
.content03 .program-area{}
.content03 .program-area .program-box{
    width: 100%;
}
.content03 .program-area .program-box .num{}
.content03 .program-area .program-box .num span{}
.content03 .program-area .program-box .num p{}
.content03 .program-area .program-box h2{
    font-size: 5vw;
}
.content03 .program-area .program-box h2 span{}
.content03 .program-area .program-box h3{}
.content03 .program-area .program-box p{
    font-size: 3.5vw;
}
.content03 .program-area .program-box p.ul-box{
    font-size: 3vw;
    padding: 3% 5%;
}


.content03 .program-area .program-box:nth-of-type(even){}
.content03 .program-area .program-box:nth-of-type(even) .num{}
.content03 .program-area .program-box:nth-of-type(even) .num span{}
.content03 .program-area .program-box:nth-of-type(even) .num p{}
.content03 .program-area .program-box:nth-of-type(odd){}
.content03 .program-area .program-box:nth-of-type(odd) .num{}
.content03 .program-area .program-box:nth-of-type(odd) .num span{}
.content03 .program-area .program-box:nth-of-type(odd) .num p{}


.content04{
    padding: 10% 0;
}
.content04 .skill-area{}
.content04 .skill-area .skill-box{
    width: 100%;
}
.content04 .skill-area .skill-box figure{}
.content04 .skill-area .skill-box figure img{}
.content04 .skill-area .skill-box h2{}
.content04 .skill-area .skill-box p{
    font-size: 3.5vw;
}
.content04 .skill-area .skill-box:nth-last-of-type(even) h2{
    font-size: 5vw;
}
.content04 .skill-area .skill-box:nth-last-of-type(odd) h2{}

.content05{
    padding: 10% 0;
}
.content05 .schedule-area{}
.content05 .schedule-area .schedule-box{}
.content05 .schedule-area .schedule-box figure.clock{
    width: 100%;
    text-align: center;
}
.content05 .schedule-area .schedule-box figure.clock img{
    width: 15%;
}
.content05 .schedule-area .schedule-box figure.clock:before{
}
.content05 .schedule-area .schedule-box:last-of-type figure.clock:before{}
.content05 .schedule-area .schedule-box .text{
    width: 100%;
    margin-top: 10px;
}
.content05 .schedule-area .schedule-box .text h2{text-align: center;font-size: 5vw;}
.content05 .schedule-area .schedule-box .text h2 span{
    display: block;
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 4.5vw;
}
.content05 .schedule-area .schedule-box .text p{
    font-size: 3.5vw;
}
.content05 .schedule-area .schedule-box figure.photo{
    width: 100%;
    margin-top: 10px;
}
.content05 .schedule-area .schedule-box figure.photo img{}

.content06{
    padding: 10% 0;
}
.content06 .voice-area{}
.content06 .voice-area .voice-box{
    padding: 5%;
}
.content06 .voice-area .voice-box .voice-ttl{}
.content06 .voice-area .voice-box .voice-ttl figure{}
.content06 .voice-area .voice-box .voice-ttl figure img{
    width: 100%;
}
.content06 .voice-area .voice-box .voice-ttl h2{
    font-size: 4vw;
}
.content06 .voice-area .voice-box .voice-ttl p{
    font-size: 3.5vw;
}

.content07{
    padding: 10% 0;
}
.content07 .flow-area{
    width: 100%;
}
.content07 .flow-area .flow-box{
    padding: 20px;
}
.content07 .flow-area .flow-box figure{
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
.content07 .flow-area .flow-box figure img{
    width: 30%;
}
.content07 .flow-area .flow-box .text{
    margin-left: 0;
}
.content07 .flow-area .flow-box .text h2{
    font-size: 5vw;
}
.content07 .flow-area .flow-box .text p{
    font-size: 3.5vw;
}

.content08{
    padding: 10% 0;
}
.content08 .main-staff{
    padding: 20px;
}
.content08 .main-staff figure{}
.content08 .main-staff figure img{}
.content08 .main-staff .text{}
.content08 .main-staff .text h2{
    font-size: 3.5vw;
}
.content08 .main-staff .text h3{
    font-size: 5vw;
}
.content08 .main-staff .text p{
    font-size: 3.5vw;
}
.content08 .sub-staff-area{}
.content08 .sub-staff-area .sub-staff{
    padding: 5%;
}
.content08 .sub-staff-area .sub-staff figure{
    width: 100%;
    text-align: center;
}
.content08 .sub-staff-area .sub-staff figure img{
    width: 70%;
}
.content08 .sub-staff-area .sub-staff .text{
    width: 100%;
}
.content08 .sub-staff-area .sub-staff .text h2{
    font-size: 3.5vw;
}
.content08 .sub-staff-area .sub-staff .text h3{
    font-size: 5vw;
}
.content08 .sub-staff-area .sub-staff .text p{
    font-size: 3.5vw;
}

.content09{
    padding: 20% 0;
}
.content09 dl{}
.content09 dl dt{
    font-size: 3.5vw;
    padding: 30px 80px 30px 110px;
}
.content09 dl dt:before{
    font-size: 16px;
}
.content09 dl dt:after{}
.content09 dl dd{
    padding: 30px 30px 30px 110px;
    font-size: 3.5vw;
}
.content09 dl dd:before{
    font-size: 16px;
}

.content10{
    padding: 10% 0;
}
.content10 .pict-info{}
.content10 .pict-info > div{}
.content10 .pict-info > div:before{}
.content10 .pict-info > div h2{
    font-size: 4.5vw;
}

.content10 .pict-info .inof01{}
.content10 .pict-info .inof01 h2{}
.content10 .pict-info .inof02{}
.content10 .pict-info .inof02 h2{}
.content10 .pict-info .inof03{}
.content10 .pict-info .inof03 h2{
    font-size: 4vw;
}
.content10 .pict-info .inof01:before{}
.content10 .pict-info .inof02:before{}
.content10 .pict-info .inof03:before{}


.content10 .row{
    margin-bottom: 20%;
}
.content10 .row .map{
    width: 100%;
}
.content10 .row .map iframe{
    height: 300px;
}
.content10 .row .text{
    width: 100%;
    margin-top: 30px;
}
.content10 .row .text h2{
    font-size: 5vw;
}
.content10 .row .text h3{
    margin-bottom: 5%;
    font-size: 4vw;
}
.content10 .row .text p.read{
    font-size: 3.5vw;
}
.content10 .row .text p.info{
    margin-top: 5%;
    font-size: 3.5vw;
    padding: 5%;
}
.content10 .row .text h4{}

footer{}
footer p{}



.voice-area .slick-slide{}
.sub-staff-area .slick-slide{}

.content-cv{}
.content-cv h2{
    font-size: 4vw;
}
.content-cv h3{
    font-size: 5vw;
}
.content-cv .cta-area{}
.content-cv .cta-area a{
    width: 100%;
    text-align: center;
    font-size: 4vw;
}
.content-cv .cta-area a:nth-of-type(1){
    margin-bottom: 3%;
}
.content-cv .cta-area a:nth-of-type(2){
    margin-bottom: 3%;
}

.content11{
    padding: 10% 0;
}

.content11 .container{}
.content11 .container .jumbotron{}
.content11 .container .jumbotron h1{
    font-size: 3vw;
}
.content11 .container .alert{}
.content11 .container form{
    padding: 30px;
}
.content11 .container form .form-group{}
.content11 .container form .form-group .col-form-label{
    width: 100%;
    font-size: 4vw;
}
.content11 .container form .form-group .col-form-label span{}
.content11 .container form .form-group .text{
    width: 100%;
    margin-top: 10px;
}
.content11 .container form .form-group .text input{}
.content11 .container form .form-group .text textarea{}
.content11 .container form .form-group .text select{}
.content11 .container form .form-group .text input[type="checkbox"]{}
.content11 .container form .form-group .text .form-check{}
.content11 .container form .form-group .text .form-check .form-check-label{
    font-size: 3.5vw;
}
.content11 .container form input[type="submit"]{}
.content11 .text-right{}


.content10 .row .text .open{
}
.content10 .row .text .inquery{
    margin-left: 0px;
    margin-top: 10px;
}