@charset "UTF-8";
/* CSS Document */


/****************************************************************************
rehabili
****************************************************************************/
.rehabili {
    margin-bottom: 29.9vw;
}

.rehabili .illustration {
    width: 13.59vw;
    max-width: 261px;
    position: absolute;
    right: 6.51vw;
    bottom: -2.86vw;
}


/****************************************************************************
case
****************************************************************************/
.case {
    margin-bottom: 29.9vw;
}

.case .section-title,
.case__title--sub,
.case-list {
    position: relative;
    z-index: 2;
}

.case .case-list {
    border-top: solid 1px #99d6b4;
    border-left: solid 1px #99d6b4;
}

.case .case-list a {
    width: 25%;
    border-right: solid 1px #99d6b4;
    border-bottom: solid 1px #99d6b4;
    box-sizing: border-box;
    position: relative;
}

.case .circle__item {
    width: 108.02vw;
    max-width: 2074px;
    position: absolute;
    top: -15.94vw;
    left: -16.88vw;
    z-index: 1;
}





.overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

.modal-wrap .modal-inner,
.modal-wrap02 .modal-inner02, 
.modal-wrap03 .modal-inner03, 
.modal-wrap04 .modal-inner04, 
.modal-wrap05 .modal-inner05, 
.modal-wrap06 .modal-inner06, 
.modal-wrap07 .modal-inner07, 
.modal-wrap08 .modal-inner08, 
.modal-wrap09 .modal-inner09, 
.modal-wrap10 .modal-inner10 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 95vh;
    text-align: center;
    background: #009844;
    transform: translate(-50%, -50%);
    /* overflow: scroll; */
    overflow: hidden;
    width: 71.98vw;
    max-width: 1382px;
    margin-left: 8.65vw;
    position: relative;
    left: 50%;
    box-sizing: border-box;
    padding-bottom: 70px;

}

/* .modal-wrap .modal-inner,
.modal-wrap02 .modal-inner02, 
.modal-wrap03 .modal-inner03, 
.modal-wrap04 .modal-inner04, 
.modal-wrap05 .modal-inner05, 
.modal-wrap06 .modal-inner06, 
.modal-wrap07 .modal-inner07, 
.modal-wrap08 .modal-inner08, 
.modal-wrap09 .modal-inner09, 
.modal-wrap10 .modal-inner10 {
    width: 71.98vw;
    max-width: 1382px;
    margin-left: 8.65vw;
    position: relative;
    left: 50%;
    box-sizing: border-box;
} */

.modal-close {
    position: absolute;
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
    color: #FFF;
    font-size: 3rem;
}

.modal-wrap.show,
.modal-wrap02.show,
.modal-wrap03.show,
.modal-wrap04.show,
.modal-wrap05.show,
.modal-wrap06.show,
.modal-wrap07.show,
.modal-wrap08.show,
.modal-wrap09.show,
.modal-wrap10.show {
    opacity: 1;
    visibility: visible;
    z-index: 10000;
    /* overflow: scroll; */
    overflow: hidden;
}

.modal-text__wrap {
    overflow: scroll;
    width: auto;
    height: 100%;
}

