@charset "UTF-8";
body#top header {
	background: none;
	border: none;
	border-radius: 0;
	backdrop-filter: blur(0);
	&:before {
		content: "";
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);
		width: 100%;
		height: 1px;
		position: absolute;
		bottom: -8px;
		left: 0;
	}
	.logo {
		a {
			.logo-text {
				background-image: url(../images/common/logo-text-wh.svg);
			}
		}
	}
	.gnav {
		.gnav-list {
			.gnav-item {
				a {
					color: #fff;
					@media (hover: hover) {
						&:hover {
							color: var(--color-blue);
						}
					}
				}
			}
		}
	}
	.button-menu {
		span {
			background-color: #fff;
		}
		p {
			color: #fff;
		}
	}
	&.is-scroll {
		border-radius: 9999px;
		border: 2px solid rgba(222, 222, 222, 0.3);
		background: rgba(255, 255, 255, 0.7);
		backdrop-filter: blur(5px);
		&:before {
			display: none;
		}
		.logo {
			a {
				.logo-text {
					background-image: url(../images/common/logo-text.svg);
				}
			}
		}
		.gnav {
			.gnav-list {
				.gnav-item {
					a {
						color: var(--color-base);
						@media (hover: hover) {
							&:hover {
								color: var(--color-blue);
							}
						}
					}
				}
			}
		}
		.button-menu {
			span {
				background-color: var(--color-deepblue);
			}
			p {
				color: var(--color-deepblue);
			}
		}
	}
	&.active {
		backdrop-filter: blur(0);
		background: rgba(255, 255, 255, 1);
		border-radius: 38px 38px 0 0;
		.logo {
			a {
				.logo-text {
					background-image: url(../images/common/logo-text.svg);
				}
			}
		}
		.button-menu {
			span {
				background-color: var(--color-deepblue);
			}
			p {
				color: var(--color-deepblue);
			}
		}
	}
}
/* -----------------------------------------------------------
	.p-mainvisual
----------------------------------------------------------- */
.p-mainvisual {
	position: relative;
	width: 100%;
	height: 100dvh;
	@media (min-width: 768px) and (max-width: 1024px) {
		height: 75dvh;
	}
	.p-mainvisual__slider {
		width: 100%;
		height: 100%;
		.swiper-wrapper {
			.swiper-slide {
				position: relative;
				&::before {
					content: "";
					background: rgba(0, 0, 0, 0.2);
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
				}
				&::after {
					content: "";
					background: #0063B2;
					background: linear-gradient(0deg, rgba(0, 99, 178, 0.6) 0%, rgba(0, 99, 178, 0) 100%);
					width: 100%;
					height: 50%;
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: 2;
				}
				picture {
					width: 100%;
					height: 100%;
					overflow: hidden;
					img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				}
			}
		}
	}
	.p-mainvisual__text {
		position: absolute;
		bottom: 24px;
		left: 3.9vw;
		width: calc(100% - 3.9vw);
		display: flex;
		align-items: flex-end;
		gap:4.4vw;
		z-index: 5;
		@media (max-width: 767px) {
			flex-direction: column;
			gap:12px;
			left: 0;
			width: calc(100% - 16px);
			margin: 0 auto;
			bottom: 16px;
		}
		.catchcopy__en {
			font-family: var(--font-sans);
			font-style: italic;
			font-weight: 200;
			line-height: 1;
			text-transform: uppercase;
			color: #fff;
			font-size: 9.2vw;
			overflow: hidden;
			@media (max-width: 767px) {
				order:2;
				font-size: 15vw;
			}
			span {
				display: inline-block;
				transform: translateY(2em);
				&:nth-child(1),
				&:nth-child(2),
				&:nth-child(3),
				&:nth-child(4),
				&:nth-child(12),
				&:nth-child(13),
				&:nth-child(14),
				&:nth-child(15),
				&:nth-child(16),
				&:nth-child(17),
				&:nth-child(18) {
					font-weight: 500;
					font-style: italic;
				}
			}
			.head {
				padding-left: 0.25em;
			}
			.small {
				font-size: 71.4%;
			}
			&.is-active {
				span {
					animation: textanimation 0.5s forwards;
					&:nth-child(1) { animation-delay: 0.1s;}
					&:nth-child(2) { animation-delay: 0.15s;}
					&:nth-child(3) { animation-delay: 0.2s;}
					&:nth-child(4) { animation-delay: 0.25s;}
					&:nth-child(5) { animation-delay: 0.3s;}
					&:nth-child(6) { animation-delay: 0.35s;}
					&:nth-child(7) { animation-delay: 0.4s;}
					&:nth-child(8) { animation-delay: 0.1s;}
					&:nth-child(9) { animation-delay: 0.15s;}
					&:nth-child(10) { animation-delay: 0.2s;}
					&:nth-child(11) { animation-delay: 0.25s;}
					&:nth-child(12) { animation-delay: 0.3s;}
					&:nth-child(13) { animation-delay: 0.35s;}
					&:nth-child(14) { animation-delay: 0.4s;}
					&:nth-child(15) { animation-delay: 0.45s;}
					&:nth-child(16) { animation-delay: 0.5s;}
					&:nth-child(17) { animation-delay: 0.55s;}
					&:nth-child(18) { animation-delay: 0.6s;}
				}
			}
		}
		.catchcopy__jp {
			padding-bottom: 56px;
			color: #fff;
			font-weight: 700;
			letter-spacing: 0.24em;
			font-size: 1.65vw;
			@media (max-width: 767px) {
				padding-bottom: 0;
				order:1;
				font-size: 4vw;
			}
			&.is_active {
				transition-delay: 2s;
			}
		}
	}
}

