@charset "utf-8";
body { overflow-x: hidden; }

main .main-slide div .s1 { background: url(../img/sub3/1/image1.jpg) no-repeat center/cover; }
main .main-slide div .s2 { background: url(../img/sub3/1/image2.jpg) no-repeat center/cover; }
main .main-slide div .s3 { background: url(../img/sub3/1/image3.jpg) no-repeat center/cover; }
main .main-slide div .s4 { background: url(../img/sub3/1/image4.jpg) no-repeat center/cover; }
main .main-slide div .s5 { background: url(../img/sub3/1/image5.jpg) no-repeat center/cover; }
main .main-slide div .s6 { background: url(../img/sub3/1/image6.jpg) no-repeat center/cover; }

.einfo { width: 50%; margin: -150px auto 80px 0; padding: 40px 150px 100px; background: rgba(253, 253, 252, 0.8); border-top-right-radius: 150px; border-bottom-right-radius: 150px; z-index: 1; }
.einfo h1 { color: #5E6855; margin-bottom: 80px; }
.einfo p { line-height: 2em; }
.einfo p span { font-weight: 600; }
.einfo> :last-child { margin-top: 20px; }

.edetail { width: 85%; background: #5E6855; padding: 80px 100px; margin: 0 0 30px auto; }
.edetail h2 { color: #FDFDFC; margin-bottom: 60px; font-size: 48px; }
.edetail h2 span { width: 250px; height: 1px; background: #FDFDFC;  display: inline-block; margin-left: 30px; vertical-align: middle; }
.edetail ul { display: flex; justify-content: space-between; }
.edetail ul li { width: 29%; }
.edetail ul li .imgbox { width: 100%; aspect-ratio: 1/1; border-radius: 50%; margin-bottom: 40px; }
.edetail ul li .img1 { background-image: url(../img/sub3/1/image2.jpg); }
.edetail ul li .img2 { background-image: url(../img/sub3/1/image6.jpg); }
.edetail ul li .img3 { background-image: url(../img/sub3/1/image4.jpg); }
.edetail ul li h3 { font-family: "Bodoni Moda", serif; font-style: italic;  font-size: 24px; color: #949890; font-weight: normal; margin-bottom: 20px; line-height: 1.3em; }
.edetail ul li p { color: #F5F5F5; line-height: 2em; }

@media screen and (max-width: 1440px) {
    .einfo { padding: 60px 80px 80px; }
}

@media screen and (max-width: 1024px) {
    .einfo { width: 60%; }

    .edetail { padding: 80px 40px; }
    .edetail ul { flex-direction: column; }
    .edetail ul li { width: 100%; display: flex; align-items: center; }
    .edetail ul li .imgbox { position:relative; width: 35%; margin-right: 40px; flex-shrink: 0; }
    .edetail ul :not(:last-child) .imgbox::after {position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); content: ""; width: 3px; height: 40px; background: #949890; opacity: .4; }
    .edetail ul :last-child .imgbox { margin-bottom: 0; }
}

@media screen and (max-width: 820px) {
    .einfo { padding: 60px 3%; margin-bottom: 60px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; }

    .edetail { width: 100%; padding: 60px 3%; }
    .edetail h2 { font-size: 32px; margin-bottom: 40px; }
    .edetail h2 span {width: 120px; margin-left: 15px; }
}

@media screen and (max-width: 600px) {
    .einfo { margin: 60px auto 60px 0; width: 97%; background: rgba(253, 253, 252, 1); border-top-right-radius: 80px; border-bottom-right-radius: 80px; }
    .einfo h1 { margin-bottom: 40px; }
    
    .edetail ul li { display: block; }
    .edetail ul> :not(:last-child) { margin-bottom: 40px; }
    .edetail ul li .imgbox { width: 70%; margin: 0 auto 20px; }
    .edetail ul :last-child .imgbox { margin-bottom: 20px; }
    .edetail ul :not(:last-child) .imgbox::after { display: none; }
}