@charset "utf-8";

#section01 {overflow: hidden;}


#section01 .owl-nav .owl-prev {position: absolute;top: calc(52%);transform: translateY(-50%);z-index: 1;left: 9%;width: 25px;height: 46px;background: url('../img/main-visual-prev.png') no-repeat center;background-size: contain;}
#section01 .owl-nav .owl-next {position: absolute;top: calc(52%);right: 9%;transform: translateY(-50%);z-index: 1;width: 25px;height: 46px;background: url('../img/main-visual-next.png') no-repeat center;background-size: contain;}
#section01 .main__visual {min-height: 80vh;position: relative;cursor: pointer;}
#section01 .main__visual .bg{position:absolute; left:0; top:0; width:100%; height:100%;  transition-delay:0.5s; background-repeat:no-repeat;background-size:cover !important;}
#section01 .main__visual .bg01 {background: url('../img/main_visual01.jpg') no-repeat center;}

#section01 .main__visual .bg02 {background: url('../img/main_visual02.jpg') no-repeat center;}
#section01 .main__visual .bg03 {background: url('../img/main_visual03.jpg') no-repeat center;}
#section01 .main__visual .bg04 {background: url('../img/main_visual_04_02.jpg') no-repeat center;}
#section01 .main__title-wr {position: absolute;top: 50%;left: 30%;transform: translate(-50%, -50%);z-index: 0;min-width: 500px;}
/* #section01 .main__title01 {font-size: clamp(20px, 3vw, 25px);color: #000000;padding: 0 0 0.2em;} */
#section01 .main__title01 .ttl {}
#section01 .main__title01 .ttl.ttl--01 {display: inline-block;}
#section01 .main__title01 .ttl.ttl--02 {display: inline-block;position: relative;padding: 0 0 0 260px;}
#section01 .main__title01 .ttl.ttl--02::before {display: block;content: '';width: 100%;max-width: 250px;margin: 0 auto;height: 2px;background: rgba(204, 216, 221, 0.6);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#section01 .bg01 .main__title01{color: #ffffff;}
#section01 .main__visual .bg01 .main__title01{color: #ffffff;}
#section01 .main__visual .bg01 .main__title02{color: #ffffff;}
#section01 .main__title01{font-size: clamp(20px, 5vw, 45px);color: #000;padding: 0 0 10px;}
#section01 .main__title01.white{color: #fff;}
#section01 .main__title02.white{color:#fff}
#section01 .main__title02 {font-size: clamp(15px, 3vw, 20px);padding: 0 0 0.5em;color: #000;}
#section01 .main__title03 {font-size: clamp(15px, 5vw, 20px);color: #000;}

#section01 .swiper-container {position: relative;}
#section01 .main__visual-dots {position: absolute;width: 200px;text-align: center;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 1;}
#section01 .main__visual-dots .swiper-pagination-bullet {background: rgba(255, 255, 255, 0.7);width:10px;height:10px;opacity: unset;margin:0 10px 0 0; border-radius: 100%}
#section01 .main__visual-dots .swiper-pagination-bullet:last-child {margin: 0;}
#section01 .main__visual-dots .swiper-pagination-bullet-active {background:rgba(255, 255, 255);width:calc(100% / 3 - 28px);height:10px;border-radius: 5px;}

@media screen and (max-width:1400px) {
	#section01 .main__title-wr {left: 50%;}
}

@media screen and (max-width:1200px) {
	#section01 .main__visual {padding: 86px 0 0;}
}

@media screen and (max-width:1024px) {
	#section01 .main__title-wr {padding: 0 20px;text-align:center;width: 100%;}
	#section01 .main__visual {min-height: unset; height: 600px;}
}

@media screen and (max-width:960px) {
	#section01 {height: 600px !important}
	#section01 .fp-tableCell {height:600px !important;}
}

