@charset "utf-8";

#main_vis_wrap{position:relative; width:100%; height:calc(95vh - 100px); overflow:hidden;}
.main_vis_box.slick-slide{position:relative; width:100%; height:calc(95vh - 100px);}

.main_vis_box.bx1{background-color:#AE1000;}
.main_vis_box.bx2{background-color:#DF9431;}
.main_vis_box.bx3{background-color:#E8AB99;}
.main_vis_box.bx4{background:url('/images/main/main_vis04.jpg') no-repeat center center; background-size:cover;}



.slick-list{height: 100%;}
.slick-track{height: 100%;}


.main_vis_box .img {text-align:right; /* margin-top:-5em; */ margin-right:-5em; height:100%;}
.main_vis_box .img img{height:100%; width:auto; display:inline-block; opacity:0; transform:translateX(15%); transition:transform 1s 0.8s, opacity 1s 0.8s;}
.main_vis_box.slick-active .img img{opacity:1; transform:translateX(0%);}
.main_vis_box.bx4 .img{height:auto; position:absolute; bottom:0em; text-align:center; width:100%; }
.main_vis_box.bx4 .img img{height:auto; transform:translateX(0%); transform:translateY(40%);}
.main_vis_box.bx4.slick-active .img img{transform:translateX(0%); transform:translateY(3%);}
.main_vis_box .img .mo{display:none }


.main_vis_box.bx4 .txt{position:static; padding-top:6em; text-align:center;}
.main_vis_box .txt{position:absolute; top:30vh; left:8em;}
.main_vis_box .txt p{overflow:hidden; padding-bottom:0.8em;}
.main_vis_box .txt p img{opacity:0; display:inline-block; transform:translateY(100%); transition:transform 1s 0.5s, opacity 1s 0.5s;}
.main_vis_box.slick-active p.t1 img{opacity:1; transform:translateY(0);}
.main_vis_box.slick-active p.t2 img{opacity:1; transform:translateY(0);}
.main_vis_box.slick-active p.t3 img{opacity:1; transform:translateY(0);}






.main_vis_box.bx5{background: url(/images/main/main_vis_05_bg01.jpg) no-repeat center center;  background-color:#000; background-size: cover;}

.main_vis_box.bx5 .txt00 p{text-align: center;}
.main_vis_box.bx5 .txt00 p img {opacity: 1;transform: unset;transition: transform 1s 0.5s, opacity 1s 0.5s;}
.main_vis_box.bx5 img {max-width: 100%;height: auto;width: auto\9; /* ie8 */}

.main_vis_box.bx5 .txt00 p.t2{margin-bottom: 50px; margin-top: 30px; text-align: left;}
.main_vis_box.bx5 .txt00 p.t3{margin-bottom: 20px; text-align: left;}
.main_vis_box.bx5 .txt00 p.t4{margin-bottom: 0px; text-align: left;}

.min-wrap{height: 100%; max-width:1800px; margin: 0 auto; position: relative; display: flex; align-items: center; padding: 0 10%;}
.min-wrap > div{width: 50%;}
.min-wrap .img00{position: absolute; right:5%; bottom: 0;}




@media all and (max-width:1700px) {
	.main_vis_box .img{margin-right:-10em} 

	.main_vis_box .txt{left:5em;}
}
@media all and (max-width:1400px) {
	.main_vis_box .img{margin-right:-6em} 

	.main_vis_box .txt{left:3em; z-index:1;}
	.main_vis_box .txt img{height:70px}

	.main_vis_box.bx4 .txt{padding-top:4em;}
	.main_vis_box.bx4 .img img{height:400px;}


	#main_vis_wrap,
	.main_vis_box.slick-slide{max-height:900px;}

}
@media all and (max-width:1200px) {
	.main_vis_box .img{margin-right:-15em} 

	.main_vis_box .txt{left:2em;}
	.main_vis_box .txt img{height:65px}

	.main_vis_box.bx4 .img img{height:350px;}


	#main_vis_wrap,
	.main_vis_box.slick-slide{max-height:700px;}


}

@media all and (max-width:1000px) {
	.main_vis_box .img img.pc{display:none} 
	.main_vis_box .img img.mo{display:inline-block;}
	.main_vis_box .img{margin-top:10em; margin-right:-10em}

	.main_vis_box .txt{top:4em; left:2em;}
	.main_vis_box .txt img{height:65px}

	.main_vis_box.bx4 .img img{height:350px;}
	.main_vis_box.bx5{background: url(/images/main/main_vis0_new.jpg_600.jpg) no-repeat center center;  background-color:#000; background-size: contain;}
	.main_vis_box.bx5 .min-wrap{display: none;}
}

@media all and (max-width:650px) {
	#main_vis_wrap,
	.main_vis_box.slick-slide{max-height:650px;}

	.main_vis_box .img{margin-top:15em; margin-right:-10em; }
	.main_vis_box .img img{transform:translateX(0%); transform:translateY(40%);}
	.main_vis_box.slick-active .img img{transform:translateX(0%); transform:translateY(3%);}

	.main_vis_box .txt{top:2.5em; left:1em;}
	.main_vis_box .txt img{height:50px}
	.main_vis_box.bx4 .txt .t1 img{width:95%; height:auto;}
	.main_vis_box.bx4 .img img{width:auto; height:280px;}

	.main_vis_box.bx5{background: url(/images/main/main_vis0_new.jpg_600.jpg) no-repeat center center; }


}
@media all and (max-width:400px) {
	.main_vis_box .txt img{height:45px}
		.main_vis_box.bx5{background: url(/images/main/main_vis0_new.jpg_425.jpg) no-repeat center center; }

}



#sec01{width:100%; overflow:hidden; position:relative;}
#sec01:after{content:""; width:100%; height:90%; background:#F7EEE5 url('/images/common/bg_pt_01.png') repeat 0 0; position:absolute; top:0; left:0; z-index:-1;}
.sec01_wrap .tit_wrap{padding:8em 0 4em}
.sec01_wrap .tit_wrap .img{position:absolute;}
.sec01_wrap .tit_wrap .img1{top:3.5em; left:50%; margin-left:-22em;}
.sec01_wrap .tit_wrap .img2{top:0; right:10%;}
.sec01_wrap .tit_wrap .img2 img{height:280px;}
.tit_wrap{font-family:'jj'; color:#AE1000; text-align:center; position:relative; padding:8em 0 2em;}
.tit_wrap .txt{position:relative; z-index:1}
.tit_wrap .t1{font-size:3.3em; line-height:1.2em;}
.tit_wrap .t2{font-size:4.3em; line-height:1.2em;}
.sec01_wrap .con_wrap{position:relative; text-align:Center;  color:#FFF; overflow:hidden;}
.sec01_wrap .con_wrap>div.con_box{cursor:pointer; position:relative;width:32.8%; margin:0.25%; display:table; float:left;height:260px; background:#000;}
.sec01_wrap .con_wrap .txt{display:table-cell; vertical-align:middle; position:Relative; z-index:1; transition-duration: 300ms;   transition-property:all;   transition-timing-function: ease; }
.sec01_wrap .con_wrap .txt .e{font-family:'Oswald'; font-size:0.8em; opacity:0.85; letter-spacing:0.2em; font-weight:100;}
.sec01_wrap .con_wrap .txt .t{font-family:'jj'; font-size:2em;}
.sec01_wrap .con_wrap .txt .b{position:Absolute; font-family:'jj'; line-height:1.2em; bottom:50px; width:100%; }
.sec01_wrap .con_wrap .img{width:100%; height:100%; position:absolute; top:0; left:0; background:no-repeat center center; opacity:0.6; transition-duration: 300ms;   transition-property:all;   transition-timing-function: ease; background-size:cover;}
.sec01_wrap .con_wrap .bx1 .img{background-image:url(/images/main/sec01_img_01.png);}
.sec01_wrap .con_wrap .bx2 .img{background-image:url(/images/main/sec01_img_02.png);}
.sec01_wrap .con_wrap .bx3 .img{background-image:url(/images/main/sec01_img_03.png);}
.sec01_wrap .con_wrap .bx4 .img{background-image:url(/images/main/sec01_img_04.png);}
.sec01_wrap .con_wrap .con_box:hover{background:#ae1000; transition-duration: 300ms;   transition-property:all;   transition-timing-function: ease; }
.sec01_wrap .con_wrap .con_box:hover .img{opacity:0.2; transition-duration: 300ms;   transition-property:all;   transition-timing-function: ease; }

#main_ban{text-align: center;}
#main_ban img{ width: 100%;}

.sec01_wrap .con_wrap>div.con_box{width: 32.8%; height: 250px;}
.sec01_wrap .con_wrap .txt .b{bottom: 40px;}
.sec01_wrap .con_wrap .img{background-size:cover;}

@media all and (max-width:1600px) {
	.sec01_wrap .tit_wrap .img2{right:5em;}
}
@media all and (max-width:1400px) {
	.sec01_wrap .tit_wrap .img2{right:0;}
}
@media all and (max-width:1200px) {
	.sec01_wrap .tit_wrap{padding:6em 0 3em; }
	.tit_wrap{padding:6em 0 2em;}

	.tit_wrap .t1{font-size:3em;}
	.tit_wrap .t2{font-size:4em;}

	.sec01_wrap .tit_wrap .img2 img{height:220px}

	.sec01_wrap .con_wrap>div.con_box{height:200px;}
}
@media all and (max-width:1000px) {
	.tit_wrap .t1{font-size:2.6em;}
	.tit_wrap .t2{font-size:3.4em;}

	.sec01_wrap .tit_wrap .img2 img{height:180px}
}
@media all and (max-width:850px) {
	.sec01_wrap .con_wrap>div.con_box{width:49.5%}

	.sec01_wrap .tit_wrap .img2 img{height:140px}
	.sec01_wrap .tit_wrap .img1{top:2.5em; margin-left:-16em;}
	.sec01_wrap .tit_wrap .img1 img{height:70px}
}	
@media all and (max-width:700px) {
	.sec01_wrap .tit_wrap .img2{display:none;}
	.sec01_wrap .con_wrap>div.con_box{height:180px}
}
@media all and (max-width:500px) {
	.sec01_wrap .tit_wrap{padding:5em 0 2em; }
	.tit_wrap{padding:5em 0 2em;}

	.tit_wrap .t1{font-size:2.3em;}
	.tit_wrap .t2{font-size:2.8em;}

	.sec01_wrap .tit_wrap .img1{top:2em; margin-left:-13em;}
	.sec01_wrap .tit_wrap .img1 img{height:50px}

	.sec01_wrap .con_wrap>div.con_box{height:150px}
	.sec01_wrap .con_wrap .txt .b{bottom:10px;}
}
@media all and (max-width:400px) {
	.tit_wrap .t1{font-size:2em;}
	.tit_wrap .t2{font-size:2.6em;}

	.sec01_wrap .con_wrap>div.con_box{width:100%; margin:0.25% auto; height:120px;}
	.sec01_wrap .con_wrap .txt .b{position:static;}
}



#sec02{margin:0 auto 5em; overflow:hidden;}
.sec02_wrap{}
.sec02_wrap #sec02_frm_wrap{width:980px; overflow:hidden; margin:1.5em auto 0; box-sizing:border-box; border:8px solid #ae1000; position:relative}
#sec02_frm_wrap #sec02_sch{width:calc(100% - 75px); height:75px; line-height:75px; float:left;  font-size:1.15em; padding:0 30px; border:0; margin:0; color:#AE1000; box-sizing:border-box;}
#sec02_frm_wrap #sec02_btn{width:75px; height:75px; float:left; background:url('/images/main/sec02_img_02.png') no-repeat center center; background-size:100% 100%;}

.sec02_slide_wrap{padding-bottom:30px;}
.sec02_slide_wrap .slide_bx{text-align:center; padding:40px 30px; background:url('/images/main/sec02_bg_03.png') no-repeat center center; background-size:100% 100%;}
.sec02_slide_wrap .slide_bx .tit{font-size:1.2em; font-weight:500;}
.sec02_slide_wrap .slide_bx .img{width:100%; max-height:150px; overflow:hidden; margin:10px auto 20px;}
.sec02_slide_wrap .slide_bx .img img{width:100%; height:auto;}
.sec02_slide_wrap .slide_bx .line1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.sec02_slide_wrap .slide_bx .btn{display:block; margin-top:20px; width:100%; color:#FFF; font-weight:500; padding:10px 0; background:#AE1000; }
.sec02_slide_wrap .slide_bx .btn:hover{background:#333;}
.sec02_slide_wrap .slick-dots{bottom:0px;}

@media all and (max-width:1200px) {
	.sec02_wrap #sec02_frm_wrap{width:90%;}
}

@media all and (max-width:1000px) {
	.sec02_wrap #sec02_frm_wrap{width:80%;}
	#sec02_frm_wrap #sec02_sch{width:calc(100% - 60px); height:60px; line-height:60px; padding:0 20px}
	#sec02_frm_wrap #sec02_btn{width:60px; height:60px;}
	
	.sec02_slide_wrap .slide_bx{padding:30px 20px;}
	.sec02_slide_wrap .slide_bx .img{margin:5px auto 10px;}
	.sec02_slide_wrap .slide_bx .btn{margin-top:20px;}
}
@media all and (max-width:850px) {
	.sec02_wrap #sec02_frm_wrap{width:100%; margin:1em auto 0 ;}
	#sec02_frm_wrap #sec02_sch{width:calc(100% - 55px); height:55px; line-height:55px; padding:0 15px}
	#sec02_frm_wrap #sec02_btn{width:55px; height:55px;}
}
@media all and (max-width:450px) {
	.sec02_slide_wrap .slide_bx .btn{margin-top:10px;padding:5px 0;}
}


#sec03{width:100%; overflow:hidden; }
.sec03_wrap{}
.sec03_wrap .sec03_bx{box-sizing:border-box; text-align:center; width:50%; height:600px; float:left; display:table; color:#FFF; position:relative;}
.sec03_wrap .sec03_bx .txt{display:table-cell; vertical-align:middle; z-index:1; position:relative; box-sizing:border-box;}
.sec03_bx.bx1{background:#AE1000 url(/images/common/bg_pt_02.png) repeat 0 0; }
.sec03_bx.bx1 .c{font-weight:400; font-size:1.1em; margin:20px auto;}
.sec03_bx.bx1 a{display:inline-block; background:#FFF; border-radius:15px; color:#AE1000; font-family:'jj'; font-size:1.6em; padding:8px 40px; box-shadow:-10px 10px 0px rgba(0, 0, 0, 0.5);}
.sec03_bx.bx2 .txt{background:#000 url(/images/main/sec03_img_02.png) no-repeat center center; background-size:cover }
.sec03_bx.bx2 .txt img{cursor:pointer; }
.sec03_bx.bx2 .vd{position:absolute; top:0; left:0; width:100%; height:100%;}
.sec03_bx.bx2 .vd iframe{width:100% !important; height:100% !important;}

@media all and (max-width:1300px) {
	.sec03_wrap .sec03_bx{ height:550px; }
	.sec03_bx.bx1 .txt img{height:250px}
}
@media all and (max-width:1000px) {
	.sec03_wrap .sec03_bx{ height:500px; }
	.sec03_bx.bx1 .txt img{height:200px}
}
@media all and (max-width:850px) {
	.sec03_wrap .sec03_bx{ height:450px; }
	.sec03_bx.bx1 .txt img{height:180px}
	.sec03_bx.bx1 .c{font-size:1em;}
	.sec03_bx.bx1 a{font-size:1.3em}
}
@media all and (max-width:700px) {
	.sec03_wrap .sec03_bx{ height:400px; }
	.sec03_bx.bx1 .txt{padding:0 20px;}
	.sec03_bx.bx1 .txt img{height:150px}
	.sec03_bx.bx1 .c{font-size:1em;}
	.sec03_bx.bx1 .c br{display:none;}
	.sec03_bx.bx1 a{font-size:1.2em}
}
@media all and (max-width:550px) {
	.sec03_wrap .sec03_bx{width:100%; height:auto;}
	.sec03_wrap .sec03_bx.bx2{min-height:220px;}
	.sec03_wrap .sec03_bx .txt{padding:3em 10px;}
}



#sec04{width:100%; overflow:hidden; margin-bottom:5em}
#sec04 .tit_wrap span{display:inline-block; padding-left:20px; }
#sec04 .tit_wrap span.t{padding-left:0;}

.sec04_slide_wrap{overflow:hidden; width:116%; margin-left:-8%; padding-bottom:40px;}
.sec04_slide_wrap .slick-dots{bottom:0px;}
.sec04_bx{}
.sec04_bx .in_box{border:1px solid #ddd; box-sizing:border-box; margin:5px; box-sizing:border-box; transition-duration: 300ms;   transition-property:all;   transition-timing-function: ease;}
.sec04_bx .in_box:hover{border:8px solid #AE1000; transition-duration: 300ms;   transition-property:all;   transition-timing-function: ease;}
.sec04_bx .tit{width:100%; overflow:hidden; padding:10px 15px; box-sizing:border-box;}
.sec04_bx .tit span{display:block; box-sizing:border-box; height:35px; line-height:35px; float:left;}
.sec04_bx .tit .icon{width:35px;  border-radius:100%; background:no-repeat center center; background-size:100%;}
.sec04_bx .tit.insta .icon{background-image:url('/images/common/hd_icon_01.png')}
.sec04_bx .tit.face .icon{background-image:url('/images/common/hd_icon_02.png')}
.sec04_bx .tit.youtu .icon{background-image:url('/images/common/hd_icon_06.png')}
.sec04_bx .tit .tt{width:calc(90% - 35px); padding-left:15px; font-weight:500; font-size:1.1em}
.sec04_bx .img{position:relative; width:100%;}
.sec04_bx .img:before{content:""; display:block; padding-top:100%;}
.sec04_bx .img .in{position:absolute; top:0; right:0; bottom:0; left:0; box-sizing:border-box;}
.sec04_bx .img .in img{width:100%; height:auto;}
.sec04_bx .txt{width:100%; box-sizing:border-box; padding:20px 15px; font-size:0.9em; }
.sec04_bx .txt .t_in{width:100%; line-height:1.4em; height:5.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; word-wrap: break-word}

@media all and (max-width:1280px) {
	#sec04 .tit_wrap span img{height:65px;}
}
@media all and (max-width:1000px) {
	#sec04 .tit_wrap span img{height:55px;}

	.sec04_bx .tit{padding:10px 10px;}
	.sec04_bx .tit .icon{width:30px;}
	.sec04_bx .tit span{height:30px; line-height:30px;}
	.sec04_bx .tit .tt{padding-left:10px; width:calc(90% - 30px);}
	.sec04_bx .txt{padding:20px 10px; }
}
@media all and (max-width:750px) {
	#sec04{margin-bottom:3em}

	#sec04 .tit_wrap span{padding-left:10px; } 
	#sec04 .tit_wrap span img{height:50px;}

	.sec04_slide_wrap{width:150%; margin-left:-25%;}

	.sec04_bx .tit{padding:7px 7px;}
	.sec04_bx .tit .icon{width:25px;}
	.sec04_bx .tit span{height:25px; line-height:25px;}
	.sec04_bx .tit .tt{padding-left:7px; width:calc(90% - 25px);}
	.sec04_bx .txt{padding:17px 7px; }
}

@media all and (max-width:680px) {
	#sec04 .tit_wrap span.b{display:block; padding:10px 0;}
}
@media all and (max-width:550px) {

	#sec04 .tit_wrap{padding:2em 20px; box-sizing:border-box;} //
	#sec04 .tit_wrap span img{height:40px;}
	#sec04 .tit_wrap span{padding:10px 0 0;}

	.sec04_slide_wrap{width:180%; margin-left:-40%; padding-bottom:30px;}
	.sec04_bx .in_box{margin:3px;}
	.sec04_bx .txt .t_in{height:3.8em;-webkit-line-clamp:3; }
}