@charset "utf-8";

/*main start*/

#main .sec1_slider .swiper-slide.img1{background: url(../img/sub3/5/image1.jpg) no-repeat; background-size: cover; background-position: center; }
#main .sec1_slider .swiper-slide.img2{background: url(../img/sub3/5/image2.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img3{background: url(../img/sub3/5/image3.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img4{background: url(../img/sub3/5/image4.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img5{background: url(../img/sub3/5/image5.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img6{background: url(../img/sub3/5/image6.jpg) no-repeat; background-size: cover; background-position: center;}
#main .sec1_slider .swiper-slide.img7{background: url(../img/sub3/5/image7.jpg) no-repeat; background-size: cover; background-position: center;}

#fac .fac-in .fac-wrap .right .imgbox { background: url('../img/sub3/5/image2.jpg') no-repeat center/cover; }
#fac .fac-in .fac-wrap .left { padding: 0 0 140px; }
#fac .fac-in::before { height: 85%;}


#fac2 { margin-top: 140px; }
#fac2 .fac-in { position: relative; }
#fac2 .fac-in::before { position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 75%; background: #f8f8f8; z-index: -1;}
#fac2 .fac-in .fac-wrap { position: relative; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: end; }
#fac2 .fac-in .fac-wrap::before {  }
#fac2 .fac-in .fac-wrap .left {  width: 50%; padding: 140px 0; text-align: right; }
#fac2 .fac-in .fac-wrap .left h1 { font-family: 'Old Standard TT'; font-size: 47px; font-weight: 400; letter-spacing: 1; }
#fac2 .fac-in .fac-wrap .left p { margin-top: 40px; font-size: 12px; line-height: 25px; }
/* #fac2 .fac-in .fac-wrap .left .left-in { width: 50%; } */
#fac2 .fac-in .fac-wrap .right { width: 50%; text-align: center; }
#fac2 .fac-in .fac-wrap .left .right { display: none; }
/* #fac2 .fac-in .fac-wrap .left .left-in p { width: 50%; } */
#fac2 .fac-in .fac-wrap .right .imgbox { width: 100%; aspect-ratio: 4/3; background: url('../img/sub3/5/image4.jpg') no-repeat center/cover; }
#fac2 .fac-in .fac-wrap .right p { padding: 40px 0; font-family: 'Mulish'; font-size: 11px; letter-spacing: 4; opacity: .5; }

/* #fac .fac-in .fac-wrap .left p span.s-color { font-size: 12px; color: #1d496f; } */
#fac2 .fac-in .fac-wrap .right p .br-480 { display: none; }


@media (max-width: 1440px) {
    #fac .fac-in::before { height: 90%;}

}
@media (max-width: 1400px) {
    #fac .fac-in::before { height: 75%;}
}

@media (max-width: 1280px) {
    #fac .fac-in::before { height: 60%;}
    #fac .fac-in .fac-wrap .left { padding: 80px 20px 80px 0; }
    #fac2 .fac-in .fac-wrap .left { padding: 80px 20px 80px 0; }
}

@media (max-width: 1024px) {
    #fac2 .fac-in::before { height: 90%; }
}
@media (max-width: 980px) {
    #fac .fac-in::before { height: 40%;}
    #fac .fac-in .fac-wrap .left { width: 100%; padding: 0 0 40px 0;}

    #fac2 { margin-top: 80px; }
    #fac2 .fac-in::before { height: 40%; }
    #fac2 .fac-in .fac-wrap { flex-direction: column; align-items: center; }
    #fac2 .fac-in .fac-wrap .left { width: 100%; padding: 0 0 40px 0; text-align: left;}
    #fac2 .fac-in .fac-wrap .right { width: 100%; }
    #fac2 .fac-in .fac-wrap .right .imgbox { aspect-ratio: 1.618/1; }

}


@media (max-width: 480px) { 
    #fac .fac-in .fac-wrap .left { height: auto; padding-top: 0px; padding-bottom: 40px; }
    
    #fac2 { margin-top: 50px; }
    #fac2 .fac-in .fac-wrap { flex-flow: column; }
    #fac2 .fac-in .fac-wrap .left { height: auto; padding-top: 0px; padding-bottom: 40px; }
    #fac2 .fac-in .fac-wrap .left h1 { margin-top: 30px; font-size: 24px; }
    #fac2 .fac-in .fac-wrap .left p { font-size: 11px; line-height: 22px; }
    #fac2 .fac-in .fac-wrap .left p br { display: none; }
    #fac2 .fac-in .fac-wrap .left .right { position: static; display: block; width: 100%; }
    /* #fac2 .fac-in .fac-wrap > .right { display: none;} */

    #fac2 .fac-in .fac-wrap .right p .br-480 { display: block; }

}