<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

#main {}

#pop {display:none; position:absolute; top:200px; right:100px; z-index:1000;}
#pop img {display:block;}
#pop .btn_close {position:absolute; top:0; right:0; z-index:10000;}


@media all and (max-width:767.9px){
	#pop {top:80px; left:4%; right:4%;}
	#pop &gt; img {width:100%;}
}

.cont_t01 {}
.cont_t01 img {display:block; width:100%;}

#main_visual {position:relative;}
#main_visual .txt {position:absolute; top:50%; left:10%; right:10%; z-index:2; margin-top:-100px; text-align:center; font-size:18px; color:#fff; line-height:1.77;}
#main_visual .txt .t02 {margin:25px 0; font-size:40px; font-weight:500; letter-spacing:0.2em;}
#main_visual img {width:100%;}
#main_visual .swiper-slide {height:auto;}
#main_visual .swiper-pagination {position:absolute; bottom:40px; left:0; width:100%;}
#main_visual .swiper-pagination-bullet {width:14px; height:14px; margin:0 9px; opacity:1; background:#636363;}
#main_visual .swiper-pagination-bullet-active {background:#ffffff;}



#section01 .mcont {float:left; background:#594256;}
#section01 .mimg {float:right; background:url('../images/main/sec01_img.jpg') center; background-size:cover;}

#section02 {padding-bottom:4.16%; background:#3f5144;}
#section02 .mcont {float:right; background:#3f5144;}
#section02 .mimg {float:left; background:url('../images/main/sec02_img.jpg') center; background-size:cover;}


#section03 {padding-bottom:4.16%; background:#fff;}
#section03 .mcont {float:left; background:url('../images/main/sec03_bg.jpg') center; background-size:cover;}
#section03 .mimg {float:right; background:url('../images/main/sec03_img.jpg') center; background-size:cover;}

#section04 {margin-bottom:4.16%; padding:10.4% 10% 7.8%; text-align:center; color:#fff; background:url('../images/main/sec04_img.jpg') center; background-size:cover;}
#section04 p {margin:45px 0; font-size:16px;}
#section04 p strong {font-weight:500;}


#section05 {margin-bottom:4.16%; padding:10.4% 10% 7.8%; text-align:center; color:#fff; background:url('../images/main/sec05_img.jpg') center; background-size:cover;}
#section05 p {margin:45px 0; font-size:16px;}
#section05 p strong {font-weight:500;}

#section06 {padding:22.9% 10% 16.14%; text-align:center; color:#fff; background:url('../images/main/sec05_img.jpg') center; background-size:cover;}
#section06 p {margin:45px 0; font-size:16px;}



.mbox {overflow:hidden; height:958px;}
.mcont {display: -ms-flexbox!important; display: flex!important; -ms-flex-align: center!important; align-items: center!important; width:30%; height:100%; color:#fff;}
.mcont &gt; div {padding:20% 10%;}
.mimg {width:70%; height:100%;}
.mtitle01 {font-size:33px; font-weight:100; letter-spacing:0.2em; line-height:1.2}
.mtitle01 span {display:inline-block; font-size:27px; letter-spacing:0.02em;}
.mtxt {margin:55px 0 35px; font-size:17px; line-height:1.88; font-weight:400;}
.mtxt02 {font-size:24px; line-height:1.88;}
.mmore {font-size:20px; font-weight:500;}


@media all and (max-width:1300px){
	#main_visual .swiper-container {margin:0 -20%;}
	.mbox {height:800px;}
	.mcont {width:40%;}
	.mimg {width:60%;}
}
@media all and (max-width:991.9px){
	#main_visual .swiper-container {margin:0 -30%;}
	#main_visual .swiper-pagination {bottom:25px;}

	.mbox {height:700px;}
}
@media all and (max-width:767.9px){
	#main_visual .swiper-container {margin:0 -50%;}
	#main_visual .txt {margin-top:0; font-size:14px; transform:translateY(-50%);}
	#main_visual .txt br {display:none;}
	#main_visual .txt .t02 {margin:10px 0; font-size:28px;}
	#main_visual .txt .t03 {max-width:350px; margin:0 auto;}


	#section04 {padding:18.4% 10% 12.8%;}
	#section04 p {margin:30px 0; font-size:14px;}
	#section04 p br {display:none;}

	#section06 {padding:33.9% 10% 25.14%;}
	#section06 p {margin:30px 0; font-size:14px;}
	#section06 p br {display:none;}

	.mbox {height:auto;}

	.mcont,
	.mimg {float:none !important; width:auto;}
	.mimg {padding-bottom:73%;}
	.mcont &gt; div {padding:15% 10%;}
	.mtitle01 {font-size:26px;}
	.mtxt {margin:35px 0 25px; font-size:15px;}
	.mmore {font-size:16px;}
}
</pre></body></html>