@charset "UTF-8";


	
	
/* pagetitle
--------------------- */
#pagetitle {
	width: 100%;
	overflow: hidden;
	position: relative;
}
#pagetitle:before {
	content: "";
	width: 100%;
	height: calc(135 * var(--vw-ratio));
	background: url("../img/bg.webp") repeat center top;
	position: absolute;
	bottom: 0;
	left: 0;
}
	#pagetitle .text {
		margin-top: calc(60 * var(--vw-ratio));
		margin-bottom: calc(100 * var(--vw-ratio));
	}
		#pagetitle .text .en {
			font-size: calc(156 * var(--vw-ratio));
			line-height: 1;
			margin-bottom: calc(25 * var(--vw-ratio));
		}

		#pagetitle .text h1 {
			font-size: calc(50 * var(--vw-ratio));
			font-weight: 900;
			line-height: 1;
		}

	#pagetitle .txt-16 {
		width: calc(840 * var(--vw-ratio));
		position: absolute;
		top: calc(180 * var(--vw-ratio));
		right: 0;
	}

	#pagetitle .loopSlider {
		height: calc(270 * var(--vw-ratio));
		overflow: hidden;
		position: relative;
	}
		#pagetitle .loopSlider .loopslider_wrap {
			height: calc(270 * var(--vw-ratio));;
			display: -webkit-flex;
			display: flex;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
			#pagetitle .loopSlider .loopslider_wrap ul {
				display: -webkit-flex;
				display: flex;
			}
				#pagetitle .loopSlider .loopslider_wrap ul li {
					width: calc(380 * var(--vw-ratio));
					margin: 0 calc(5 * var(--vw-ratio));
				}
@media screen and (max-width: 767px) {
	#pagetitle:before {
		height: calc(117 * var(--vw-ratio));
	}
		#pagetitle .text {
			margin-top: calc(40 * var(--vw-ratio));
			margin-bottom: calc(30 * var(--vw-ratio));
		}
			#pagetitle .text .en {
				font-size: calc(70 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			#pagetitle .text h1 {
				font-size: calc(30 * var(--vw-ratio));
				margin-left: 0;
			}

		#pagetitle .txt-16 {
			width: 100%;
			line-height: 1.8em;
			position: static;
			margin-bottom: calc(40 * var(--vw-ratio));
		}

		#pagetitle .loopSlider {
			height: calc(234 * var(--vw-ratio));
		}
			#pagetitle .loopSlider .loopslider_wrap {
				height: calc(234 * var(--vw-ratio));;
			}
				#pagetitle .loopSlider .loopslider_wrap ul li {
					width: calc(329 * var(--vw-ratio));
				}
}


	
	
/* area-tit
--------------------- */
.area-tit {
	font-size: calc(50 * var(--vw-ratio));
	font-weight: 900;
	line-height: 1.3em;
	margin-bottom: calc(50 * var(--vw-ratio));
}
.area-tit.center {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.area-tit {
		font-size: calc(30 * var(--vw-ratio));
		margin-bottom: calc(35 * var(--vw-ratio));
	}
}


	
	
/* branch
--------------------- */
#branch {
	background: url("../img/bg.webp") repeat center top;
	position: relative;
}
#branch:before {
	content: "";
	width: calc(250 * var(--vw-ratio));
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.tokai #branch:before {
	background: url("../../tokai/img/branch_bg-txt.svg") no-repeat left top  calc(230 * var(--vw-ratio)) /100%;
}
.hokuriku #branch:before {
	background: url("../../hokuriku/img/branch_bg-txt.svg") no-repeat left top  calc(230 * var(--vw-ratio)) /100%;
}
.kansai #branch:before {
	background: url("../../kansai/img/branch_bg-txt.svg") no-repeat left top  calc(230 * var(--vw-ratio)) /100%;
}
.shikoku #branch:before {
	background: url("../../shikoku/img/branch_bg-txt.svg") no-repeat left top  calc(230 * var(--vw-ratio)) /100%;
}
.chugoku #branch:before {
	background: url("../../chugoku/img/branch_bg-txt.svg") no-repeat left top  calc(230 * var(--vw-ratio)) /100%;
}
.kyushu #branch:before {
	background: url("../../kyushu/img/branch_bg-txt.svg") no-repeat left top  calc(230 * var(--vw-ratio)) /100%;
}
	#branch .tit {
		width: 20%;
	}

	#branch .list {
		width: 70%;
	}
		#branch .list .box {
			width: 48.5%;
			margin-right: 3%;
			margin-bottom: calc(50 * var(--vw-ratio));
		}
		#branch .list .box:nth-child(2n) {
			margin-right: 0;
		}
			#branch .list .box .text {
				padding: calc(16 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) 0 calc(30 * var(--vw-ratio));
			}
				#branch .list .box .text h3 {
					font-size: calc(24 * var(--vw-ratio));
					line-height: 1.3em;
					margin-bottom: calc(8 * var(--vw-ratio));
				}

				#branch .list .box .text .txt-16 {
					line-height: 1.6em;
				}
