@charset "utf-8";

/*main banner*/
section{
	width: 100%;
}
.main-bn-swip .s1{background-image:url(../img/sub1/image1.jpg);}
.main-bn-swip .s2{background-image:url(../img/sub1/image2.jpg);}
.main-bn-swip .s3{background-image:url(../img/sub1/image3.jpg);}
.main-bn-swip .s4{background-image:url(../img/sub1/image4.jpg);}
.main-bn-swip .s5{background-image:url(../img/sub1/image5.jpg);}
.main-bn-swip .s6{background-image:url(../img/sub1/image6.jpg);}
.main-bn-swip .s7{background-image:url(../img/sub1/image7.jpg);}
.main-bn-swip .s8{background-image:url(../img/sub1/image8.jpg);}
.main-bn-swip .s9{background-image:url(../img/sub1/image9.jpg);}
.main-bn-swip .s10{background-image:url(../img/sub1/image10.jpg);}
.main-bn-swip .s11{background-image:url(../img/sub1/image11.jpg);}
.main-bn-swip .s12{background-image:url(../img/sub1/image12.jpg);}
.main-bn-swip .s13{background-image:url(../img/sub1/image13.jpg);}
.main-bn-swip .s14{background-image:url(../img/sub1/image14.jpg);}
.main-bn-swip .s15{background-image:url(../img/sub1/image15.jpg);}
.main-bn-swip .s16{background-image:url(../img/sub1/image16.jpg);}


.main-bn .main-bn-txt{ background-color:rgba(0, 0, 0, 0.0); text-shadow: 0 2px 4px rgba(0,0,0,.6); }
.main-bn .main-bn-txt .line{ display:none; }
.main-bn .main-bn-txt .main-menu{ display:none; }

.intro-in .intro-l .intro-txt {top: 320px;}

.move_con{width: calc(90% + 40px); height: auto; margin: 60px auto;}
.move_con img{width: calc(25% - 20px); margin:0 10px}




@media screen and (max-width: 1400px){
    .intro-in .intro-l .intro-txt {top: 140px;}
    .move_con{width: calc(100% + 40px); margin: 40px -20px 60px;}
}
@media screen and (max-width: 1024px){
    .intro-in .intro-l .intro-txt {top: 40px;}
    .move_con{width: calc(100% + 30px); margin: 20px -15px 60px;}
    .move_con img{width: calc(50% - 15px); margin:7px 7px}
}
@media screen and (max-width: 1024px){
    .intro-in .intro-l .intro-txt {top: 40px;}
}
@media screen and (max-width: 780px){
    #intro{padding:0 10px;}
    #intro .intro-in .intro-l .intro-txt {
    top: 620px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 10px;
    transition: 0.8s;
    margin:0;
    }
    .move_con img{width: calc(50% - 8px); margin:4px 4px}
    .move_con{width: calc(100% + 16px); margin: 0px -8px 60px;}
}
@media screen and (max-width: 780px){
    #intro{ height:1200px; }
    #intro .intro-in .intro-r .right-img div.img{height: 560px;}
}