@charset "utf-8";
.service_section {
		position: relative;
}
.service_horizon_wrap {
		height: 350vw;
}
.sticky-container, .horizontal-panel {
		height: 100vh;
}
.sticky-container {
		position: sticky;
		top: 0;
		left: 0;
		overflow: hidden;
		z-index: 5;
}
.horizontal-content {
		display: flex;
		flex-wrap: wrap;
		width: 300vw;
}
.horizontal-panel {
		width: 100vw;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
}
.horizontal-panel.last.lastActive h3, .horizontal-panel.last.lastActive h4, .horizontal-panel.last.lastActive p {
		pointer-events: auto;
}
.service_foryou {
		width: 90vw;
		position: relative;
}
.service_foryou .wht {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
}
.service_foryou div img {
		width: 100%;
		height: auto;
}
.service_foryou .wht img {
		mask-image: url("../images/service_plusforyou_mask.png");
		mask-repeat: no-repeat;
		mask-position: 0 0;
		mask-size: 100% 100%;
		-webkit-mask-image: url("../images/service_plusforyou_mask.png");
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: 0 0;
		-webkit-mask-size: 100% 100%;
		transition: -webkit-mask-position 1.7s cubic-bezier(0.16, 1, 0.3, 1), mask-position 1.7s cubic-bezier(0.16, 1, 0.3, 1), left 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.service_foryou .service_jetPlane {
		position: absolute;
		width: 50px;
		right: 0;
		top: calc(50% - 25px);
}
.service_foryou .service_jetPlane_line {
		position: absolute;
		width: 1px;
		height: 1px;
		left: calc(100% - 10px);
		top: calc(50% - 1px);
		background: rgba(255, 255, 255, 0.2);
		transform-origin: left center;
}
.service_jetPlane_line.isOff {
		background: rgba(255, 255, 255, 0);
}
.service_foryou img {
		width: 100%;
		height: auto
}
.top_arw_gr {
		position: fixed;
		width: 100%;
		height: 100vh;
		height: 100svh;
		z-index: 0;
		opacity: 0;
		transition: opacity 0.3s;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center
}
.top_arw_gr.isOn {
		opacity: 1
}
.top_arw_gr .top_arw_vt {
		position: absolute;
		top: 0;
		left: calc(50% - 13vh);
		width: 26vh;
		height: 100%;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
}
.top_arw_gr .top_arw_hr {
		position: absolute;
		top: calc(50vh - 13vh);
		left: 0;
		width: 100%;
		height: 26vh;
		display: flex;
		justify-content: center;
		align-items: center;
		pointer-events: none;
}
.blkArwLeft img, .blkArwRight img, .blkArwUp img, .blkArwDown img {
		width: 100%;
		height: auto
}
.blkArwLeft, .blkArwRight {
		width: 26vh;
		margin: 0 10px;
}
.blkArwUp, .blkArwDown {
		width: 26vh;
		margin: 10px 0;
}
.top_arw_gr .lastCatch {
		pointer-events: none;
}
.lastCatch p {
		letter-spacing: -0.5px;
		font-size: clamp(1.5rem, 3.125vw + 0rem, 3.4rem);
		font-family: "Plus Jakarta Sans", sans-serif;
		font-weight: 400;
		line-height: 1;
		text-align: center;
		color: #4c4c4c;
		pointer-events: none;
		mix-blend-mode: multiply;
}
.aU_2, .aD_2 {
		display: flex;
}
.aU_2 div, .aD_2 div {
		width: 50%;
}
@media(max-width: 960px) {
		.top_arw_gr .top_arw_vt {
				top: 0vw;
				left: calc(50% - 9vw);
				width: 18vw;
				height: 100%;
		}
		.top_arw_gr .top_arw_hr {
				top: calc(calc(50% - 9vw) + 0vw);
				width: 100%;
				height: 18vw;
		}
		.blkArwLeft, .blkArwRight {
				width: 18vw;
				margin: 0 8px;
		}
		.blkArwUp, .blkArwDown {
				width: 18vw;
				margin: 8px 0;
		}
}
@media(max-width: 767px) {
		.top_arw_gr .top_arw_vt {
				top: 5.3vw;
				left: calc(50% - 11vw);
				width: 22vw;
				height: 100%;
		}
		.top_arw_gr .top_arw_hr {
				top: calc(calc(50% - 11vw) + 5.3vw);
				width: 100%;
				height: 22vw;
		}
		.blkArwLeft, .blkArwRight {
				width: 22vw;
				margin: 0 8px;
		}
		.blkArwUp, .blkArwDown {
				width: 22vw;
				margin: 8px 0;
		}
}
/* ============= */
.service_section_wrap {
		/* width: 1400px; */
		position: relative;
		z-index: 10;
		margin: 0 auto;
		color: #1e1e1e;
		padding-bottom: 140px;
		padding-top: 500px;
}
.service_section_wrap .section_no, .service_section_wrap .section_hd {
		color: #787878;
}
.service_section_flex {
		display: flex;
		max-width: calc(100vw - 400px);
		margin-left: 160px;
}
.service_caption {
		margin-left: 12vw
}
.service_caption h4 {
		font-size: 28px;
		font-weight: 500;
		margin: 0 0 25px;
}
.service_caption p {
		line-height: 2.2;
		text-align: justify;
		margin-bottom: 80px;
}
@media (min-width: 2001px) {
		.service_caption p {
				font-size: 18px;
		}
}
@media(min-width: 1681px) {
		.service_caption {
				margin-left: 300px;
		}
}
@media(max-width: 1500px) {
		.service_section_wrap {
				padding: 0 40px 140px 0;
				box-sizing: border-box;
				padding-top: 500px;
		}
}
@media(max-width: 960px) {
		.service_horizon_wrap {
				height: 800vw;
		}
		.horizontal-panel.last {
				width: 100vw;
		}
		.service_foryou {
				top: -110px;
		}
		.service_foryou .service_jetPlane {
				right: -40px
		}
		.service_section_wrap {
				padding-top: 0;
				padding-bottom: 80px;
		}
		.service_caption .pcbr {
				display: none
		}
		.service_section_flex {
				margin-left: 40px;
				padding-bottom: 0;
				max-width: inherit;
		}
		.service_caption {
				margin-left: 70px
		}
}
@media(max-width: 840px) {
		.service_horizon_wrap {
				height: 800vw;
		}
		.horizontal-panel.last {
				width: 100vw;
		}
		.service_foryou {
				top: 0;
		}
		.service_foryou .service_jetPlane {
				right: -40px
		}
		.service_section_wrap {
				padding-top: 0;
				padding-bottom: 80px;
		}
		.service_caption .pcbr {
				display: none
		}
		.service_section_flex {
				margin-left: 40px;
				padding-bottom: 0;
				max-width: inherit;
		}
		.service_caption {
				margin-left: 70px
		}
		.service_caption h4 {
				font-size: 24px;
		}
}
@media(max-width: 767px) {
		.service_horizon_wrap {
				height: 850vw;
		}
		.sticky-container, .horizontal-panel {
				min-height: 550px;
				height: 101vh;
		}
		.horizontal-content {
				width: 400vw;
		}
		.horizontal-panel {
				width: 200vw;
		}
		.horizontal-panel.last {
				width: 500vw;
		}
		.service_section_wrap {
				width: 100vw;
				box-sizing: border-box;
				padding: 600px 20px 80px;
		}
		.service_section_flex {
				display: block;
				padding-bottom: 0;
		}
		.service_section_flex .section_hd_wrap {
				width: auto;
				margin-right: 0;
				position: relative;
		}
		.service_foryou {
				width: 120vw;
				top: 0
		}
		.service_foryou .service_jetPlane {
				width: 35px;
				right: inherit;
				left: calc(120vw - 10px);
				top: calc(50% - 17.5px);
		}
		.service_foryou .service_jetPlane_line {
				left: calc(120vw - 10px);
		}
		.service_section_flex .section_hd_wrap {
				padding-left: 0 !important;
		}
		.service_section_flex {
				display: block;
				margin-left: 0;
				padding-bottom: 80px;
				max-width: inherit;
		}
		.service_caption {
				padding-right: 0px;
				margin-left: 0;
		}
		.service_caption h4 {
				position: relative;
				font-size: 20px;
				z-index: 10;
				margin: 0 0 20px;
		}
		.service_caption p {
				line-height: 2.0;
				margin-bottom: 30px;
		}
		.service_jetPlane_line {
				height: 50px
		}
		.lastCatch p {
				font-size: 5vw;
		}
}
/* ============= */
section.service_section .section_name div {
		color: #1e1e1e;
}
section.service_section .horizontal-panel.lastActive .section_title h3::after {
		transform: scaleX(0);
}
section.service_section .icon_plus .icon_plus_bar:nth-child(1)::after, section.service_section .icon_plus .icon_plus_bar:nth-child(2)::after {
		transition-delay: 0.25s;
}
section.service_section .horizontal-panel.lastActive .icon_plus .icon_plus_bar:nth-child(1)::after, section.service_section .horizontal-panel.lastActive .icon_plus .icon_plus_bar:nth-child(2)::after {
		transform: scaleX(1);
		opacity: 1;
		background: #1e1e1e;
		left: 0;
}
/* ============= */
.service_jetPlane_vertical {
		width: 50px;
		margin: 0 auto;
		position: relative;
		top: -30vh;
}
.service_jetPlane_vertical img {
		width: 100%;
		height: auto
}
.service_jetPlane_vertical .service_jetPlane_line_vt {
		position: absolute;
		width: 1px;
		height: 300vh;
		top: 50px;
		left: 24.5px;
		background: rgba(255, 255, 255, 0.2);
}
.service_jetPlane_line_vt.isOff {
		background: rgba(255, 255, 255, 0);
}
.blk_corner {
		position: fixed;
		height: 50vw;
		width: 50vw;
		background: #1e1e1e;
}
.coverActive .blk_corner {
		opacity: 1
}
.blk_corner.cnr-1 {
		top: calc(50vh - 50vw);
		left: 0;
		transform-origin: left top;
}
.blk_corner.cnr-2 {
		top: calc(50vh - 50vw);
		right: 0;
		transform-origin: right top;
}
.blk_corner.cnr-3 {
		bottom: calc(50.5vh - 50vw);
		left: 0;
		transform-origin: left bottom;
}
.blk_corner.cnr-4 {
		bottom: calc(50.5vh - 50vw);
		right: 0;
		transform-origin: right bottom;
}
.verPortrait .blk_corner {
		width: 50.5vw;
		height: 50.5vh;
}
.verPortrait .blk_corner.cnr-1, .verPortrait .blk_corner.cnr-2 {
		top: 0
}
.verPortrait .blk_corner.cnr-3, .verPortrait .blk_corner.cnr-4 {
		bottom: 0;
}
@media(max-width: 960px) {
		.service_jetPlane_vertical {
				top: -300vh;
		}
}
@media(max-width: 767px) {
		.service_jetPlane_vertical {
				width: 35px;
				top: -200vh;
		}
		.service_jetPlane_vertical .service_jetPlane_line_vt {
				height: 200vh;
				top: 35px;
				left: 17px;
		}
		.verPortrait .blk_corner.cnr-3, .verPortrait .blk_corner.cnr-4 {
				bottom: inherit;
				height: 70vh !important;
		}
}