@media screen and (max-width: 767px) {
	#branch:before {
		width: calc(150 * var(--vw-ratio));
		left: auto;
		right: 0;
	}
	.shikoku #branch:before {
		background: url("../../shikoku/img/branch_bg-txt.svg") no-repeat left top 0 /100%;
	}
		#branch .inner {
			display: block;
		}
			#branch .tit {
				width: 100%;
			}

			#branch .list {
				width: 110%;
				margin-left: -5%;
			}
				#branch .list .box {
					width: 48%;
					margin-right: 4%;
					margin-bottom: calc(35 * var(--vw-ratio));
				}
					#branch .list .box .text {
						padding: calc(16 * var(--vw-ratio)) 0 0 0;
					}
						#branch .list .box .text h3 {
							font-size: calc(20* var(--vw-ratio));
							margin-bottom: calc(8 * var(--vw-ratio));
						}

						#branch .list .box .text .txt-16 {
							font-size: calc(13 * var(--vw-ratio));
							line-height: 1.6em;
						}
}


	
	
/* pickup
--------------------- */
#pickup {
	width: 100%;
	position: relative;
}
#pickup:before {
	content: "";
	width: 100%;
	height: 80%;
	background: url("../img/bg.webp") repeat center top;
	position: absolute;
	top: 0;
	left: 0;
}
	#pickup .project {
		background: #fff;
		padding: calc(30* var(--vw-ratio)) calc(30* var(--vw-ratio)) calc(30* var(--vw-ratio)) 0;
		position: relative;
	}
	#pickup .project:before {
		content: "PROJECT";
		font-size: calc(70* var(--vw-ratio));
		font-family: "Ramabhadra", sans-serif;
		color: #00C8FF;
		font-weight: 400;
		line-height: 1;
		position: absolute;
		top: calc(-15* var(--vw-ratio));
		left: calc(-5* var(--vw-ratio));
	}
		#pickup .project .text {
			width: 55%;
			padding: calc(60* var(--vw-ratio)) calc(70* var(--vw-ratio)) calc(50* var(--vw-ratio)) calc(70* var(--vw-ratio));
		}
			#pickup .project .text h3 {
				font-size: calc(30* var(--vw-ratio));
				font-weight: 900;
				line-height: 1.4em;
				margin-bottom: calc(20* var(--vw-ratio));
			}

		#pickup .project .pht {
			width: 45%;
			overflow: hidden;
		}
		#pickup .project .pht.actual {
			margin-top: calc(100* var(--vw-ratio));
		}
			#pickup .project .pht img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			#pickup .project .pht.actual img {
				width: 100%;
				height: auto;
				object-fit: cover;
			}
@media screen and (max-width: 767px) {
	#pickup:before {
		height: 85%;
	}
		#pickup .project {
			display: block;
			padding: 0;
		}
		#pickup .project:before {
			width: 100%;
			font-size: calc(40* var(--vw-ratio));
			text-align: center;
			top: calc(-5* var(--vw-ratio));
			left: 0;
		}
			#pickup .project .text {
				width: 100%;
				padding: calc(50* var(--vw-ratio)) calc(25* var(--vw-ratio)) calc(25* var(--vw-ratio)) calc(25* var(--vw-ratio));
			}
				#pickup .project .text h3 {
					font-size: calc(22* var(--vw-ratio));
					text-align: center;
					margin-bottom: calc(15* var(--vw-ratio));
				}
	
				#pickup .project .text .txt-16 {
					line-height: 1.6em;
				}

			#pickup .project .pht {
				width: 100%;
			}
			#pickup .project .pht.actual {
				margin-top: 0;
			}
}


	
	
