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


/****************************************************************************
support
****************************************************************************/
.support .illustration {
    width: 11.88vw;
    max-width: 228px;
    position: absolute;
    right: 6.51vw;
    top: 7.34vw;
}


/****************************************************************************
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;
}



/* モーダル */
.modal-wrap,
.modal-wrap02, 
.modal-wrap03, 
.modal-wrap04, 
.modal-wrap05, 
.modal-wrap06, 
.modal-wrap07, 
.modal-wrap08, 
.modal-wrap09, 
.modal-wrap10 {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100vh;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    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%;
    text-align: center;
    background: #009844;
    transform: translate(-50%, -50%);
    overflow: scroll;
    width: 71.98vw;
    max-width: 1382px;
    margin-left: 8.65vw;
    position: relative;
    left: 50%;
    box-sizing: border-box;
}

/* .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;
}

.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;
}

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

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

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

@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 {
        top: -48px;
        right: 0;
    }
}

@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: -30px;
        right: 0;
    }
}


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

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

.therapy .circle .circle__item:nth-child(1){
    width: 8.91vw;
    max-width: 171px;
    position: absolute;
    top: -2.66vw;
    right: 16.04vw;
}

.therapy .circle .circle__item:nth-child(2){
    width: 6.2vw;
    max-width: 119px;
    position: absolute;
    top: -5.99vw;
    right: 6.93vw;
}








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

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


/****************************************************************************
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);
    }

}


/****************************************************************************
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);
    }

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

    .support .illustration {
        width: 27.88vw;
    }

}