.modal-text__box {
    width: 63.54vw;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

.modal-text__title {
    border-bottom: solid 1px #FFF;
}

.modal-text__content {
    text-align: left;
}

.modalcontent-list {
    row-gap: 2.29vw;
    text-align: left;
}

.modalcontent-list .modalcontent-list__item {
    width: 48.36%;
}


@media screen and (min-width: 768px) {
    .modal-trigger,
    .modal-trigger02, 
    .modal-trigger03, 
    .modal-trigger04, 
    .modal-trigger05, 
    .modal-trigger06, 
    .modal-trigger07, 
    .modal-trigger08, 
    .modal-trigger09, 
    .modal-trigger10 {
        transition: opacity 0.3s linear;
    }

    .modal-wrap .modal-inner,
    .modal-wrap02 .modal-inner02, 
    .modal-wrap03 .modal-inner03, 
    .modal-wrap04 .modal-inner04, 
    .modal-wrap05 .modal-inner05, 
    .modal-wrap06 .modal-inner06, 
    .modal-wrap07 .modal-inner07, 
    .modal-wrap08 .modal-inner08, 
    .modal-wrap09 .modal-inner09, 
    .modal-wrap10 .modal-inner10 {
        width: 71.98vw;
        max-width: 1382px;
        margin-left: 8.65vw;
        position: relative;
        left: 50%;
        box-sizing: border-box;
    }

    .modal-close {
        bottom: 10px;
        left: 50%;
        font-size: 4rem;
    }
}

@media screen and (max-width: 767px) {
    .modal-wrap .modal-inner,
    .modal-wrap02 .modal-inner02, 
    .modal-wrap03 .modal-inner03, 
    .modal-wrap04 .modal-inner04, 
    .modal-wrap05 .modal-inner05, 
    .modal-wrap06 .modal-inner06, 
    .modal-wrap07 .modal-inner07, 
    .modal-wrap08 .modal-inner08, 
    .modal-wrap09 .modal-inner09, 
    .modal-wrap10 .modal-inner10 {
        width: 90%;
    }

    .modal-close {
        top: 5px;
        right: 5px;
    }
}


/****************************************************************************
.therapy 
****************************************************************************/
.therapy {
    width: 100%;
}

.therapy .illustration {
    width: 13.54vw;
    max-width: 263px;
    position: absolute;
    top: -10.31vw;
    left: 20.57vw;
}










/****************************************************************************

****************************************************************************/


/****************************************************************************
PC中
****************************************************************************/
@media screen and (max-width: 1600px) {

}



@media screen and (max-width: 1450px) {

}


/****************************************************************************
PC中
****************************************************************************/
@media screen and (max-width: 1350px) {

}


/****************************************************************************
タブレット
****************************************************************************/
@media screen and (max-width: 1024px) {
    .modal-wrap .modal-inner,
    .modal-wrap02 .modal-inner02, 
    .modal-wrap03 .modal-inner03, 
    .modal-wrap04 .modal-inner04, 
    .modal-wrap05 .modal-inner05, 
    .modal-wrap06 .modal-inner06, 
    .modal-wrap07 .modal-inner07, 
    .modal-wrap08 .modal-inner08, 
    .modal-wrap09 .modal-inner09, 
    .modal-wrap10 .modal-inner10 {
        width: calc(100% - 100px);
        top: 50px;
        left: auto;
        margin: 0 auto;
        transform:translateX(0) translateY(0);
    }

    .therapy .illustration {
        top: -9.31vw;
    }

    .section-title--long {
        height: 6.4vw;
    }

    .rehabili .illustration {
        right: 2%;
        bottom: auto;
        top: 3%;
    }

    .layer-small__box {
        margin-top: -36.31%;
    }

    .layer-small:nth-child(2) {
        margin-top: -8.81%;
    }

    .layer-small:nth-child(3) {
        margin-top: -35.95%;
    }

    .therapy .illustration {
        left: 40.57vw;
    }

}


/****************************************************************************
SP
****************************************************************************/
@media screen and (max-width: 599px) {
    .modal-wrap .modal-inner,
    .modal-wrap02 .modal-inner02, 
    .modal-wrap03 .modal-inner03, 
    .modal-wrap04 .modal-inner04, 
    .modal-wrap05 .modal-inner05, 
    .modal-wrap06 .modal-inner06, 
    .modal-wrap07 .modal-inner07, 
    .modal-wrap08 .modal-inner08, 
    .modal-wrap09 .modal-inner09, 
    .modal-wrap10 .modal-inner10 {
        width: calc(100% - 40px);
        top: 20px;
        left: auto;
        margin: 0 auto 60px;
        transform:translateX(0) translateY(0);
        padding: 30px 5px 30px 10px!important;
    }

    .modal-text__content {
        font-size: 1rem!important;
    }

    .section-title--long {
        height: auto;
        width: 100%;
    }

    .modal-text__box {
        width: auto;
        padding: 20px 20px;
    }

    .rehabili .illustration {
        width: 19.59vw;
        top: 11%;
    }

    .case .case-list a {
        width: calc(100% / 2 );
    }

    .modalcontent-list {
        display: block;
    }

    .modalcontent-list .modalcontent-list__item {
        width: auto;
        margin-top: 40px;
    }

    .modalcontent-list .modalcontent-list__item:first-child {
        margin-top: 20px;
    }

    .btn--child {
        width: 13%;
    }

    .therapy .illustration {
        width: 20vw !important;
        left: auto !important;
        right: 17vw !important;
      }

      .swiper-section .circle .circle__item:nth-child(1) {
        width: 13.91vw;
        max-width: 171px;
        position: absolute;
        top: 14.34vw;
        right: 11.04vw;
      }

      .swiper-section .circle .circle__item:nth-child(2) {
        width: 9.2vw;
        max-width: 119px;
        position: absolute;
        top: 5.01vw;
        right: 1.93vw;
      }

      .staff .layer-large {
        margin-bottom: 66vw;
      }


}