/* Visual */
.visual { overflow: hidden; position: relative; height: 600px; }
.visual-slide { z-index: 1; font-size: 0; height: 100%; }
.visual-slide .slick-list,
.visual-slide .slick-track,
.visual-slide .slick-track .slick-slide > div { height: 100%; }
.visual-slide .slick-dots { bottom: 0; right: 0; margin: auto; max-width: 1160px; width: 100%; text-align: left; }
.visual-slide .slick-dots li { text-indent: 0; margin: 0 1px 0 0; }
.visual-slide .slick-dots li button { width: 40px; height: 40px; font-size: 16px; font-weight: 300; background: rgba(255,255,255,.5); -webkit-transition: all ease-out .15s; transition: all ease-out .15s; }
.visual-slide .slick-dots li.slick-active button { font-weight: bold; background: rgba(255,255,255,1); }
/* .slide-btn-wrap { z-index: 2; position: absolute; bottom: 190px; left: 0; right: 0; margin: auto; max-width: 1050px; width: 100%; padding-left: 55px; font-size: 0; }
.slide-prev { display: inline-block; width: 60px; height: 60px; background: url('/child/img/visual/slide-prev.png') no-repeat center; border: 1px solid rgba(255,255,255,.15); }
.slide-next { display: inline-block; width: 60px; height: 60px; background: url('/child/img/visual/slide-next.png') no-repeat center; border: 1px solid rgba(255,255,255,.15); border-left: none; } */
.v-slide { position: relative; width: 100%; height: 100%; }
.v-slide__background { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; }
.v-slide__background--1 { background-image: url('/child/img/visual/v1.jpg'); }
.v-slide__background--2 { background-image: url('/child/img/visual/v2.jpg'); }
.v-slide__background--3 { background-image: url('/child/img/visual/v3.jpg'); }
.v-slide__background--4 { background-image: url('/child/img/visual/v4.jpg'); }
.visual-context { z-index: 2; position: absolute; bottom: 145px; left: calc(50vw - 620px); padding: 0 30px; pointer-events: none; }
@media(min-width:1025px){
	.visual-slide .slick-dots li:not(.slick-active) button:hover { background: rgba(255,255,255,.8); }
}
@media (max-width:1024px){
    .visual { height: 500px; }
    .visual-slide .slick-dots { padding-left: 30px; }
    .visual-slide .slick-dots li button { width: 30px; height: 30px; font-size: 13px; }
    .v-slide__background { background-size: cover; }
    .visual-context { bottom: 105px; left: 0; }
    .visual-context img { width: auto; height: 120px; }
}
@media (max-width: 768px){
    .visual { height: 400px; }
    .visual-context { bottom: 75px; }
    .visual-context img { width: auto; height: 90px; }
    .visual-slide .slick-dots li button { width: 25px; height: 25px; font-size: 12px; }
}