/* -----------------------------------------------------------
	.p-about
----------------------------------------------------------- */
.p-about {
	position: relative;
	background: url(../images/common/bg-sky.avif) center bottom no-repeat;
	background-size: 100% 100%;
	padding-bottom: 160px;
	@media (max-width: 767px) {
		padding-bottom: 80px;
	}
	.deco-ribbon {
		position: absolute;
		top: -134px;
		left: 0;
		max-width: 337px;
		width: 23.4vw;
		aspect-ratio: 1/0.984;
		z-index: 1;
		@media (min-width: 1025px) and (max-width: 1439px) {
			top: -9vw;
		}
	}
	.p-about__outline {
		padding: 240px 4.9% 0 11.1%;
		position: relative;
		@media (min-width: 768px) and (max-width: 1024px) {
			padding: 160px 4.9% 0;
		}
		@media (max-width: 767px) {
			padding: 160px 4.9% 0;
		}
		.p-about__title {
			.catchcopy_en {
				font-size: calc(128 * var(--rem));
				font-family: var(--font-sans);
				font-style: italic;
				font-weight: 600;
				text-transform: uppercase;
				line-height: 1;
				@media (min-width: 768px) and (max-width: 1024px) {
					font-size: calc(100 * var(--rem));
				}
				@media (max-width: 767px) {
					font-size: calc(60 * var(--rem));
				}
				.section_text {
					display: block;
					&:first-child {
						span {
							&:nth-child(6) {
								padding-left: 0.25em;
							}
						}
					}
					&:last-child {
						span {
							&:nth-child(4) {
								padding-left: 0.25em;
							}
							&:last-child {
								font-size: 78.1%;
							}
						}
					}
				}
			}
			.catchcopy_jp {
				font-size: calc(30 * var(--rem));
				font-weight: 500;
				letter-spacing: 0.24em;
				margin-top: 24px;
				@media (max-width: 767px) {
					font-size: calc(20 * var(--rem));
					margin-top: 16px;
				}
			}
		}
		.img {
			max-width: 320px;
			width: 22.2vw;
			position: absolute;
			bottom: 0;
			right: 4.9%;
			@media (max-width: 767px) {
				width: 26vw;
				bottom: -40px;
			}
			img {
				border-radius: 8px;
			}
		}
	}
	.p-about__detail {
		display: flex;
		justify-content: space-between;
		padding: 0 2.8%;
		margin-top: 120px;
		@media (max-width: 767px) {
			flex-direction: column;
			padding: 0 4.9%;
			margin-top: 40px;
		}
		.imgs {
			width: 50%;
			margin-top: 40px;
			display: flex;
			gap:2.8%;
			@media (min-width: 768px) and (max-width: 1024px) {
				width: 45%;
				flex-direction: column;
			}
			@media (max-width: 767px) {
				width: 100%;
				gap:5%;
			}
			.item-img {
				width: 27.8vw;
				@media (min-width: 768px) and (max-width: 1024px) {
					width: 80%;
				}
				@media (max-width: 767px) {
					width: 55%;
				}
				img {
					border-radius: 8px;
				}
				&:last-child {
					width: 16.7vw;
					padding-top: 50%;
					@media (min-width: 768px) and (max-width: 1024px) {
						padding-top: 0;
						align-self: flex-end;
					}
					@media (max-width: 767px) {
						width: 40%;
						padding-top: 30%;
					}
				}
			}
		}
		.p-about__detail__contents {
			width: 47%;
			@media (max-width: 767px) {
				width: 100%;
				margin-top: 48px;
				padding: 0 2%;
			}
			h3 {
				font-size: calc(30 * var(--rem));
				font-weight: 500;
				letter-spacing: 0.24em;
				margin-bottom: 40px;
				@media (min-width: 768px) and (max-width: 1024px) {
					font-size: calc(26 * var(--rem));
				}
				@media (max-width: 767px) {
					font-size: calc(22 * var(--rem));
					letter-spacing: 0.08em;
					margin-bottom: 24px;
					br {
						display: none;
					}
				}
			}
			.text {
				display: flex;
				flex-direction: column;
				gap:1em;
				p {
					font-size: calc(20 * var(--rem));
					font-weight: 500;
					line-height: 2;
					letter-spacing: 0.06em;
					@media (min-width: 768px) and (max-width: 1024px) {
						font-size: calc(18 * var(--rem));
					}
					@media (max-width: 767px) {
						font-size: calc(15 * var(--rem));
						letter-spacing: 0;
						&:first-child {
							br {
								display: none;
							}
						}
					}
				}
			}
			.c-button-basic {
				margin-top: 64px;
				@media (max-width: 767px) {
					margin-top: 40px;
					width: 80%;
				}
			}
		}
	}
}