/* interview
--------------------- */
#interview {
	width: 100%;
	overflow: hidden;
	position: relative;
}
	#interview .marquee {
		display: flex;
		width: 100%;
		overflow: hidden;
		position: absolute;
		top: calc(208* var(--vw-ratio));
		left: 0;
		z-index: 0;
	}
		#interview .marquee .marquee__item {
			flex: 0 0 auto;
			overflow: hidden;
			font-size: calc(147* var(--vw-ratio));
			white-space: nowrap;
			line-height: 1;
			padding-right: calc(20* var(--vw-ratio));
		}
		#interview .marquee .marquee__item:nth-child(odd) {
			animation: loop 80s -40s linear infinite;
		}
		#interview .marquee .marquee__item:nth-child(even) {
			animation: loop2 80s linear infinite;
		}
		@keyframes loop {
			0% {
				transform: translateX(100%);
			}
			to {
				transform: translateX(-100%);
			}
		}
		@keyframes loop2 {
			0% {
				transform: translateX(0);
			}
			to {
				transform: translateX(-200%);
			}
		}

	#interview .swiper-container {
		padding: 0;
		position: relative;
		border-top: solid 1px #fff;
	}
		#interview .swiper-container a.swiper-slide {
			display: block;
			padding: calc(70* var(--vw-ratio));
			border-right: solid 1px #fff;
			border-bottom: solid 1px #fff;
		}
			#interview .swiper-container a.swiper-slide .pht {
				overflow: hidden;
				position: relative;
			}
				#interview .swiper-container a.swiper-slide .pht .label {
					display: inline-block;
					background: #000;
					padding: calc(7* var(--vw-ratio)) calc(8* var(--vw-ratio)) calc(8* var(--vw-ratio)) calc(8* var(--vw-ratio));
					line-height: 1;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 2;
				}

				#interview .swiper-container a.swiper-slide .pht img {
					-moz-transition: -moz-transform 0.25s linear;
					-webkit-transition: -webkit-transform 0.25s linear;
					-o-transition: -o-transform 0.25s linear;
					-ms-transition: -ms-transform 0.25s linear;
					transition: transform 0.25s linear;
				}
				#interview .swiper-container a.swiper-slide:hover .pht img {
					-webkit-transform: scale(0.9);
					-moz-transform: scale(0.9);
					-o-transform: scale(0.9);
					-ms-transform: scale(0.9);
					transform: scale(0.9);
				}

			#interview .swiper-container a.swiper-slide .text {
				padding-top: calc(15* var(--vw-ratio));
				position: relative;
				background: url("../img/icon_arrow_white.svg") no-repeat right bottom / calc(40* var(--vw-ratio));
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#interview .swiper-container a.swiper-slide:hover .text {
				background: url("../img/icon_arrow_blue.svg") no-repeat right bottom / calc(40* var(--vw-ratio));
			}
				#interview .swiper-container a.swiper-slide .text h3 {
					font-size: calc(24* var(--vw-ratio));
					line-height: calc(34* var(--vw-ratio));
					position: absolute;
					top: calc(-100* var(--vw-ratio));
					left: calc(-30* var(--vw-ratio));
				}
					#interview .swiper-container a.swiper-slide .text h3 span {
						display: inline-block;
						background: #00C8FF;
						padding: calc(4* var(--vw-ratio)) calc(4* var(--vw-ratio)) calc(6* var(--vw-ratio)) calc(4* var(--vw-ratio));
						line-height: 1;
					}

				#interview .swiper-container a.swiper-slide .text .name {
					font-size: calc(24* var(--vw-ratio));
					font-weight: 900;
					line-height: 1.3em;
					margin-bottom: calc(8* var(--vw-ratio));
				}
				#interview .swiper-container a.swiper-slide .text .job {
					font-weight: 900;
					line-height: 1.3em;
					margin-bottom: calc(3* var(--vw-ratio));
				}
				#interview .swiper-container a.swiper-slide .text .join {
					font-weight: 900;
					line-height: 1.3em;
				}

		
		#interview .swiper-container .slide-pagination-wrapper {
			display: flex;
			justify-content: center;
			align-items: center;
		}
			#interview .swiper-container .swiper-pagination {
				width: auto;
				margin: calc(60 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
				display: flex;
				justify-content: center;
				align-items: center;
				position: static;
			}
				#interview .swiper-container .swiper-pagination .swiper-pagination-bullet {
					width: calc(10 * var(--vw-ratio));
					height: calc(10 * var(--vw-ratio));
					border-radius: 50%;
					margin: 0 calc(10 * var(--vw-ratio));
					background: #fff;
					border: none;
					opacity: 1;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#interview .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
					background: #00C8FF;
					opacity: 1;
				}

			#interview .swiper-container .swiper-button-prev {
				width: calc(50 * var(--vw-ratio));
				height: calc(50 * var(--vw-ratio));
				background: url("../img/btn_prev.svg") no-repeat center / 100%;
				border-radius: 0;
				transition: 0.3s;
				-webkit-transition: 0.3s;
				position: relative;
				top: 0;
				left: 0;
				margin: 0;
			}
			#interview .swiper-container .swiper-button-prev:after {
				display: none;
			}

			#interview .swiper-container .swiper-button-next {
				width: calc(50 * var(--vw-ratio));
				height: calc(50 * var(--vw-ratio));
				background: url("../img/btn_next.svg") no-repeat center / 100%;
				border-radius: 0;
				transition: 0.3s;
				-webkit-transition: 0.3s;
				position: relative;
				top: 0;
				left: 0;
				margin: 0;
			}
			#interview .swiper-container .swiper-button-next:after {
				display: none;
			}
			#interview .swiper-container .swiper-button-prev:hover,
			#interview .swiper-container .swiper-button-next:hover {
				opacity: 0.7;
			}
