@charset "utf-8";
/*36beb0*/

@media screen and (max-width:699px){
    .sub_navi .inner{max-width: 100%;}
    .main-section01{position: relative;}
    .swiper01 .swiper-slide{background:url(../img/ban_01_01.png) no-repeat center; background-size:cover; padding:150px 0 200px; position:relative;background-position: 75% 50%;}
    .swiper01 .swiper-slide h4{font-size:30px; color:#fff; line-height:40px; margin-bottom:30px;}
    .swiper01 .swiper-slide h4 span{display:block; font-family: 'GmarketSansBold'; text-transform:uppercase;}
    .swiper01 .swiper-slide p{font-size:16px; line-height:22px; color:#fff; margin-bottom: 20px;}
    .swiper01 .swiper-slide .inner > span{display:none; }
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:150px; width:unset;}
    .swiper-pagination{left:13px}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:80px; height:3px;background-color:#fff;}
    .sub_navi{position:absolute; bottom:0; left:0; width:100%; z-index: 10;}
    .sub_navi li{width:50%;float:left; background-color:rgba(255,255,255,0.4); padding:0 2vw; position:relative;}
    .sub_navi li:first-child:after{position:absolute; }
    .sub_navi li:hover{background-color:#6f1e71;}
    .sub_navi li a{display:block; line-height:100px; color:#fff; font-size:16px; display: flex; justify-content: space-between;}
    .sub_navi li a img{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
    
    .main-section02{padding:50px 0 90px;}
    .main-section02 .inner > div:first-child{width:100%;}
    .main-section02 .inner > div:last-child{width:100%; padding: 50px 10% 0; }
    .main-section02 .inner > div:last-child img{width:60%; }
    .main-section02 .inner > div:last-child dt{text-align: center; }
    .main-section02 .inner > div dt{height:60px; }
    .main-section02 .inner > div:last-child dd{font-weight:700; font-size:15px; color:#000; line-height: 20px ; padding-top:10px;}
    .main-section02 .inner img{margin: 0 auto 40px; display:block; }
    .main-section02 h4{font-size:25px; line-height:35px; margin-bottom:35px; font-weight:400; text-align: center;}
    .main-section02 p{font-size:14px; line-height:27px; color:#7f7f7f; line-height:27px; font-weight:600;}
    .main-section02 ul{display:flex; align-items: center; justify-content: space-between; height:100%;}
    .main-section03 .swiper02 .swiper-slide{background-color: #000; }
    
    .main-section03 .swiper02 .swiper-slide{width:90% !important; opacity: 0.3; }
    .main-section03 .swiper02 .swiper-slide img{width:100%}
    .main-section03 .swiper02 .swiper-slide.swiper-slide-active{opacity: 1;}
    .main-section03 .swiper02 .swiper-slide.swiper-slide-active h4{display:block }
    .main-section03 .swiper02 .swiper-slide.swiper-slide-active p{display:block }
    .main-section03 .swiper02 .swiper-slide.swiper-slide-active .right-up{display:block }

    .main-section03 .swiper02 .swiper-slide h4{display:none; font-size:21px; font-weight: 700;color:#fff ; position: absolute; right:30px; top:45px; } 
    .main-section03 .swiper02 .swiper-slide p{display:none;  position: absolute; right:30px; top:90px; font-size:12px; color:#fff; line-height: 20px ; text-align: right; padding-left:40px; word-break: keep-all;}
    
    .main-section03 .swiper-button-next,
    .main-section03 .swiper-button-prev{ display: none; }

}

@media screen and (min-width:700px) and (max-width:1239px){    
    .sub_navi .inner{max-width: 100%;}
    .main-section01{position: relative;}
    .swiper01 .swiper-slide{background:url(../img/ban_01_01.png) no-repeat center; background-size:cover; padding:200px 0 250px; position:relative;background-position: 75% 50%;}
    .swiper01 .swiper-slide h4{font-size:40px; color:#fff; line-height:55px; margin-bottom:50px; text-transform:uppercase;}
    .swiper01 .swiper-slide h4 span{display:block; font-family: 'GmarketSansBold';}
    .swiper01 .swiper-slide p{font-size:20px; color:#fff;}
    .swiper01 .swiper-slide .inner > span{position:absolute;right:0; top:50%; color:#fff; font-size:15px; transform:translateY(-50%) rotate(90deg);}
    .swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:180px; width:unset;}
    .swiper-pagination{left:13px}
    .swiper01 .swiper-pagination-bullet{border-radius:0; width:100px; height:3px;background-color:#fff;}
    .sub_navi{position:absolute; bottom:0; left:0; width:100%; z-index: 10;}
    .sub_navi li{width:50%;float:left; background-color:rgba(255,255,255,0.4); padding:0 2vw; position:relative;}
    .sub_navi li:first-child:after{position:absolute; }
    .sub_navi li:hover{background-color:#6f1e71;}
    .sub_navi li a{display:block; line-height:100px; color:#fff; font-size:16px; display: flex; justify-content: space-between;}
    .sub_navi li a img{position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}
    
    .main-section02{padding:70px 0 110px;}
    .main-section02 .inner > div:first-child{width:100%;}
    .main-section02 .inner > div:last-child{width:100%; padding: 50px 20% 0; }
    .main-section02 .inner > div:last-child dt{text-align: center; }
    .main-section02 .inner > div dt{height:80px; }
    .main-section02 .inner > div:last-child dd{font-weight:700; font-size:15px; color:#000; line-height: 20px; text-align:center;}
    .main-section02 .inner > div:first-of-type{margin-right:10%;}
    .main-section02 .inner img{float: left; margin: 0px 20px 20px;}
    .main-section02 h4{font-size:35px; line-height:45px; margin-bottom:35px; font-weight:400; margin-bottom:35px;}
    .main-section02 p{font-size:15px; line-height:27px; color:#7f7f7f; line-height:27px; font-weight:600;}
    .main-section02 ul{display:flex; align-items: center; justify-content: space-between; height:100%;}
    .main-section03 .swiper02 .swiper-slide{background-color: #000; }
    
    .main-section03 .swiper02 .swiper-slide{width:90% !important; opacity: 0.3; }
    .main-section03 .swiper02 .swiper-slide.swiper-slide-active{opacity: 1;}
    .main-section03 .swiper02 .swiper-slide.swiper-slide-active h4{display:block }
    .main-section03 .swiper02 .swiper-slide.swiper-slide-active p{display:block }
    .main-section03 .swiper02 .swiper-slide.swiper-slide-active .right-up{display:block }

    .main-section03 .swiper02 .swiper-slide h4{display:none; font-size:30px; font-weight: 700;color:#fff ; position: absolute; right:30px; top:110px; } 
    .main-section03 .swiper02 .swiper-slide p{display:none;  position: absolute; right:30px; top:190px; font-size:15px; color:#fff; line-height: 27px ; text-align: right; padding-left:40px; word-break: keep-all;}
    
    .right-up, 
    .right-up::after { 
    border: 0.03em solid #fff; border-radius: 0.1em; position: absolute; } 
    .right-up {display:none; width: 7em; position: absolute; right: 78px;  bottom: 100px;} 
    .right-up::after { height: 1.9em; top: -1.71em; right: 10px; transform: rotate(316deg) ;content: "";} 
    .main-section03 .swiper-button-next,
    .main-section03 .swiper-button-prev{
        display: none;
    }
}

@media screen and (min-width:1240px){
	.main-section01{position: relative;}
	.swiper01 .swiper-slide{background:url(../img/ban_01_01.png) no-repeat center; background-size:cover; padding:300px 0 350px; position:relative;}
	.swiper01 .swiper-slide h4{font-size:65px; color:#fff; line-height:80px; margin-bottom:50px; text-transform:uppercase;}
	.swiper01 .swiper-slide h4 span{display:block;  font-family: 'GmarketSansBold';}
	.swiper01 .swiper-slide p{font-size:23px; color:#fff;}
	.swiper01 .swiper-slide .inner > span{position:absolute;right:0; top:50%; color:#fff; font-size:15px; transform:translateY(-50%) rotate(90deg);}
	.swiper01.swiper-container-horizontal .swiper-pagination-bullets{bottom:180px; width:unset;}
	.swiper01 .swiper-pagination-bullet{border-radius:0; width:120px; height:3px;background-color:#fff;}
	.sub_navi{position:absolute; bottom:0; left:0; width:100%; z-index: 10;}
	.sub_navi li{width:50%;float:left; background-color:rgba(255,255,255,0.4); padding:0 2vw; position:relative;}
	.sub_navi li:first-child:after{position:absolute; }
	.sub_navi li:hover{background-color:#6f1e71;}
	.sub_navi li a{display:block; line-height:100px; color:#fff; font-size:16px; display: flex; justify-content: space-between;}
	.sub_navi li a img{position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}

	.main-section02{padding:70px 0 110px;}
	.main-section02 .inner > div:first-child{width:50%; float:left;}
	.main-section02 .inner > div:last-child{width:40%; padding-top:50px; float:right; }
	.main-section02 .inner > div:last-child dt{text-align: center; }
	.main-section02 .inner > div dt{height:80px; }
	.main-section02 .inner > div:last-child dd{font-weight:700; font-size:15px; color:#000; line-height: 20px ; padding-top:10px;}
	.main-section02 .inner > div:first-of-type{margin-right:10%;}
	.main-section02 .inner img{margin-bottom:20px;}
	.main-section02 h4{font-size:35px; line-height:45px; margin-bottom:35px; font-weight:400; margin-bottom:35px;}
	.main-section02 p{font-size:15px; line-height:27px; color:#7f7f7f; line-height:27px; font-weight:600;}
	.main-section02 ul{display:flex; align-items: center; justify-content: space-between; height:100%;}
	.main-section03 .swiper02 .swiper-slide{background-color: #000; }

	.main-section03 .swiper02 .swiper-slide{width:1200px !important;
		opacity: 0.3; }
	.main-section03 .swiper02 .swiper-slide.swiper-slide-active{opacity: 1;}
	.main-section03 .swiper02 .swiper-slide.swiper-slide-active h4{display:block }
	.main-section03 .swiper02 .swiper-slide.swiper-slide-active p{display:block }
	.main-section03 .swiper02 .swiper-slide.swiper-slide-active .right-up{display:block }

	.main-section03 .swiper02 .swiper-slide h4{display:none; font-size:35px; font-weight: 700;color:#fff ; position: absolute; right:80px; top:110px; } 
	.main-section03 .swiper02 .swiper-slide p{display:none;  position: absolute; right:80px; top:190px; font-size:15px; color:#7f7f7f; line-height: 27px ; text-align: right;}
	.main-section03 .swiper02 .swiper-slide p span{display:block }

	.right-up, 
	.right-up::after { 
	border: 0.03em solid #fff; border-radius: 0.1em; position: absolute; } 
	.right-up {display:none; width: 7em; position: absolute; right: 78px;  bottom: 100px;} 
	.right-up::after { height: 1.9em; top: -1.71em; right: 10px; transform: rotate(316deg) ;content: "";} 
	.main-section03 .swiper-button-next,
	.main-section03 .swiper-button-prev{
		width: 58px;
		height: 58px;
	line-height: 58px;
	text-align:center; 
		background-color: rgba(0,0,0,0.2);
		color: #fff;
	}
	.main-section03 .swiper-button-prev{left:15% ;}
	.main-section03 .swiper-button-next{right:15% ;}
	.swiper-button-next, .swiper-button-prev{background-image:none;}
	.swiper-button-next:after{content:"\f054"; font-family:'Font Awesome 6 Pro'}
	.swiper-button-prev:after{content:"\f053"; font-family:'Font Awesome 6 Pro'}
	.swiper-button-next:after, .swiper-button-prev:after {font-size:40px;}



}