/* -----------------------------------------------------------
	.p-business
----------------------------------------------------------- */
.p-business {
	background-image: url(../images/common/bg-ribbon.avif);
	background-position: center bottom;
	background-size: cover;
	overflow: hidden;
	width: 100%;
	.p-business__heading {
		.catchcopy_en {
			text-align: center;
			overflow: hidden;
			>span {
				font-family: var(--font-sans);
				font-style: italic;
				font-weight: 500;
				line-height: 1;
				text-transform: uppercase;
				font-size: 9vw;
				span {
					&:nth-child(1) {color:#51C1F0;}
					&:nth-child(2) {color: #4ebeee;}
					&:nth-child(3) {color: #4bbced;}
					&:nth-child(4) {color: #46b8ea;}
					&:nth-child(5) {color: #42b5e9;}
					&:nth-child(6) {color: #3db1e6;}
					&:nth-child(7) {color: #39ade4;}
					&:nth-child(8) {color: #36aae2;}
					&:nth-child(9) {padding-left: 0.25em; color: #2fa5e0;}
					&:nth-child(10) {color: #29a0dc;}
					&:nth-child(11) {padding-left: 0.25em; color: #239bda;}
					&:nth-child(12) {color: #2098d8;}
					&:nth-child(13) {color: #1b94d6;}
					&:nth-child(14) {color: #1691d4;}
					&:nth-child(15) {color: #118dd1;}
					&:nth-child(16) {color: #0d89d0;}
					&:nth-child(17) {color: #0986cd;}
				}
			}
			.view_sp {
				>span {
					display: block;
					font-size: 16vw;
					&:first-child {
						span {
							&:nth-child(1) {color:#51C1F0;}
							&:nth-child(2) {color: #4ebeee;}
							&:nth-child(3) {color: #4bbced;}
							&:nth-child(4) {color: #46b8ea;}
							&:nth-child(5) {color: #42b5e9;}
							&:nth-child(6) {color: #3db1e6;}
							&:nth-child(7) {color: #39ade4;}
							&:nth-child(8) {color: #36aae2;}
						}
					}
					&:last-child {
						span {
							&:nth-child(1) {color: #2fa5e0;}
							&:nth-child(2) {color: #29a0dc;}
							&:nth-child(3) {padding-left: 0.25em; color: #239bda;}
							&:nth-child(4) {color: #2098d8;}
							&:nth-child(5) {color: #1b94d6;}
							&:nth-child(6) {color: #1691d4;}
							&:nth-child(7) {color: #118dd1;}
							&:nth-child(8) {color: #0d89d0;}
							&:nth-child(9) {padding-left: 0; color: #0986cd;}
						}
					}
				}
			}
		}
		.p-business__title {
			font-size: calc(42 * var(--rem));
			font-weight: 500;
			letter-spacing: 0.06em;
			padding-left: 7.2vw;
			margin-top: 88px;
			line-height: 1.5;
			@media (min-width: 768px) and (max-width: 1024px) {
				margin-top: 40px;
			}
			@media (max-width: 767px) {
				font-size: calc(22 * var(--rem));
				margin-top: 24px;
				br {
					display: none;
				}
			}
			em {
				background: linear-gradient(90deg, #54C3F1 0%, #0885CD 100%);
				background-clip: text;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				font-weight: 700;
			}
		}
	}
	.p-business__contents {
		padding-top: 88px;
		position: relative;
		@media (min-width: 768px) and (max-width: 1024px) {
			padding-top: 64px;
		}
		@media (max-width: 767px) {
			display: flex;
			flex-direction: column;
			padding-top: 64px;
		}
		.aircraftText {
			background: rgba(255, 255, 255, 0.4);
			backdrop-filter: blur(25px);
			padding: 64px 15%;
			@media (min-width: 768px) and (max-width: 1024px) {
				padding: 64px 10%;
			}
			@media (max-width: 767px) {
				order:2;
				padding: 48px 10% 24px;
				width: 100%;
				margin-top: -30px;
			}
			.swiper-wrapper {
				.swiper-slide {
					height:auto;
					.maker {
						opacity: 0.6;
						font-size: 87.5%;
					}
					h3 {
						font-family: "Jost","Zen Kaku Gothic New", sans-serif;
						font-weight: 500;
						font-size: calc(48 * var(--rem));
						letter-spacing: 0.06em;
						line-height: 1.3;
						@media (min-width: 768px) and (max-width: 1024px) {
							font-size: calc(40 * var(--rem));
						}
						@media (max-width: 767px) {
							font-size: calc(28 * var(--rem));
						}
					}
					.sub {
						font-size: calc(20 * var(--rem));
						font-weight: 500;
						@media (max-width: 767px) {
							font-size: calc(14 * var(--rem));
						}
					}
					.txt {
						margin-top: 40px;
						max-width: 360px;
						@media (min-width: 768px) and (max-width: 1024px) {
							margin-top: 24px;
							max-width: 280px;
						}
						@media (max-width: 767px) {
							margin-top: 16px;
							max-width: 100%;
						}
					}
				}
			}
		}
		.aircraftCards {
			width: 40%;
			position: absolute;
			right: 10%;
			top:50%;
			transform:translateY(-65%);
			z-index: 10;
			overflow:visible;
			@media (min-width: 768px) and (max-width: 1024px) {
				right: 5%;
			}
			@media (max-width: 767px) {
				width: 75%;
				position: static;
				order:1;
				transform:translateY(0);
			}
			.swiper-wrapper {
				rotate: 5deg;
				.swiper-slide {
					position: relative;
					&::after {
						content: "";
						width: 100%;
						max-width: 560px;
						aspect-ratio: 59/79;
						position: absolute;
						top: 0;
						left: 0;
						border-radius: 16px;
						background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
					}
					img {
						border-radius: 16px;
						width: 100%;
						max-width: 560px;
					}
					&.swiper-slide-active {
						overflow: visible;
						&::after {
							display: none;
						}
						img {
							transform: rotate(10deg) scale(1);
						}
					}
				}
			}
		}
		.aircraft-prev,
		.aircraft-next{
			width:64px;
			height:64px;
			background:#fff;
			border-radius: 8px;
			border-right: 1px solid #FFF;
			border-bottom: 1px solid #FFF;
			background: rgba(255, 255, 255, 0.6);
			box-shadow: 0 0 10px 0 rgba(0, 124, 200, 0.3);
			backdrop-filter: blur(25px);
			display:flex;
			align-items:center;
			justify-content:center;
			cursor:pointer;
			position:absolute;
			top:50%;
			transform:translateY(-50%);
			z-index:20;
			transition: 0.3s;
			@media (max-width: 767px) {
				width: 40px;
				height: 40px;
				top:40%;
			}
			img {
				width: 24px;
				aspect-ratio: 1;
				transition: 0.3s;
				@media (max-width: 767px) {
					width: 16px;
				}
			}
			@media (hover: hover) {
				&:hover {
					background: rgba(255, 255, 255, 1);
					img {
						scale: 1.2;
					}
				}
			}
		}
		.aircraft-prev{
			left:2.8%;
			@media (min-width: 768px) and (max-width: 1024px) {
				left: 0;
			}
			@media (max-width: 767px) {
				left: 0;
			}
			img {
				transform: scale(-1, 1);
			}
		}
		.aircraft-next{
			right:2.8%;
			@media (min-width: 768px) and (max-width: 1024px) {
				right: 0;
			}
			@media (max-width: 767px) {
				right: 0;
			}
		}
	}
	.p-business__buttons {
		margin-top: 160px;
		display: flex;
		justify-content: center;
		gap:24px;
		@media (min-width: 768px) and (max-width: 1024px) {
			margin-top: 80px;
		}
		@media (max-width: 767px) {
			flex-direction: column;
			margin-top: 40px;
			gap:8px;
		}
		.c-button-basic {
			width: 320px;
			@media (max-width: 767px) {
				margin-inline: auto;
			}
		}
	}
}

/* -----------------------------------------------------------
	.p-news
----------------------------------------------------------- */
.p-news {
	padding: 240px 0;
	@media (max-width: 767px) {
		padding: 160px 0;
	}
	.c-title-basic {
		margin-bottom: 40px;
		@media (max-width: 767px) {
			margin-bottom: 24px;
		}
	}
	.p-news__list {
		border-top: 1px solid var(--color-border);
		.p-news__item {
			border-bottom: 1px solid var(--color-border);
			a {
				padding: 40px 0;
				display: grid;
				grid-template-columns: auto 140px 1fr 24px;
				grid-template-rows: 1fr;
				align-items: center;
				gap:40px;
				position: relative;
				@media (min-width: 768px) and (max-width: 1024px) {
					gap:24px;
				}
				@media (max-width: 767px) {
					padding: 32px 0;
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					gap:12px 16px;
				}
				&::after {
					content: "";
					position: absolute;
					bottom: 0;
					left: 0;
					width: 0;
					height: 1px;
					background-color: var(--color-blue);
					transition: 0.3s;
				}
				.date {
					padding-left: 24px;
					font-family: var(--font-sans);
					font-weight: 500;
					line-height: 1;
					letter-spacing: 0.06em;
					@media (max-width: 767px) {
						padding-left: 0;
					}
				}
				.category {
					background-color: var(--color-blue);
					color: #fff;
					border-radius: 8px;
					padding: 10px;
					min-width: 140px;
					font-size: 93.8%;
					text-align: center;
					@media (max-width: 767px) {
						padding: 2px 10px;
					}
				}
				.heading {
					font-size: 125%;
					font-weight: 500;
					@media (max-width: 767px) {
						width: calc(100% - 48px);
					}
				}
				.icon {
					position: relative;
					width: 24px;
					aspect-ratio: 1;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					img {
						position: relative;
						z-index: 1;
						width: 14px;
						aspect-ratio: 1;
					}
					&::before {
						content: "";
						width: 100%;
						height: 100%;
						border-radius: 50%;
						background: linear-gradient(90deg, #54C3F1 0%, #0885CD 100%);
						background-color: #fff;
						position: absolute;
						inset: 0;
						margin: auto;
						transition: transform .3s ease;
					}
				}
				@media (hover: hover) {
					&:hover {
						&::after {
							width: 100%;
						}
						.icon {
							&::before {
								transform: scale(1.2);
							}
						}
					}
				}
			}
		}
	}
	.c-button-basic {
		margin-left: auto;
		margin-top: 64px;
		@media (max-width: 767px) {
			margin-top: 40px;
			width: 80%;
			margin-inline: auto;
		}
	}
}

/* -----------------------------------------------------------
	.p-recruit
----------------------------------------------------------- */
.p-recruit {
	position:relative;
	min-height:1105px;
	overflow:hidden;
	background: linear-gradient(107deg, #54C3F1 0%, #0885CD 100%);
	@media (max-width: 767px) {
		min-height: auto;
	}
	.recruit__img {
		position:absolute;
		border-radius:8px;
		overflow:hidden;
		img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.recruit__img--main{
		width:min(40vw,541px);
		aspect-ratio:4/3;
		left:10%;
		top:40%;
		@media (min-width: 768px) and (max-width: 1024px) {
			left: 2%;
		}
		@media (max-width: 767px) {
			width: 60vw;
			right: -20px;
			left: auto;
			top: -10px;
		}
		&.is-active {
			animation-delay:.4s;
		}
	}
	.recruit__img--01{
		width:min(28vw,400px);
		aspect-ratio:4/3;
		left:2%;
		top:5%;
		@media (max-width: 767px) {
			top: 23%;
			left: -5%;
		}
		&.is-active {
			animation-delay:.1s;
		}
	}
	.recruit__img--02{
		width:min(18vw,246px);
		aspect-ratio:4/3;
		right:5%;
		top:4%;
		@media (max-width: 767px) {
			display: none;
		}
		&.is-active {
			animation-delay:.2s;
		}
	}
	.recruit__img--03{
		width:min(16vw,322px);
		aspect-ratio:4/3;
		left:-2%;
		bottom:0;
		@media (max-width: 767px) {
			width: 35vw;
			left: -10px;
			bottom: -8px;
		}
		&.is-active {
			animation-delay:.3s;
		}
	}
	.recruit__img--blur{
		background-color: #000;
		filter:blur(2px);
		opacity:0.8;
		@media (max-width: 767px) {
			transform: translateZ(0);
		}
	}
	.recruit__img--deepblur{
		background-color: #000;
		filter:blur(10px);
		opacity:0.8;
		@media (max-width: 767px) {
			transform: translateZ(0);
		}
	}
	.recruit__img--04{
		width:145px;
		top:-20px;
		left:55%;
		@media (max-width: 767px) {
			left: 80%;
		}
		&.is-active {
			animation-delay:.4s;
		}
	}
	.recruit__img--05{
		width:145px;
		bottom:40px;
		left:45%;
		@media (min-width: 768px) and (max-width: 1024px) {
			left: 30%;
		}
		
		&.is-active {
			animation-delay:.5s;
		}
	}
	.recruit__img--06{
		width:145px;
		right:-40px;
		top:55%;
		&.is-active {
			animation-delay:.6s;
		}
	}
	.recruit__img--07{
		width:246px;
		right:-20px;
		bottom:0;
		@media (max-width: 767px) {
			width: 20vw;
		}
		&.is-active {
			animation-delay:.7s;
		}
	}
	.recruit__img--08{
		width:246px;
		left:-170px;
		top:55%;
		@media (max-width: 767px) {
			display: none;
		}
		&.is-active {
			animation-delay:.8s;
		}
	}
	.p-recruit__content {
		position: relative;
		z-index: 10;
		width:min(90%,1200px);
		margin:0 auto;
		padding: clamp(80px,10vw,140px) 0;
		color: #fff;
		.title-jp {
			position: relative;
			padding-left: 48px;
			font-size: calc(24 * var(--rem));
			line-height: 1;
			font-weight: 500;
			letter-spacing: 0.06em;
			margin-bottom: 40px;
			margin-left:45%;
			@media (max-width: 767px) {
				font-size: calc(16 * var(--rem));
				margin-left: 5%;
				margin-bottom: 24px;
			}
			&:before {
				content: "";
				width: 32px;
				height: 2px;
				border-radius: 1px;
				background-color: #fff;
				position: absolute;
				top: 0.25em;
				left: 0;
			}
		}
		.catchcopy_en {
			font-family: var(--font-sans);
			font-size: calc(128 * var(--rem));
			font-style: italic;
			font-weight: 600;
			line-height: 1;
			letter-spacing: 0.06em;
			text-transform: uppercase;
			margin-left: 45%;
			margin-bottom: 48px;
			@media (min-width: 1025px) and (max-width: 1280px) {
				font-size: calc(116 * var(--rem));
			}
			@media (min-width: 768px) and (max-width: 1024px) {
				font-size: calc(90 * var(--rem));
			}
			@media (max-width: 767px) {
				font-size: calc(64 * var(--rem));
				margin-left: 5%;
				margin-bottom: 32px;
			}
			>span {
				display: block;
				&:nth-child(2) {
					span {
						&:nth-child(4) {
							padding-left: 0.25em;
						}
					}
				}
				&:last-child {
					span {
						&:last-child {
							font-size: 76.6%;
						}
					}
				}
			}
		}
		h3 {
			font-size: calc(24 * var(--rem));
			font-weight: 700;
			letter-spacing: 0.24em;
			margin-bottom: 24px;
			margin-left:58%;
			@media (min-width: 1025px) and (max-width: 1280px) {
				letter-spacing: 0.08em;
			}
			@media (min-width: 768px) and (max-width: 1024px) {
				margin-left: 45%;
			}
			@media (max-width: 767px) {
				font-size: calc(18 * var(--rem));
				margin-left: 10%;
				margin-bottom: 16px;
			}
		}
		>.txt {
			font-weight: 500;
			line-height: 2;
			margin-left:58%;
			@media (min-width: 768px) and (max-width: 1024px) {
				margin-left: 45%;
			}
			@media (max-width: 767px) {
				margin-left: 10%;
				br {
					display: none;
				}
			}
		}
		.c-button-basic {
			margin-top: 40px;
			margin-left:58%;
			@media (min-width: 768px) and (max-width: 1024px) {
				margin-left: 45%;
			}
			@media (max-width: 767px) {
				margin-left: 10%;
				width: 60%;
				margin-top: 24px;
			}
		}
	}
}
@keyframes fadeIn{
	to{
		opacity:1;
		transform: translateY(0) scale(1);
	}
}