@media screen and (max-width: 767px) {
	#interview .marquee {
		top: calc(175* var(--vw-ratio));
	}
		#interview .marquee .marquee__item {
			font-size: calc(80* var(--vw-ratio));
		}

	#interview .swiper-container a.swiper-slide {
		padding: calc(25* var(--vw-ratio));
	}
		#interview .swiper-container a.swiper-slide .pht .label {
			font-size: calc(11* var(--vw-ratio));
		}

		#interview .swiper-container a.swiper-slide:hover .pht img {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}

		#interview .swiper-container a.swiper-slide .text {
			padding-top: calc(15* var(--vw-ratio));
			background: url("../img/icon_arrow_white.svg") no-repeat right bottom / calc(25* var(--vw-ratio));
		}
		#interview .swiper-container a.swiper-slide:hover .text {
			background: url("../img/icon_arrow_white.svg") no-repeat right bottom / calc(25* var(--vw-ratio));
		}
			#interview .swiper-container a.swiper-slide .text h3 {
				font-size: calc(13* var(--vw-ratio));
				line-height: calc(24* var(--vw-ratio));
				top: calc(-70* var(--vw-ratio));
				left: calc(-25* var(--vw-ratio));
			}
				#interview .swiper-container a.swiper-slide .text h3 span {
					padding: calc(6* var(--vw-ratio)) calc(4* var(--vw-ratio)) calc(6* var(--vw-ratio)) calc(4* var(--vw-ratio));
				}

			#interview .swiper-container a.swiper-slide .text .name {
				font-size: calc(18* var(--vw-ratio));
			}
			#interview .swiper-container a.swiper-slide .text .job {
				font-size: calc(12* var(--vw-ratio));
			}
			#interview .swiper-container a.swiper-slide .text .join {
				font-size: calc(12* var(--vw-ratio));
			}
	
		#interview .swiper-container .swiper-pagination {
			margin: calc(40 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
		}
			#interview .swiper-container .swiper-button-prev {
				width: calc(36 * var(--vw-ratio));
				height: calc(36 * var(--vw-ratio));
			}
			#interview .swiper-container .swiper-button-next {
				width: calc(36 * var(--vw-ratio));
				height: calc(36 * var(--vw-ratio));
			}
}


	
	
