@charset "utf-8";

/*main start*/

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

#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in { display: flex; justify-content: space-between; }

#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left { padding-top: 80px; width: 55%; text-align: center; }
#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left img { padding-top: 180px; background-size: cover; background-position: center; text-align: center; }
#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left h2 { margin-top: 20px; font-family: 'Cormorant'; font-size: 60px; font-weight: 500; }
#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left p { margin-top: 40px; font-size: 13px; }
#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left p:nth-of-type(2) { line-height: 24px;}
#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left > .link { margin: 40px auto 0px; width: 142px; height: 45px; border: 1px solid rgba(140,133,122,1); background: #fff; text-align: center; transition: .4s; }
#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left > .link:hover { border: 1px solid rgba(140,133,122,0.3); }
#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left > .link a { display: block; width: 100%; font-family: 'Crimson Text'; line-height: 45px; }

#fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .right { margin-top: 150px; width: 45%; height: 700px; display: inline-block; background: url(../img/sub3/1/image2.jpg); background-size: cover; background-position: right; }

#fac .fac-in .info-wrap .info-in .banner { height: 560px; background: url(../img/sub3/1/image1.jpg); background-size: cover; background-position: 50% 50%; }
#fac .fac-in .info-wrap .info-in .banner2 { padding-top: 125px; height: 560px; background: url(../img/sub2/name.jpg); background-size: cover; background-position: center; }
#fac .fac-in .info-wrap .info-in .banner2 .notice { text-align: center; }
#fac .fac-in .info-wrap .info-in .banner2 .notice h2 { font-family: 'Cormorant'; font-size: 60px; font-weight: 500; }
#fac .fac-in .info-wrap .info-in .banner2 .notice p { margin-top: 40px; font-size: 13px; line-height: 24px; }


#banner2 { background: #000; }
#banner2 .banner2-in { height: 558px; background: url(../img/sub3/1/image1.jpg); background-size: cover; background-position: center; opacity: 0.5; }


@media (max-width: 768px) { 

	#main { height: 50vh; margin-top: 78px; }
    
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in  { display: block; }
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left { width: 100%; padding: 80px 20px 0px; }
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left img { padding-top: 0px; width: 30px; }
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left h2 { font-size: 42px; margin-top: 10px; }
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left p { font-size: 12px; margin-top: 20px; }
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left > .link a { font-size: 12px; }
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .right { margin-top: 80px; width: 100%; height: 320px; }
    #fac .fac-in .info-wrap .info-in .banner { height: 320px; }
    #fac .fac-in .info-wrap .info-in .banner2  { height: 60vh; position: relative; }
    #fac .fac-in .info-wrap .info-in .banner2 .notice { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); padding: 0px 20px; }
    #fac .fac-in .info-wrap .info-in .banner2 .notice h2 { font-size: 42px; margin-top: 10px; }
    #fac .fac-in .info-wrap .info-in .banner2 .notice p { font-size: 12px; margin-top: 20px; }
    
    #banner { padding-top: 140px; }
    #banner2 .banner2-in { height: 40vh; }

    
}

@media (max-width: 420px) {
    
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left { padding: 40px 20px 0px; }

    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left img { width: 25px; }
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left h2 { font-size: 32px; }
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left p { margin-top: 10px; }
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .left p:nth-of-type(2) { margin-top: 30px; }
    
    #fac .fac-in .info-wrap .info-in .cont-wrap .cont-in .right { margin-top: 40px; height: 200px; }
    #fac .fac-in .info-wrap .info-in .banner { height: 200px; }
    #fac .fac-in .info-wrap .info-in .banner2 .notice h2 { font-size: 32px; }
    #fac .fac-in .info-wrap .info-in .banner2 .notice p { font-size: 11px; }

    #banner { padding-top: 120px; }
    
}