.section {
    width: 100%;
    position: relative;
    float: left;
}

#visual {
    width: 100%;
    height: 100vh;
}
#visual .swiper {
    width: 100%;
    height: 100%;
}
#visual .swiper-slide {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
#visual .swiper-slide .inner {
    height: 100%;
    display: flex;
    color: #fff;
    flex-direction: column;
    justify-content: center;
}
#visual .swiper-slide p.typeline {
    opacity: 0.5;
}
#visual .visual1 {
    background-image: url(/img/main/visual1.jpg);
}
#visual .visual2 {
    background-image: url(/img/main/visual2.jpg);
}

.swiper-button-next,
.swiper-button-prev {
    opacity: 0.3;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.swiper-button-next {
    right: 1.5rem !important;
}
.swiper-button-prev {
    left: 1.5rem !important;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}

#txtbar {
    width: 100%;
    height: 3.5rem;
    display: inline-block;
    background: linear-gradient(170deg, #2199c9 10%, #093b7a 100%);
}
#txtbar * {
    height: 100% !important;
}
#txtbar .slider {
    width: 100%;
    text-align: center;
    color: #fff;
}
#txtbar .slider h5 {
    line-height: 3.5rem;
}

#section1 {
    margin: 8rem 0;
    display: flex;
    justify-content: flex-end;
}
#section1 .title {
    width: 20rem;
}
#section1 .swiper {
    width: 58rem;
    margin: 0;
}
#section1 .swiper .swiper-slide {
    width: 22.5rem;
    height: 30rem;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    margin-right: 40px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#section1 .swiper .swiper-slide.clinic1 {
    background-image: url(/img/main/section1_clinic1.jpg);
}
#section1 .swiper .swiper-slide.clinic1 > a {
    background: linear-gradient(215deg, transparent 50%, #adb7c2 90%);
}
#section1 .swiper .swiper-slide.clinic2 {
    background-image: url(/img/main/section1_clinic2.jpg);
}
#section1 .swiper .swiper-slide.clinic2 > a {
    background: linear-gradient(215deg, transparent 50%, #b35a5c 90%);
}
#section1 .swiper .swiper-slide.clinic3 {
    background-image: url(/img/main/section1_clinic3.jpg);
}
#section1 .swiper .swiper-slide.clinic3 > a {
    background: linear-gradient(215deg, transparent 50%, #b9bfc3 90%);
}
#section1 .swiper .swiper-slide.clinic4 {
    background-image: url(/img/main/section1_clinic4.jpg);
}
#section1 .swiper .swiper-slide.clinic4 > a {
    background: linear-gradient(215deg, transparent 50%, #f7ab89 90%);
}
#section1 .swiper .swiper-slide.clinic5 {
    background-image: url(/img/main/section1_clinic5.jpg);
}
#section1 .swiper .swiper-slide.clinic5 > a {
    background: linear-gradient(215deg, transparent 50%, #000 90%);
}
#section1 .swiper .swiper-slide.clinic6 {
    background-image: url(/img/main/section1_clinic6.jpg);
}
#section1 .swiper .swiper-slide.clinic6 > a {
    background: linear-gradient(215deg, transparent 50%, #a17376 90%);
}
#section1 .swiper .swiper-slide > a {
    display: block;
    width: 100%;
    height: 100%;
}
#section1 .swiper .swiper-slide > a * {
    position: absolute;
    z-index: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#section1 .swiper .swiper-slide .arrow {
    width: 0;
    height: 0;
    border-radius: 50%;
    font-size: 0;
    line-height: 3rem;
    background-color: #2199c9;
    color: #fff;
    text-align: center;
    bottom: 3rem;
    right: 1.5rem;
}
#section1 .swiper .swiper-slide h2 {
    left: 1.5rem;
    bottom: 6.5rem;
}
#section1 .swiper .swiper-slide p {
    left: 1.5rem;
    bottom: 3.2rem;
}
#section1 .swiper .swiper-slide-active .arrow {
    width: 3rem !important;
    height: 3rem !important;
    font-size: 1rem;
}
#section1 .swiper .swiper-slide-next {
    width: 19rem;
}

#section1 .swiper-pagination {
    position: relative !important;
    width: auto !important;
    float: left;
    margin-top: 3rem;
}
#section1 .swiper-pagination-bullet-active {
    background-color: #2199c9 !important;
    transform: scale(1.4);
}
#section1 .swiper-pagination-bullet {
    width: 0.35rem;
    height: 0.35rem;
    margin: 0 0.5rem !important;
}

#section2 {
    width: 100%;
    background: url(/img/main/section2.jpeg) center no-repeat;
    padding: 6rem 0;
}
#section2 a.link {
    background-color: #2199c9;
}