/* kv
--------------------- */
#kv .text {
	width: 40%;
	margin-top: calc(40* var(--vw-ratio));
	order: 1;
}
	#kv .label {
		display: inline-block;
		background: #000;
		padding: calc(7* var(--vw-ratio)) calc(8* var(--vw-ratio)) calc(8* var(--vw-ratio)) calc(8* var(--vw-ratio));
		line-height: 1;
	}

	#kv .text .catch {
		font-size: calc(36* var(--vw-ratio));
		font-weight: 900;
		line-height: calc(52* var(--vw-ratio));
		margin-bottom: calc(30* var(--vw-ratio));
	}
		#kv .text .catch span {
			display: inline-block;
			background: #00C8FF;
			line-height: 1;
			padding: calc(8* var(--vw-ratio));
		}

	#kv .text h1 {
		font-size: calc(32* var(--vw-ratio));
		font-weight: 900;
		line-height: 1.3em;
		margin-bottom: calc(10* var(--vw-ratio));
	}

	#kv .text .read {
		margin-top: calc(20* var(--vw-ratio));
		line-height: 1.8em;
	}

#kv .pht {
	width: 55%;
	margin-top: calc(70* var(--vw-ratio));
	order: 2;
}
@media screen and (max-width: 767px) {
	#kv .inner {
		display: block;
	}
		#kv .text {
			width: 100%;
			margin-top: calc(-55* var(--vw-ratio));
			padding-bottom: calc(60* var(--vw-ratio));
		}
			#kv .label {
				display: inline-block;
				background: #000;
				padding: calc(7* var(--vw-ratio)) calc(8* var(--vw-ratio)) calc(8* var(--vw-ratio)) calc(8* var(--vw-ratio));
				line-height: 1;
			}

			#kv .text .catch {
				font-size: calc(26* var(--vw-ratio));
				line-height: calc(42* var(--vw-ratio));
				margin-bottom: calc(25* var(--vw-ratio));
			}

			#kv .text h1 {
				font-size: calc(30* var(--vw-ratio));
				margin-bottom: calc(8* var(--vw-ratio));
			}

		#kv .pht {
			width: 113%;
			margin-top: calc(20* var(--vw-ratio));
			margin-left: calc(-35* var(--vw-ratio));
		}
}


	
	
/* content
--------------------- */
#content {
	background: #fff;
}
	#content .row .text {
		width: 40%;
	}
	#content .row:nth-child(1) .text {
		order: 2;
	}
		#content .row .text .en {
			background: url("../img/icon_q.svg") no-repeat left center / calc(40* var(--vw-ratio));
			padding-left: calc(50* var(--vw-ratio));
			line-height: calc(40* var(--vw-ratio));
			margin-bottom: calc(15* var(--vw-ratio));
		}

		#content .row .text h2 {
			font-size: calc(34* var(--vw-ratio));
			font-weight: 900;
			line-height: 1.3em;
			margin-bottom: calc(25* var(--vw-ratio));
		}

		#content .row .text .txt-16 {
			margin-bottom: calc(15* var(--vw-ratio));
		}
		#content .row .text .txt-16:nth-last-child(1) {
			margin-bottom: 0;
		}

	#content .row .pht {
		width: 53%;
		padding-top: calc(120* var(--vw-ratio));
		position: relative;
	}
	#content .row:nth-child(1) .pht {
		order: 1;
	}
	#content .row .pht:before {
		font-size: calc(100* var(--vw-ratio));
		font-family: "Ramabhadra", sans-serif;
		font-weight: 400;
		text-decoration: underline;
		line-height: 1;
		color: #00C8FF;
		position: absolute;
		top: calc(-10* var(--vw-ratio));
	}
	#content .row:nth-child(1) .pht:before {
		content: "01";
		right: 0;
	}
	#content .row:nth-child(2) .pht:before {
		content: "02";
		left: 0;
	}