/* ------- Section ------- */
/* Section1 */
.section1 { padding: 100px 0 80px; }
.section1 h4 { line-height: 0.8; }
.main-reruit-slide { margin-top: 30px; padding-top: 55px; }
/* .main-reruit-slide .slick-list { border: 1px solid #e1e1e1; } */
.main-reruit-slide .slick-slide > div:first-child > div ._mr { margin-top: 0; }
.main-reruit-slide .slick-slide > div > div:first-child ._mr{ margin-left: 0; }
.main-reruit-slide .slick-slide > div > div { vertical-align: top; }
.main-reruit-slide .slick-dots { top: 0; bottom: auto; }
.main-reruit-slide .slick-dots li { text-indent: 0; margin: 0 3px; }
.main-reruit-slide .slick-dots li button { width: 16px; height: 16px; background: rgba(0,0,0,.1); border-radius: 10px; -webkit-transition: all ease-out .3s; transition: all ease-out .3s; }
.main-reruit-slide .slick-dots li.slick-active button { width: 40px; background: rgba(0,0,0,.2); }
._mr { display: block; position: relative; margin-top: -1px; margin-left: -1px; padding: 35px 19px 30px; height: 220px; border: 1px solid #e1e1e1; }
._mr em { position: absolute; right: 20px; bottom: 15px; padding-right: 10px; font-style: normal; font-size: 13px; color: #20509f; font-weight: 200; background: url('/child/img/icon/main-reruit-arrow.png') no-repeat right center; }
._mr .img { overflow: hidden; }
._mr .img img { margin: auto; }
._mr .subject { display: block; margin: 37px 0 9px; }
._mr .date { position: absolute; bottom: 15px; left: 20px; font-size: 13px; letter-spacing: -0.02em;}
._mr p { font-size: 20px; color: #777777; font-weight: 200; line-height: 1.2; }
@media (max-width:1024px) {
    .main-reruit-slide .slick-dots li button { width: 12px; height: 12px; }
    .main-reruit-slide .slick-dots li.slick-active button { width: 30px; }
    ._mr { padding: 20px 15px; }
    ._mr .subject { margin: 24px 0 9px; font-size: 13px; }
    ._mr p { font-size: 14px; }
    ._mr .img img { max-height: 30px; }
}
@media (max-width: 768px){
    ._mr { padding: 20px; height: 180px }
}

/* Section2 */
.section2 { z-index: 2; position: relative; }
.guide-container { display: flex; flex-wrap: wrap; }
.guide { flex: 1 1; display: flex; flex-wrap: wrap; padding: 70px 60px; background: url('/child/img/main/guide-background.jpg') no-repeat center / cover; }
.guide__title { 
    flex-basis: 35%;
}
.guide__title h4{
    text-align: center;
    margin-bottom: 10px;
}
.guide__contents { flex: 1 1; padding: 10px 0 10px 70px; border-left: 2px solid rgba(255,255,255,.1); }
.guide-link { display: flex; align-items: center; justify-content: space-between; margin-top: 75px; }
.guide-link:first-child { margin-top: 0; }
.guide-link__info { display: flex; align-items: center; }
.guide-link__info .img { margin-right: 35px; width: 70px; }
.guide-link__info .txt { display: block; color: #fff; }
.guide-link__button { width: 110px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #fff; background: rgba(0,0,0,.15); border: 1px solid rgba(255,255,255,.8); }
.wage { margin-left: 15px; width: 260px; }
.wage .wage-box { background: #dac9cc; }
.wage .wage-box h5 { padding: 20px 20px 15px 20px; line-height: 1.25; color: #9a6d73; }
.wage .wage-box p { padding: 20px; color: #9a6d73; }
@media(min-width:1025px){
	.guide-link__button:hover { background: rgba(0,0,0,.3); }
}
@media (max-width:1024px){
    .guide__title { flex-basis: auto; }
    .guide__contents { flex: auto; padding: 30px 0 0; width: 100%; border-left: none; border-top: 2px solid rgba(255,255,255,.1); }
    .guide-link__info .img { margin-right: 30px; }
    .guide-link__info .img img { -webkit-transform: scale(.8); transform: scale(.8); }
    .guide-link__button { height: 45px; line-height: 45px; font-size: 14px; }
    .wage { margin-left: 0; margin-top: 30px; width: 100%; }
    .wage .img img { width: 200px; height: auto; }
}
@media (max-width: 768px){
    .guide { padding: 35px 30px; }
    .guide-link { margin-top: 55px; }
    .guide-link__info .img { margin-right: 15px; width: 60px; }
    .guide-link__info .img img { -webkit-transform: scale(.6); transform: scale(.6); }
    .guide-link__button { width: 100px; height: 40px; line-height: 40px; font-size: 13px; }
    .wage .wage-box { padding: 10px 15px 15px; }
    .wage .wage-box:after { content: ''; display: block; clear: both; }
    .wage .wage-box h5 { padding: 10px 0px 15px 0px; }
    .wage .img { float: left; width: 50%; }
    .wage .wage-box p { float: left; padding: 0 15px; width: 50%; }
}

/* Section3 */
.section3 { margin-top: -110px; padding: 210px 0 100px; background: #f6f4f0; /*url('/child/img/main/section3.jpg') no-repeat center / cover;*/ }
.section3 .container:after { content: ''; display: block; clear: both; }
.cs-area { display: flex; justify-content: center; }
.cs-area .cs { display: inline-flex; padding: 20px 0; }
.cs-area .cs h4 { margin-right: 35px; line-height: 1; }
.cs-area .cs p { color: #727e96; }
.cs-area .cs-center { padding-right: 100px; letter-spacing: -0.02em; border-right: 1px solid #e1e1e1; }
.cs-area .cs-center .call-number { display: block; padding: 0 0 35px; line-height: 1; }
.cs-area .cs-inquiry { padding-left:120px; }
.cs-area .cs-inquiry .button { margin-top: 30px; width: 175px; border-radius: 25px; background-color: #9c9b9a; }
@media (max-width: 1024px){
    .section3 { margin: 0; padding: 35px 0 60px; }
    .cs-area .cs-center .call-number { font-size: 26px; }
}

@media (max-width: 768px){
    .section3 { padding: 30px 0; background-position: center right; }
    .cs-area { flex-direction: column; }
    .cs-area .cs { padding: 30px 5px; width: 100%; }
    .cs-area .cs h4 { margin-right: 25px; }
    .cs-area .cs p { font-size: 14px; }
    .cs-area .cs-center { padding-right: 5px; border-right: none; }
    .cs-area .cs-center .call-number { font-size: 22px; }
    .cs-area .cs-inquiry { padding-left: 5px; }
    .cs-area .cs-inquiry .button { margin-top: 15px; width: 150px; font-size: 14px; }
}





@media (max-width: 1024px){
    section { padding: 50px 0; }
}

@media (max-width: 768px){
    .section1,
    .section2,
    .section5 { padding: 60px 0; }
}

/**/