.mainWrap{position:relative;min-width:1180px;height:100%; overflow:hidden;}
.sectionWrap{position:absolute; left:0; top:0; width: 100%;}
.section{position:relative;}

.section00 {position:relative;}
.section00 .section00Wrap{overflow: hidden;width:100%;height:100%; box-sizing:border-box; position: relative;}



.mbot_con{position: absolute;left: 0;right: 0;bottom: 55px;z-index:97;}
.mbot_con > .wid{width: calc(100% - 20px);max-width: 1720px;margin: 0 auto;display: flex;justify-content:space-between;align-items:center;}
.mbot_con > .wid > *{font-size: 15px;color:#9b9b9b;}
body.msb_tab .mbot_con{display: none;}

.mainStep{position:fixed;right:calc((100% - 1720px) / 2);top:50%;transform: translateY(-50%); z-index:97;}
.mainStep li{position:relative;margin-bottom:18px;font-size:0;text-align: center;}
.mainStep li:last-child{margin-bottom:0;}
.mainStep li a{position:relative;display:inline-block;box-sizing: border-box;width:12px;height:12px;border-radius:12px;background: rgba(236,236,236,0.5);transition: .4s;}
.mainStep li.on a{background: #f35821;height: 32px;}

.mlf_box{font-size: 0;position: absolute;left: calc((100% - 1720px) / 2);top: 50%;transform: translateY(-50%); z-index:96;}
.scr_box{position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);}

.video_wrap {
	position: relative;
	height: 100vh;
	min-height: 500px;
	overflow: hidden;
}
.video_wrap video {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}
.video_wrap img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}