@media screen and (max-width:768px) {
	#section01 {height: 500px !important}
	#section01 .fp-tableCell {height:500px !important;}
	#section01 .main__visual {min-height: unset;height:500px;padding: 60px 0 0;}

	#section01 .main__title01.white{color: #000;}
#section01 .main__title02.white{color:#000}
	#section01 .main__visual-dots {right: 25px;width:150px;}
	#section01 .main__visual-dots .swiper-pagination-bullet {}
	#section01 .main__visual-prev {left: 9%;width: 20px;height: 42px;background: url('../img/main-visual-prev.png') no-repeat center;background-size: contain;}
	#section01 .main__visual-next {right: 9%;width: 20px;height: 42px;background: url('../img/main-visual-next.png') no-repeat center;background-size: contain;}
	#section01 .main__title-wr {padding: 30px 20px;background: rgba(255, 255, 255, 0.5)}
}

@media screen and (max-width:500px) {
	#section01 {height: 300px !important}
	#section01 .main__visual {height: 300px !important;}
	#section01 .main__visual-dots {right: 25px;bottom: 20px;width:150px;}
	#section01 .main__visual-prev {display:none;}
	#section01 .main__visual-next {display:none;}

	
}

#section02 {padding: 50px 20px;}
#section02 .business {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}
#section02 .business__content {
	flex: 0 1 calc(100% / 2 - 20px);
	height: 360px;
	border-radius: 10px;
	padding: 50px;
}

#section02 .business__content.bg01 {background: url('../img/main_company01.jpg') no-repeat center; background-size: cover;}
#section02 .business__content.bg02 {background: url('../img/main_company02.jpg') no-repeat center; background-size: cover;}

#section02 .business__info .company{
	font-size: clamp(20px, 2vw, 33px);
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 13px;
}
#section02 .business__info .company__eng{
	font-size: clamp(14px, 2vw, 16px);
	color: #ffffff;
	font-weight: 400;
}

/* 
#section02 {}
#section02 .lineup {padding: 100px 20px;}
#section02 .lineup__ttl {font-size: clamp(20px, 2vw, 30px);color: #000;padding: 0 0 clamp(30px, 2vw, 50px);text-align: center;}
#section02 .lineup__content {}
#section02 .sct_ul {display: flex;flex-wrap: wrap;gap: 50px;width: 100%;padding: 0 80px;}
#section02 .sct_li {float: unset;flex: 0 1 calc(100% / 3 - 34px) !important;width: auto !important;height: auto;}
#section02 .sct_img {overflow: hidden;border-radius: 40px;}
#section02 .sct_img .sct_a {width:100%;} 
#section02 .sct_img .sct_a img {width:100%;transition: all 0.3s;}
#section02 .sct_img:hover .sct_a img {transform:scale(1.1);}

#section02 .owl-prev {position: absolute;top: calc(50% - 50px);transform: translateY(-50%);z-index: 1;left: 0;width: 25px;height: 46px;background: url('../img/main-visual-prev.png') no-repeat center;background-size: contain;}
#section02 .owl-next {position: absolute;top: calc(50% - 50px);right: 0;transform: translateY(-50%);z-index: 1;width: 25px;height: 46px;background: url('../img/main-visual-next.png') no-repeat center;background-size: contain;}

#section02 .sct_txt {padding: 20px 0 0;text-align: center;margin: 0;}
#section02 .sct_txt .sct_a {font-size:clamp(16px, 2vw, 23px); font-weight:700; font-family:'GmarketSans'}
#section02 .sct_basic {font-size: clamp(16px, 2vw, 20px); color: #000; text-align: center; font-family:'GmarketSans'}
#section02 .sct_cost {font-family:'GmarketSans';text-align: center;color: #ed6c00;}
#section02 .sct_cost strike {display: inline-block;padding: 0 20px 0 0;} */

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

@media screen and (max-width:1024px) {
	#section02 .business__content {height: 250px;padding: 50px 30px;}
	#section02 .lineup {padding: 70px 20px;}
	#section02 .business {gap: 20px;}
}

@media screen and (max-width:768px) {
	#section02 {padding:30px 20px}
	#section02 .business__content {height: 200px;padding: 30px 20px;}
	#section02 .lineup {padding: 50px 20px 0;}
	#section02 .sct_ul {padding:0 50px;}
	#section02 .smt_20 {height: 600px !important;}
	#section02 .sct_img .sct_a img {max-height: 400px;height: 100%;}
	#section02 .owl-prev {width: 20px;height: 42px;}
	#section02 .owl-next {width: 20px;height: 42px;}
}

