@charset "UTF-8";

/* 歯科医師臨床研修施設 */
.training-facilities {
    padding-top: 80px;
}
.training-facilities .headLine02  {
    margin-bottom: 47px;
}
.training-facilities .hTxt {
    margin-bottom: 77px;
    text-align: center;
}
.training-facilities .flexBox {
    display: flex;
}

.training-facilities .flexBox .txtBox .pTxt .bold {
    font-weight: 600;
}
.training-facilities .flexBox .txtBox .pTxt:last-of-type {
    margin-bottom: 0;
}

.training-facilities .facilitiesBox {
}
.training-facilities .sec01 {
    margin-bottom: 114px;
}
.training-facilities .sec01 .inBox {
    max-width: 1200px;
    margin: 0 auto;
}
.training-facilities .sec01 .flexBox {
    align-items: center;
}
.training-facilities .sec01 .imgBox {
    position: relative;
    max-width: 514px;
}
.training-facilities .sec01 .imgBox:before {
    content: "";
    position: absolute;
    bottom: -16px;
    width: 100%;
    height: 100%;
    border: 1px solid #ffba00;
    z-index: -1;
}
.training-facilities .sec01 .txtBox {
    max-width: 476px;
    margin: 0 85px;
    letter-spacing: 0;
}

.training-facilities .sec01 .flexBox.con01 {
    justify-content: flex-end;
    margin-bottom: 102px;
}
.training-facilities .sec01 .flexBox.con01 .imgBox:before {
    left: -16px;
}
.training-facilities .sec01 .flexBox.con02 {
    justify-content: flex-start;
}
.training-facilities .sec01 .flexBox.con02 .imgBox:before {
    right: -16px;
}

.training-facilities .sec02 {
    padding: 99px 0 156px;
    background: #fcfbfa;
}
.training-facilities .sec02 .inBox {
    max-width: 1200px;
    margin: 0 auto;
}
.training-facilities .sec02 .headLine03 {
    margin-bottom: 58px;
}
.training-facilities .sec02 .flexBox {
    justify-content: center;
    align-items: center;
    margin-bottom: 162px;
}
.training-facilities .sec02 .imgBox {
    max-width: 523px;
}
.training-facilities .sec02 .txtBox {
    max-width: 435px;
    margin: 0 39px;
}
.training-facilities .sec02 .con-txt {
    max-width: 718px;
    margin: 0 auto;
}

@media all and (max-width: 750px) {

    .training-facilities {
        padding-top: 80px;
    }
    .training-facilities .headLine02  {
        margin-bottom: 34px;
    }
    .training-facilities .enTxt  {
        line-height: 1.6;
    }
    .training-facilities .hTxt {
        margin-bottom: 42px;
        line-height: 2;
    }
    .training-facilities .flexBox {
        flex-flow: column;
    }
    .training-facilities .flexBox .txtBox .pTxt:last-of-type {
        margin-bottom: 26px;
    }
    .training-facilities .sec01 .inBox {
        width: 90%;
    }
    .training-facilities .sec01 {
        margin-bottom: 91px;
    }
    .training-facilities .sec01 .flexBox {
        align-items: center;
    }
    .training-facilities .sec01 .imgBox {
        order: 2;
        max-width: 1000px;
        width: 90%;
    }
    .training-facilities .sec01 .imgBox:before {
        bottom: -10px;
    }
    .training-facilities .sec01 .txtBox {
        order: 1;
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
    }

    .training-facilities .sec01 .flexBox.con01 {
        justify-content: center;
        margin-bottom: 102px;
    }
    .training-facilities .sec01 .flexBox.con01 .imgBox:before {
        left: -10px;
    }
    .training-facilities .sec01 .flexBox.con02 {
        justify-content: center;
    }
    .training-facilities .sec01 .flexBox.con02 .imgBox:before {
        right: -10px;
    }

    .training-facilities .sec02 {
        padding: 86px 0 126px;
    }
    .training-facilities .sec02 .inBox {
        width: 90%;
        margin: 0 auto;
    }
    .training-facilities .sec02 .headLine03 {
        margin-bottom: 28px;
        text-align: center;
    }
    .training-facilities .sec02 .flexBox {
        justify-content: center;
        align-items: center;
        margin-bottom: 79px;
    }
    .training-facilities .sec02 .imgBox {
        max-width: 1000px;
        width: 100%;
    }
    .training-facilities .sec02 .txtBox {
        max-width: 1000px;
        width: 100%;
        margin: 0 39px;
    }
    .training-facilities .sec02 .con-txt {
        max-width: 1000px;
        width: 100%;
        margin: 0 auto;
    }

}