.mvt_box{position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;display: flex;align-items: center;}
.mvt_box > .wids{width: calc(100% - 20px);max-width: 1300px;margin: 0 auto;}
.mvt_box > .wids p.txt1{margin-bottom: 40px;font-size: 25px;color:#fff;font-weight: 600;line-height: 1;}
.mvt_box > .wids p.txt2{margin-bottom: 30px;font-size: 60px;color:#fff;font-weight: 600;line-height: 1.2;}
.mvt_box > .wids p.txt2 span{display: block;color:#f35821;}
.mvt_box > .wids p.txt3{font-size: 30px;color:#fff;font-weight: 600;line-height: 1;}


.sectionCon_full{width: 100%;height: 100%;margin:0 auto;}
.section01{background: #fff;background-attachment:fixed;}
.section02{background: #f5f5f5;background-attachment:fixed;}
.section03{background: url(../image/main/sec_bg3.jpg) no-repeat center center; background-size: cover;background-attachment:fixed;}

.sectionCon{width: calc(100% - 20px);max-width:1280px;height:100%;margin:0 auto;display:table;position:relative;}
.sectionCon > div.mcon_area{display:table-cell;vertical-align:middle;padding-top: 50px;}

.motion{opacity:0; position:relative;  transition: all 0.3s ease-out;}
.motion.ac{opacity:1;}
.motionb{opacity:0; position:relative;  transition: all 0.3s ease-out;}
.motionb.ac{opacity:1;}
.motionc{opacity:0; position:relative;  transition: all 0.3s ease-out;}
.motionc.ac{opacity:1;}
.motiond{opacity:0; position:relative;  transition: all 0.3s ease-out;}
.motiond.ac{opacity:1;}
.motion1{
	-webkit-transform:translate3d(0,15px,0);
	-moz-transform:translate3d(0,15px,0);
	-ms-transform:translate3d(0,15px,0);
	-o-transform:translate3d(0,15px,0);
	transform:translate3d(0,15px,0);
	
}
.motion1.ac{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.motion2{
	-webkit-transform:translate3d(0,-20px,0);
	-moz-transform:translate3d(0,-20px,0);
	-ms-transform:translate3d(0,-20px,0);
	-o-transform:translate3d(0,-20px,0);
	transform:translate3d(0,-20px,0);
	
}
.motion2.ac{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}


h3.ml_title{margin-bottom: 50px;font-size: 36px;color:#000;font-weight: 300;line-height: 1;letter-spacing: -1px;}
h3.ml_title strong{font-weight: bold;}
h3.ml_title.white{color: #fff;}
h3.mc_title{text-align:center;margin-bottom: 50px;font-size: 24px;color:#000;font-weight: 600;line-height: 1;letter-spacing: -1px;}
h3.mc_title strong{display: block;margin-bottom: 28px;font-size: 36px;font-weight: bold;}

.mp_line{margin-left:-17px;margin-top: -17px;display: flex;flex-wrap:wrap;}
.mp_line > li{margin-left:17px;margin-top: 17px;width: calc(16.666666% - 17px);text-align:center;position:relative;}
.mp_line > li > a{display: block;background: #eee;transition: all 0.3s ease-in-out;}
.mp_line > li > a > div{overflow: hidden;}
.mp_line > li > a > div img{width: 100%;transition: all 0.3s ease-in-out;}
.mp_line > li > a > p{position: absolute;left:0;right:0;bottom:14px;width: 100%;text-align:center;font-size: 18px;color:#000;font-weight: 500;letter-spacing: -0.8px;line-height: 1.2;transition: all 0.3s ease-in-out;}
.mp_line > li:hover > a{background: #f35821;}
.mp_line > li:hover > a > div img{transform: scale(1.1,1.1);}
.mp_line > li:hover > a > p{color:#fff;}

.cat_top{margin-bottom: 30px;display:flex;justify-content:space-between;align-items:center;}
.mtab_line{display: flex;}
.mtab_line > li + li{margin-left: 20px;}
.mtab_line > li > a{display: inline-block;padding: 0 5px;line-height:1;position: relative;font-size: 23px;color:#000;font-weight: 600;}
.mtab_line > li > a.active{color:#f35821;}
.mtab_line > li > a.active:after{content:"";position:absolute;left: 0;bottom:-15px;right:0;height: 3px;background: #f35820;}
.cat_search{width: 100%;max-width: 350px;display: flex;}
.cat_search input{width: calc(100% - 92px);height: 45px;box-sizing:border-box;border: 1px solid #000;background: #fff;}
.cat_search a{margin-left: 2px;display: inline-block;text-align:center;width: 90px;line-height: 45px;background: #000;font-size: 20px;color:#fff;font-weight:600;}

.mpro_all{width: 100%;max-width: 1280px;margin: 0 auto;}
.mpro_line{display: none;width:100%;margin:0 auto;position:relative;}
.mpro_line.active{display: block;}
.swiper-container.msec_slid{position:relative;height:100%:}
.swiper-container.msec_slid .swiper-slide > a{position: relative;display: block;text-align:center;}
.swiper-container.msec_slid .swiper-slide > a > .img{position: relative;overflow: hidden;}
.swiper-container.msec_slid .swiper-slide > a > .img img{width: 100%;transition: .4s;}
.swiper-container.msec_slid .swiper-slide > a:hover > .img img{transform: scale(1.1,1.1);}
.mpro_line .swiper-button-next, .mpro_line .swiper-button-prev{position:absolute;top:50%;margin-top:-85px;z-index:9;width:23px;height:41px;}
.mpro_line .swiper-button-next{right:-50px;background: url(../image/main/ms_rt.png) 0 0 no-repeat;}
.mpro_line .swiper-button-prev{left:-50px;background: url(../image/main/ms_lf.png) 0 0 no-repeat;}
.mpro_line .swiper-button-next:after{display:none;}
.mpro_line .swiper-button-prev:after{display:none;}
.mpro_line .swiper-scrollbar{opacity: 1 !important;margin-top: 40px;}
.mpro_line .swiper-scrollbar-drag{background:#f35821;height:3px;border-radius: 0;}
.mpro_line .swiper-pagination{position: static;width:100%;text-align:center;margin-top: 30px;font-size:17px;color:#000;font-weight:300;line-height:1;}
.mpro_line .swiper-pagination > span.swiper-pagination-current{font-size:24px;color:#f35821;font-weight:bold;}


.mic_line{margin-left: -30px;margin-top: -30px;display: flex;flex-wrap: wrap;}
.mic_line > li{margin-left: 30px;margin-top: 30px;width: calc(33.333333% - 30px);}
.mic_line > li > a{display: block;position:relative;box-sizing: border-box;padding: 10px 10px 30px 30px;height: 280px;border: 1px solid #fff;transition: .4s;display: flex;align-items:flex-end;}
.mic_line > li > a > div{position: absolute;right: 30px;top: 30px;}
.mic_line > li > a > div > span.on{display: none;}
.mic_line > li > a > p{font-size: 28px;color:#fff;font-weight: 600;line-height:1.1;}
.mic_line > li > a > p span{display: block;font-size: 18px;margin-bottom: 16px;color:#c4c2c2;}
.mic_line > li:hover > a:after{content:"";position: absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border: 3px solid #f35820;background: rgba(255,255,255,0.3);}
.mic_line > li:hover > a > p{color:#f35820;}
.mic_line > li:hover > a > p span{color:#fff;}
.mic_line > li:hover > a > div > span.off{display: none;}
.mic_line > li:hover > a > div > span.on{display: block;}



@media screen and (max-width:1720px){
	.mainStep{right: 20px;}
	
}

@media screen and (max-width:1599px){
	
}

@media screen and (max-width:1280px){
	.mpro_line .swiper-button-next, .mpro_line .swiper-button-prev{display: none;}
}


@media screen and (max-width:1024px){
	.mainStep{display: none;}
	
	.mlf_box{display: none;}
	.scr_box{display: none;}
	.mbot_con{display: none;}

	.section{height:auto !important;}
	.mainWrap{min-width:100% !important;height:auto !important;}
	.sectionWrap{position:static; left:0; top:0; width: 100%;}
	.sectionCon{display:block;}
	.sectionCon > div.mcon_area{padding:70px 0;display:block;vertical-align:middle;}

	.video_wrap{height: auto;min-height: 100%;position: relative;padding-bottom:154%;}
	.video_wrap video{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;}
	

	.mp_line{margin-left:-2px;margin-top: -2px;}
	.mp_line > li{margin-left:2px;margin-top: 2px;width: calc(25% - 2px);}
	.mp_line > li > a > p{font-size: 16px;}

	.mpro_line .swiper-scrollbar{margin-top: 25px;}
	.mpro_line .swiper-pagination{margin-top: 20px;font-size:15px;}
	.mpro_line .swiper-pagination > span.swiper-pagination-current{font-size:20px;}
}

@media screen and (max-width:767px){
	.mvt_box > .wids p.txt1{margin-bottom: 25px;font-size: 22px;}
	.mvt_box > .wids p.txt2{margin-bottom: 25px;font-size: 36px;}
	.mvt_box > .wids p.txt3{font-size: 25px;line-height: 1.4;}


	h3.ml_title{margin-bottom: 40px;font-size: 28px;}
	h3.mc_title{margin-bottom: 40px;font-size: 20px;}
	h3.mc_title strong{margin-bottom: 15px;font-size: 28px;}

	.cat_top{margin-bottom: 20px;display:block;}
	.mtab_line{justify-content:center;margin-bottom: 30px;}
	.mtab_line > li + li{margin-left: 10px;}
	.mtab_line > li > a{font-size: 21px;}
	.mtab_line > li.on > a:after{bottom:-8px;}
	.cat_search{display: flex;justify-content:center;margin:0 auto;}
	.cat_search input{width: calc(100% - 82px);height: 40px;}
	.cat_search a{width: 80px;line-height: 40px;font-size: 16px;}
	
	.mic_line{margin-left: -5px;margin-top: -5px;}
	.mic_line > li{margin-left: 5px;margin-top: 5px;width: calc(50% - 5px);}
	.mic_line > li > a{padding: 10px 10px 20px 20px;height: 150px;}
	.mic_line > li > a > div{right: 15px;top: 15px;max-width: 42px;}
	.mic_line > li:nth-child(3) > a > div{max-width: 55px;}
	.mic_line > li:nth-child(5) > a > div{max-width: 36px;}
	.mic_line > li > a > p{font-size: 22px;}
	.mic_line > li > a > p span{font-size: 16px;margin-bottom: 12px;}
}

@media screen and (max-width:640px){
	.mp_line > li{width: calc(33.33333333% - 2px);}
	.mp_line > li > a > p{font-size: 15px;}
}

@media screen and (max-width:520px){
	.mp_line > li{width: calc(50% - 2px);}
}

@media screen and (max-width:350px){
	
}