@media screen and (max-width:500px) {
	#section02 .lineup {padding: 30px 20px;display: flex;}
	#section02 .lineup .wr-1400 {display:fl}
	#section02 .sct_ul {padding:0 30px;}
	#section02 .smt_20 {height: 500px !important;}
	#section02 .sct_img .sct_a img {max-height: 400px;height: 100%;}
	#section02 .owl-prev {display:none;}
	#section02 .owl-next {display:none;}
	#section02 .business__content {
    flex: 0 1 calc(100% / 2 - 10px);
    height: 150px;
}
}

@media screen and (max-width: 375px) {
	#section02 .smt_20 {height: 400px !important;}
}


#section03 {
	background-color: #e5e5e5;
	height: 768px;
	padding: 50px 20px;
}
#section03 .lineup__box{
	display: flex;
	margin-bottom: 36px;
	align-items: center;
}
#section03 .lineup__ttl{
	font-size: clamp(24px, 2vw, 30px);
	font-weight: bold;
	margin-right: 32px;
}
#section03 .lineup__tab03.active,#section03 .lineup__tab02.active, #section03 .lineup__tab01.active{
    background-color: #233763;
    color: #ffffff;
    font-size: clamp(14px, 2vw, 15px);
    width: 90px;
    line-height: 25px;
    text-align: center;
    border-radius: 35px;
    margin: 5px 10px 0 0;
    height: 25px;
}
#section03 .lineup__tab01{
	font-size: 16px;
	width: 90px;
	line-height: 25px;
	text-align: center;
	border-radius: 35px;
	/* margin: 5px 10px 0 0; */
	height: 25px;
}
#section03 .lineup__tab02{font-size:clamp(14px,2vw,15px);text-align:center;width:95px}
#section03 .lineup__tab03{font-size:clamp(14px,2vw,15px);text-align:center;width:95px}
#section03 .lineup__more{margin-left:auto;font-size:16px}
.brand_name{color:#a6a6a6;margin-bottom:15px;font-size:clamp(13px,2vw,15px);font-weight:400}
.item_name{font-size:clamp(15px,2vw,20px)}
.discountrate{color:#233763;font-size:clamp(20px,2vw,25px);margin-right:10px}
#section03 .owl-item {display: flex;justify-content: center;}

#section03 .lineup__content{position:absolute;top:70px;left:50%;transform:translateX(-50%);width:100%;height:500px;visibility:hidden}


#section04{padding:50px 20px;height:768px}
#section04 .lineup__box{display:flex;margin-bottom:36px;align-items:center}
#section04 .lineup__ttl{font-size:clamp(24px,2vw,30px);font-weight:bold;margin-right:32px}
#section04 .lineup__more{margin-left:auto;font-size:16px}

#section04 .owl-item {display: flex; justify-content: center;}

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

}

@media screen and (max-width:1024px) {
	#section03{height: 640px;}
	#section03 .lineup__content{height:400px}
	#section04{height: 640px;}
}

@media screen and (max-width:768px) {
	#section03{height: 670px;}
	#section04{height: 690px;}
}

@media screen and (max-width:500px) {
	#section03{height:640px}
	#section04{ height: 640px;}
	#section03 .lineup__more{display:none;}
}

#section03 .sct_li{flex:1 1 calc(100% / 3 - 20px);margin-right:0}
#section04 .sct_li{flex:1 1 calc(100% / 3 - 20px);margin-right:0}
/* .sct.smt_20 .sct_li{margin-right: 0;} */

#section05{background:url(../img/sec05_bg.png) no-repeat;padding: 50px 20px;}
#section05 .sec05_latest-item{}
#section05 .sec05_text{text-align:center;color:#fff;padding-bottom:10px}
#section05 .sec05_text .tit{font-size:clamp(24px,5vw,40px);font-weight:700}
#section05 .sec05_text .txt{}
#section05 .sec05_cover{}
#section05 .sec05_more{text-align:center}
#section05 .sec05_more a{color:#fff;font-weight:300;width:150px;border:1px solid #fff;padding:15px 20px;transition: all ease 0.4s;}
#section05 .sec05_more a:hover{background:#fff;color:#000}