@media screen and (max-width: 767px) {
	#content .row {
		display: block;
	}
		#content .row .text {
			width: 100%;
		}
			#content .row .text h2 {
				font-size: calc(30* var(--vw-ratio));
				margin-bottom: calc(20* var(--vw-ratio));
			}

			#content .row .text .txt-16 {
				margin-bottom: calc(12* var(--vw-ratio));
			}

		#content .row .pht {
			width: 100%;
			padding-top: calc(30* var(--vw-ratio));
		}
	#content .row .pht:before {
		font-size: calc(80* var(--vw-ratio));
		top: calc(-10* var(--vw-ratio));
	}
}


	
	
/* message
--------------------- */
#message {
	background: url("../img/title_message.svg") no-repeat center top calc(120* var(--vw-ratio)) / 100%;
}
	#message .txt-16 {
		width: calc(900* var(--vw-ratio));
		margin: calc(120* var(--vw-ratio)) auto 0 auto;
	}
@media screen and (max-width: 767px) {
	#message {
		background: url("../img/title_message.svg") no-repeat center top calc(60* var(--vw-ratio)) / 170%;
	}
		#message .txt-16 {
			width: 100%;
			margin: calc(60* var(--vw-ratio)) auto 0 auto;
		}
}


	
	
/* oneday
--------------------- */
#oneday {
	background: url("../img/title_oneday.svg") no-repeat center top calc(120* var(--vw-ratio)) / 100%;
}
	#oneday .flow {
		width: calc(800* var(--vw-ratio));
		margin: calc(120* var(--vw-ratio)) auto 0 auto;
	}
		#oneday .flow .cell {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			padding-top: calc(25* var(--vw-ratio));
			padding-bottom: calc(25* var(--vw-ratio));
			border-bottom: solid 1px #fff;
			position: relative;
		}
		#oneday .flow .cell:nth-last-child(1) {
			border-bottom: none;
		}
		#oneday .flow .cell:before {
			content: "";
			width: calc(14* var(--vw-ratio));
			height: calc(14* var(--vw-ratio));
			background: #00C8FF;
			border-radius: 50%;
			position: absolute;
			top: 50%;
			left: calc(70* var(--vw-ratio));
			margin-top: calc(-7* var(--vw-ratio));
		}
		#oneday .flow .cell:after {
			content: "";
			width: calc(2* var(--vw-ratio));
			height: 100%;
			background: #00C8FF;
			position: absolute;
			top: 0;
			left: calc(76* var(--vw-ratio));
		}
			#oneday .flow .cell time {
				display: block;
				width: 13%;
			}

			#oneday .flow .cell .text {
				width: 87%;
			}
@media screen and (max-width: 767px) {
	#oneday {
		background: url("../img/title_oneday.svg") no-repeat center top calc(60* var(--vw-ratio)) / 170%;
	}
		#oneday .flow {
			width: 100%;
			margin: calc(60* var(--vw-ratio)) auto 0 auto;
		}
			#oneday .flow .cell time {
				width: 32%;
			}

			#oneday .flow .cell .text {
				width: 68%;
			}
				#oneday .flow .cell .text .txt-15 {
					margin-top: calc(4* var(--vw-ratio));
				}
}


	
	