#section3 {
    padding: 6rem 0;
}
#section3 .speciality {
    display: flex;
    border-top: 1px #90cce4 solid;
    border-bottom: 1px #90cce4 solid;
    margin-top: 3rem;
}
#section3 .speciality > div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-left: 1px #90cce4 solid;
    height: 35rem;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    position: relative;
    isolation: isolate;
}
#section3 .speciality > div:hover * {
    color: #fff !important;
}
#section3 .speciality .special1 {
    border-left: 0;
}
#section3 .speciality .special1:hover {
    background: url(/img/main/section3_part1.jpg);
}
#section3 .speciality .special2:hover {
    background: url(/img/main/section3_part2.jpg);
}
#section3 .speciality .special3:hover {
    background: url(/img/main/section3_part3.jpg);
}
#section3 .speciality a.link {
    background-color: #303030;
    opacity: 0;
    font-size: 0;
}
#section3 .speciality > div:hover a.link {
    opacity: 1;
    margin-top: 5rem;
    font-size: 1rem;
}
#section3 .speciality span.icon {
    width: 3.5rem;
    height: 3.5rem;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 5rem;
}
#section3 .speciality > div:hover span.icon {
    opacity: 0;
}
#section3 .speciality .special1 span.icon {
    background-image: url(/img/main/section3_icon1.png);
}
#section3 .speciality .special2 span.icon {
    background-image: url(/img/main/section3_icon2.png);
}
#section3 .speciality .special3 span.icon {
    background-image: url(/img/main/section3_icon3.png);
}

#section4 {
    padding: 0 0 6rem;
}
#section4 .bna {
    width: 100%;
    margin-top: 2.5rem;
}
#section4 .bna > div {
    width: 50%;
    height: 11rem;
    float: left;
}
#section4 .bna > div a {
    display: block;
    width: 100%;
    position: relative;
}

#section5 {
    border-top: 1px #e0e0e0 solid;
}
#section5 .inner {
    display: flex;
    justify-content: space-between;
}
#section5 .inner > div {
    padding: 4.5rem 0;
    flex: 1;
}
#section5 .inner .notice {
    padding-right: 2.5rem;
}
#section5 .inner .qna {
    padding-left: 2.5rem;
    border-left: 1px #e0e0e0 solid;
}
#section5 .inner > div .title {
    float: left;
}
#section5 .inner > div .bd_more {
    font-size: 2rem;
    font-weight: 700;
    float: right;
}
#section5 .inner > div .output_box {
    width: 100%;
    display: inline-block;
    margin-top: 1.5rem;
    font-size: 1.1rem;
}
#section5 .inner > div .output_box .board_output_1_tr img {
    display: none !important;
}


@media (max-width: 640px) {
    #visual {
        height: 800px;
    }
}

@media (max-width: 1280px) {
    #section1 {
        flex-direction: column;
        justify-content: center;
        margin: 6rem 0;
        overflow: hidden;
    }
    #section1 .title,
    #section1 .swiper {
        width: 29rem;
        margin: auto;
    }

    #section2 {
        width: 100%;
        background: url(/img/main/section2_1.jpeg) center no-repeat;
        padding: 15rem 0 5rem;
    }
    #section3 .speciality {
        flex-direction: column;
    }
    #section3 .speciality > div {
        text-align: left;
        width: 100%;
        padding: 3rem;
        float: left;
        border-bottom: 1px #90cce4 solid;
        padding-top: 3rem;
        -webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        position: relative;
        background-color: #fff;
        background-size: cover;
        background-position: center;
    }
    #section3 .speciality > div.special1 {
        align-items: start;
    }
    #section3 .speciality > div h2 {
        letter-spacing: -0.15rem;
    }
    #section3 .speciality span.icon {
        margin-top: 0;
    }
    #section3 .speciality > div.special1 .icon {
        width: 100%;
        background-position: right;
    }
    #section3 .speciality > div.special2 {
        align-items: end;
    }
    #section3 .speciality > div.special2 .icon {
        width: 100%;
        background-position: left;
    }
    #section3 .speciality > div.special3 {
        align-items: start;
    }
    #section3 .speciality > div.special3 .icon {
        width: 100%;
        background-position: right;
    }
    #section3 .speciality > div > h2 br {
        display: contents;
    }
    #section4 .bna {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #section4 .bna > div {
        width: 100%;
    }
    #section4 .bna > div a::after {
        height: 97%;
    }
    #section4 .bna > div a > img {
        width: 29rem;
    }
    #section5 .inner {
        flex-direction: column;
        width: 100%;
    }
    #section5 .inner > div {
        width: 100%;
        padding: 3.5rem 1.5rem !important;
    }
    #section5 .qna {
        border-top: 1px #e0e0e0 solid;
    }
}