/* holiday
--------------------- */
#holiday {
	overflow: hidden;
	background: url("../img/bg.webp") no-repeat center top;
	padding-bottom: calc(80* var(--vw-ratio));
}
	#holiday .h-tit {
		text-align: center;
		margin-bottom: calc(40* var(--vw-ratio));
	}
		#holiday .h-tit .en {
			font-size: calc(80* var(--vw-ratio));
			line-height: 1;
			color: #fff;
			margin-bottom: calc(5* var(--vw-ratio));
		}

		#holiday .h-tit h2 {
			font-size: calc(24* var(--vw-ratio));
			line-height: 1;
		}

	#holiday ul.pht-list li {
		width: 31%;
	}
	#holiday .swiper-container {
		padding: 0;
		position: relative;
		border-top: solid 1px #fff;
	}
		#holiday .swiper-container .swiper-slide img {
			-moz-transition: -moz-transform 0.2s linear;
			-webkit-transition: -webkit-transform 0.2s linear;
			-o-transition: -o-transform 0.2s linear;
			-ms-transition: -ms-transform 0.2s linear;
			transition: transform 0.2s linear;
		}
		#holiday .swiper-container .swiper-slide:hover img {
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-o-transform: scale(1.05);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
		}

		#holiday .swiper-container .swiper-slide .txt-16 {
			text-align: center;
			margin-top: calc(5* var(--vw-ratio));
		}
		
		#holiday .swiper-container .slide-pagination-wrapper {
			display: flex;
			justify-content: center;
			align-items: center;
		}
			#holiday .swiper-container .swiper-pagination {
				width: auto;
				margin: calc(60 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
				display: flex;
				justify-content: center;
				align-items: center;
				position: static;
			}
				#holiday .swiper-container .swiper-pagination .swiper-pagination-bullet {
					width: calc(10 * var(--vw-ratio));
					height: calc(10 * var(--vw-ratio));
					border-radius: 50%;
					margin: 0 calc(10 * var(--vw-ratio));
					background: #ddd;
					border: none;
					opacity: 1;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#holiday .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
					background: #00C8FF;
					opacity: 1;
				}

			#holiday .swiper-container .swiper-button-prev {
				width: calc(50 * var(--vw-ratio));
				height: calc(50 * var(--vw-ratio));
				background: url("../img/btn_prev.svg") no-repeat center / 100%;
				border-radius: 0;
				transition: 0.3s;
				-webkit-transition: 0.3s;
				position: relative;
				top: 0;
				left: 0;
				margin: 0;
			}
			#holiday .swiper-container .swiper-button-prev:after {
				display: none;
			}

			#holiday .swiper-container .swiper-button-next {
				width: calc(50 * var(--vw-ratio));
				height: calc(50 * var(--vw-ratio));
				background: url("../img/btn_next.svg") no-repeat center / 100%;
				border-radius: 0;
				transition: 0.3s;
				-webkit-transition: 0.3s;
				position: relative;
				top: 0;
				left: 0;
				margin: 0;
			}
			#holiday .swiper-container .swiper-button-next:after {
				display: none;
			}
			#holiday .swiper-container .swiper-button-prev:hover,
			#holiday .swiper-container .swiper-button-next:hover {
				opacity: 0.7;
			}
@media screen and (max-width: 767px) {
	#holiday {
		padding-bottom: calc(30* var(--vw-ratio));
	}
		#holiday .h-tit {
			text-align: center;
			margin-bottom: calc(40* var(--vw-ratio));
		}
			#holiday .h-tit .en {
				font-size: calc(60* var(--vw-ratio));
				line-height: 1;
				color: #fff;
				margin-bottom: calc(5* var(--vw-ratio));
			}

			#holiday .h-tit h2 {
				font-size: calc(24* var(--vw-ratio));
				line-height: 1;
			}

			#holiday .swiper-container .swiper-slide .txt-16 {
				margin-top: calc(10* var(--vw-ratio));
				font-size: calc(12* var(--vw-ratio));
				line-height: 1.6em;
			}

			#holiday .swiper-container .swiper-button-prev {
				width: calc(50 * var(--vw-ratio));
				height: calc(50 * var(--vw-ratio));
				background: url("../img/btn_prev.svg") no-repeat center / 100%;
				border-radius: 0;
				transition: 0.3s;
				-webkit-transition: 0.3s;
				position: relative;
				top: 0;
				left: 0;
				margin: 0;
			}
			#holiday .swiper-container .swiper-button-prev:after {
				display: none;
			}

			#holiday .swiper-container .swiper-pagination {
				margin: calc(40 * var(--vw-ratio)) calc(10 * var(--vw-ratio));
			}
				#holiday .swiper-container .swiper-button-prev {
					width: calc(34 * var(--vw-ratio));
					height: calc(34 * var(--vw-ratio));
				}
				#holiday .swiper-container .swiper-button-next {
					width: calc(34 * var(--vw-ratio));
					height: calc(34 * var(--vw-ratio));
				}
}