@import url("https://cdn.jsdelivr.net/gh/Freesentation/paperlogy@main/Paperlogy.css");
@import url("https://fonts.googleapis.com/css2?family=Smooch&display=swap");
/*
	Author : Neoreve
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li, a,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: middle; background: transparent; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; max-height: 99999px; }
html { font-size: 10px; }
body { color: #000; font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-style: normal; font-weight: 400; font-size: 1rem; line-height: 1; word-break: keep-all; }
*:before, *:after { -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, a { display: block; }
span, strong, em { vertical-align: baseline; color: inherit; font: inherit; letter-spacing: inherit; }
em, address { font-style: normal; }
mark { color: inherit; }
img { width: 100%; display: inline-block; vertical-align: middle; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true",sizingMethod="crop"); }
a { color: inherit; vertical-align: baseline; text-decoration: none; background: transparent; }
:is(a, button, input, select, textarea, label):focus-visible { outline: 1px solid #111; }
:is(a, button, input, select, textarea, label):focus:not(:focus-visible) { outline: none; }
button { color: inherit; font: inherit; letter-spacing: inherit; padding: 0; border: none; border: 0; outline: none; outline: 0; background: none; -webkit-appearance: none; appearance: none; border-radius: 0; cursor: pointer; }
button:disabled { cursor: default; }
input:where([type=text], [type=password], [type=tel], [type=email], [type=number]), textarea { padding: 0; border: 0; border-radius: 0; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; letter-spacing: inherit; }
input:where([type=text], [type=password], [type=tel], [type=email], [type=number], textarea):where(:hover) { outline: 0; }
input:where([type=button], [type=submit], [type=reset], [type=image]) { cursor: pointer; }
textarea { resize: none; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
ol, ul { list-style: none; }
li { list-style: none; vertical-align: top; line-height: inherit; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset { border: 0; }
legend, caption, hr { position: absolute; left: -9999px; top: 0; visibility: hidden; overflow: hidden; line-height: 0.1%; font-size: 0.1%; width: 0.1%; height: 0.1%; }
.blind { overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; }
.dis_none { display: none !important; }
.d-inline { display: inline; }
.bold { font-weight: 700; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; }
[dir=rtl] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.wrap { position: relative; width: 100%; min-width: 1280px; }
.tit_set { white-space: nowrap; }

@property --bg-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes bg-angle1 {
	from { --bg-angle: 102deg; }
	to { --bg-angle: 462deg; }
}
@keyframes bg-angle2 {
	from { --bg-angle: 130deg; }
	to { --bg-angle: 490deg; }
}
.wecan { display: block; width: 255px; aspect-ratio: 255/50; height: auto; background-color: #131313; -webkit-mask-image: url("../images/wecan@2x.png"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; display: inline-block; }
.section_sticky { position: relative; }
.section_sticky .sticky_outer { position: relative; width: 100%; }
.section_sticky .sticky_in { position: sticky; top: 0; width: 100%; --parent-height: 100vh; height: 100vh; --parent-height: 100svh; height: 100svh; }
html.inapp .section_sticky .sticky_in { --parent-height: calc(var(--svh, 1vh) * 100); height: calc(var(--svh, 1vh) * 100); }
.section_sticky .sec_sub { position: absolute; inset: 0; z-index: -1; opacity: 0; transition: opacity 0.5s ease, z-index 0s 1s ease; overflow: hidden; }
.section_sticky[data-sec="1"] .sub01, .section_sticky[data-sec="2"] .sub02 { opacity: 1; z-index: 1; transition: z-index 0s linear, opacity 0.5s ease; }
.btn_cta_set .btn_cta { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; gap: 30px; width: 640px; height: 120px; background: #131313; border-radius: 100px; margin: 0 auto; transition: background 0.3s ease; }
.btn_cta_set .btn_cta .btn_txt { font-family: "Paperlogy"; color: #fff; font-size: 48px; font-weight: 600; line-height: 100%; letter-spacing: -0.02em; transition: color 0.3s ease; }
.btn_cta_set .btn_cta .btn_txt .wecan { width: 213px; background-color: #fff; margin-right: 15px; }
.btn_cta_set .btn_cta .btn_arr { display: block; width: 61px; aspect-ratio: 61/39; height: auto; background-color: #fff; -webkit-mask-image: url('data:image/svg+xml,<svg width="61" height="39" viewBox="0 0 61 39" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M42.3037 0C42.3037 0.523493 42.5787 1.44992 43.2607 2.74316C43.8278 3.81821 44.5797 4.96925 45.3809 6.08008L45.7266 6.55371L45.7285 6.55664C48.0764 9.73663 50.8595 12.4797 54.0176 14.5586C55.2294 15.3561 56.5284 16.1101 57.7832 16.6582C59.0625 17.2169 60.1574 17.5 61 17.5V21.5C60.1572 21.5 59.061 21.7839 57.7812 22.3428C56.6832 22.8223 55.5516 23.458 54.4756 24.1436L54.0186 24.4404C50.8595 26.5226 48.0758 29.267 45.7275 32.4424C44.7988 33.6972 43.909 35.0287 43.2607 36.2588C42.5783 37.5539 42.3037 38.4796 42.3037 39H38.3037C38.3037 37.459 38.9772 35.808 39.7227 34.3936C40.5024 32.914 41.521 31.4021 42.5117 30.0635L43.0029 29.4121C45.3443 26.3709 48.0946 23.6642 51.2266 21.5H0V17.5H51.2266C47.8724 15.1845 44.956 12.2445 42.5107 8.93262C41.5207 7.59628 40.5021 6.0863 39.7227 4.6084C38.9767 3.19399 38.3037 1.54341 38.3037 0H42.3037Z" fill="white"/></svg>'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.btn_cta_set .btn_cta.bk { background-color: #131313; }
.btn_cta_set .btn_cta.bk .wecan { background-color: #fff; }
.btn_cta_set .btn_cta.bk .btn_txt { color: #fff; }
.btn_cta_set .btn_cta.bk .btn_arr { background-color: #fff; }
.btn_cta_set .btn_cta.bk:hover { background-color: #fff; }
.btn_cta_set .btn_cta.bk:hover .wecan { background-color: #131313; }
.btn_cta_set .btn_cta.bk:hover .btn_txt { color: #131313; }
.btn_cta_set .btn_cta.bk:hover .btn_arr { background-color: #131313; }
.btn_cta_set .btn_cta.wh { background-color: #fff; }
.btn_cta_set .btn_cta.wh .wecan { background-color: #131313; }
.btn_cta_set .btn_cta.wh .btn_txt { color: #131313; }
.btn_cta_set .btn_cta.wh .btn_arr { background-color: #131313; }
.btn_cta_set .btn_cta.wh:hover { background-color: #7FF9EF; }
.wrap_fixed .logo_set { position: fixed; right: 30px; top: 30px; z-index: -1; opacity: 0; transition: opacity 0.3s ease, z-index 0s 0.3s ease; }
.wrap_fixed .logo_set .logo a { display: block; width: 100px; aspect-ratio: 100/42; height: auto; background: url("../images/logo@2x.png") no-repeat center center; background-size: contain; }
.wrap_fixed .logo_set[data-logo=y] { z-index: 90; opacity: 1; transition: z-index 0s linear, opacity 0.3s ease; }
.wrap_fixed .sticky_set { position: fixed; right: 20px; bottom: 20px; z-index: -1; opacity: 0; transition: bottom 0.3s ease, opacity 0.3s ease, z-index 0s 0.3s linear; }
.wrap_fixed .sticky_set[data-sticky=y] { opacity: 1; z-index: 90; transition: bottom 0.3s ease, opacity 0.3s ease, z-index 0s linear; }
.wrap_fixed .sticky_set .btn_sticky { position: relative; z-index: 0; width: 260px; aspect-ratio: 260/90; border-radius: 18px; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.3); padding-left: 110px; overflow: hidden; }
.wrap_fixed .sticky_set .btn_sticky::before, .wrap_fixed .sticky_set .btn_sticky::after { content: ""; position: absolute; inset: 0; background: no-repeat center center; background-size: cover; transition: opacity 0.3s ease; will-change: opacity; pointer-events: none; }
.wrap_fixed .sticky_set .btn_sticky::before { z-index: 0; background-image: url("../images/btn_sticky_default@1.5x.jpg"); }
.wrap_fixed .sticky_set .btn_sticky::after { z-index: 1; opacity: 0; background-image: url("../images/btn_sticky_hover@1.5x.jpg"); }
.wrap_fixed .sticky_set .btn_sticky .btn_img { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; background: url("../images/btn_sticky_img@1.5x.png") no-repeat left center; background-size: auto 100%; pointer-events: none; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt_set { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: center; gap: 9px; height: 100%; -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.7)); filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.7)); }
.wrap_fixed .sticky_set .btn_sticky .wecan { width: 96px; background-color: #fff; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt { display: flex; align-items: center; gap: 8px; color: #fff; font-family: "Paperlogy"; font-size: 24px; font-weight: 600; line-height: 100%; letter-spacing: -0.02em; transition: color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_arr { display: block; width: 28px; aspect-ratio: 28/18; height: auto; background-color: #fff; -webkit-mask-image: url('data:image/svg+xml,<svg width="28" height="18" viewBox="0 0 28 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5 0C18.5 0.954 19.3704 2.37857 20.2516 3.57429C21.3844 5.11714 22.7382 6.46329 24.2902 7.49057C25.454 8.26071 26.8648 9 28 9M28 9C26.8648 9 25.4528 9.73928 24.2902 10.5094C22.7382 11.538 21.3844 12.8841 20.2516 14.4244C19.3704 15.6214 18.5 17.0486 18.5 18M28 9H0" stroke="white" stroke-width="2.4"/></svg>'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky:hover::after { opacity: 1; }
.section_visual { --section-height: 900; --parent-height: 100vh; height: 100vh; --parent-height: 100svh; height: 100svh; }
html.inapp .section_visual { --parent-height: calc(var(--svh, 1vh) * 100); height: calc(var(--svh, 1vh) * 100); }
.section_visual { position: relative; overflow: hidden; }
.section_visual .bg { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; background: #fff; pointer-events: none; }
.section_visual .bg::before, .section_visual .bg::after { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; }
.section_visual .bg::before { z-index: 0; opacity: 0.8; --bg-angle: 102deg; background: linear-gradient(var(--bg-angle), rgba(245, 168, 156, 0.6) 18.06%, rgba(81, 239, 225, 0.6) 62.49%), #FFF; }
.section_visual .bg::after { z-index: 1; background: url("../images/main_bg@1.5x.jpg") no-repeat center center; background-size: cover; mix-blend-mode: plus-lighter; opacity: 0.6; }
.section_visual .in { position: relative; z-index: 1; display: flex; align-items: center; max-width: min(1460px, var(--parent-height) * 1460 / var(--section-height)); margin: 0 auto; height: 100%; padding: 0 0 min(18px, var(--parent-height) * 18 / var(--section-height)); }
.section_visual .tit_set { position: relative; z-index: 4; display: flex; flex-direction: column; align-items: flex-start; gap: min(40px, var(--parent-height) * 40 / var(--section-height)); }
.section_visual .tit_set .s_tit { color: #131313; font-size: min(26px, var(--parent-height) * 26 / var(--section-height)); font-weight: 500; line-height: 140%; letter-spacing: -0.02em; }
.section_visual .tit_set .sec_tit { display: block; width: min(533px, var(--parent-height) * 533 / var(--section-height)); aspect-ratio: 533/368; height: auto; background: url("../images/main_title@1.5x.png") no-repeat center center; background-size: contain; }
.section_visual .tit_set .ani_item_set { position: relative; display: block; width: min(466px, var(--parent-height) * 466 / var(--section-height)); aspect-ratio: 466/166; background: #131313; }
.section_visual .tit_set .ani_item_set .ani_item { background: #131313 no-repeat center center; background-size: contain; }
.section_visual .tit_set .ani_item_set .ani_item1 { background-image: url("../images/main_tit_img1@1.5x.png"); }
.section_visual .tit_set .ani_item_set .ani_item2 { background-image: url("../images/main_tit_img2@1.5x.png"); }
.section_visual .tit_set .ani_item_set .ani_item3 { background-image: url("../images/main_tit_img3@1.5x.png"); }
.section_visual .tit_set .ani_item_set .ani_item4 { background-image: url("../images/main_tit_img4@1.5x.png"); }
.section_visual .img_set .img { position: absolute; display: block; background: no-repeat center center; background-size: cover; }
.section_visual .img_set .img1 { left: calc(50% - min(117px, var(--parent-height) * 117 / var(--section-height))); top: calc(50% - min(54px, var(--parent-height) * 54 / var(--section-height))); z-index: 3; width: min(415px, var(--parent-height) * 415 / var(--section-height)); aspect-ratio: 5/5; background-image: url("../images/main_img1@1.5x.jpg"); }
.section_visual .img_set .img2 { left: calc(50% + min(114px, var(--parent-height) * 114 / var(--section-height))); bottom: calc(50% - min(170px, var(--parent-height) * 170 / var(--section-height))); z-index: 2; width: min(420px, var(--parent-height) * 420 / var(--section-height)); aspect-ratio: 420/620; background-image: url("../images/main_img2@1.5x.jpg"); }
.section_visual .img_set .img3 { left: calc(50% + min(460px, var(--parent-height) * 460 / var(--section-height))); top: calc(50% - min(168px, var(--parent-height) * 168 / var(--section-height))); z-index: 1; width: min(500px, var(--parent-height) * 500 / var(--section-height)); aspect-ratio: 500/618; background-image: url("../images/main_img3@1.5x.jpg"); }
.section_visual .tit_set { opacity: 0; transform: translateY(10%); transition-property: opacity, transform; transition-duration: 0.5s; transition-timing-function: ease; will-change: opacity, transform; }
@keyframes fadeCross-4 {
	0% { opacity: 1; transform: translateZ(0); }
	20.8333333333% { opacity: 1; transform: translateZ(0); }
	25% { opacity: 0; transform: translateZ(0); }
	95.8333333333% { opacity: 0; transform: translateZ(0); }
	100% { opacity: 1; transform: translateZ(0); }
}
.section_visual .tit_set .ani_item_set .ani_item1 { z-index: 4; animation: fadeCross-4 12s infinite; animation-delay: 0s; }
.section_visual .tit_set .ani_item_set .ani_item2 { z-index: 3; animation: fadeCross-4 12s infinite; animation-delay: 3s; }
.section_visual .tit_set .ani_item_set .ani_item3 { z-index: 2; animation: fadeCross-4 12s infinite; animation-delay: 6s; }
.section_visual .tit_set .ani_item_set .ani_item4 { z-index: 1; animation: fadeCross-4 12s infinite; animation-delay: 9s; }
.section_visual .tit_set .ani_item_set .ani_item { position: absolute; inset: 0; width: 100%; height: 100%; animation-play-state: paused; }
.section_visual .img_set .img { opacity: 0; transform: translateY(30px); transition-property: opacity, transform; transition-duration: 0.5s; transition-timing-function: ease; will-change: opacity, transform; }
.section_visual[data-show=y] .bg::before { animation: bg-angle1 6s 1s infinite linear; }
.section_visual[data-show=y] .tit_set { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }
.section_visual[data-show=y] .tit_set .ani_item_set .ani_item { animation-play-state: running; }
.section_visual[data-show=y] .img_set .img { opacity: 1; transform: translate(0, 0); }
.section_visual[data-show=y] .img_set .img1 { transition-delay: 1s; }
.section_visual[data-show=y] .img_set .img2 { transition-delay: 1.5s; }
.section_visual[data-show=y] .img_set .img3 { transition-delay: 2s; }
.section_visual[data-show=y] .img_set .img4 { transition-delay: 2.5s; }
.section01 { position: relative; overflow: hidden; background: #fff url("../images/sec01_bg@1.5x.jpg") no-repeat center center; background-size: cover; }
.section01 .in { max-width: 1280px; margin: 0 auto; padding: 100px 0 130px; }
.section01 .tit_set { position: relative; display: inline-block; margin: 0 0 40px; }
.section01 .tit_set .s_tit { display: inline-block; color: #131313; font-size: 26px; font-weight: 500; line-height: 140%; letter-spacing: -0.03em; background: #7FF9EF; padding: 10px 20px; margin: 0 0 20px; }
.section01 .tit_set .sec_tit { color: #131313; font-family: "Paperlogy"; font-size: 60px; font-weight: 400; line-height: 140%; letter-spacing: -0.01em; }
.section01 .tit_set .note { position: absolute; right: -2px; bottom: 20px; z-index: 1; color: #767676; font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.section01 .slide_set { position: relative; }
.section01 .slide_set::before { content: ""; position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 640px; aspect-ratio: 640/400; background: #fff; border-radius: 30px; }
.section01 .slide_set::after { content: ""; position: absolute; right: 0; bottom: 0; z-index: 0; display: block; width: 800px; height: 410px; background: #131313; border-radius: 30px; }
.section01 .slide_set .slide_arrow { font-size: 0; position: absolute; z-index: 2; display: block; width: 56px; height: 56px; background: transparent; }
.section01 .slide_set .slide_arrow::after { content: ""; display: block; width: 100%; height: 100%; background-color: #fff; -webkit-mask-image: url('data:image/svg+xml,<svg width="30" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0889 0C13.0889 0.326201 12.9099 0.942509 12.4307 1.83496C11.978 2.67788 11.3552 3.5924 10.7021 4.45801L10.7002 4.45996C9.05218 6.65219 7.09921 8.54368 4.88281 9.97656L4.23438 10.3809C3.5776 10.7767 2.90058 11.14 2.24121 11.4229C1.34403 11.8077 0.581549 12 0 12V15C0.581542 15 1.34404 15.1924 2.24121 15.5771C2.90058 15.8599 3.5783 16.2225 4.23438 16.6182L4.88184 17.0234C6.96031 18.3688 8.80774 20.1151 10.3887 22.1318L10.7012 22.5391C11.3541 23.4055 11.9768 24.3221 12.4297 25.166C12.9094 26.0601 13.0889 26.6759 13.0889 27H16.0889C16.0889 25.897 15.6001 24.729 15.0732 23.7471C14.5194 22.7151 13.7978 21.6624 13.0977 20.7334C11.4441 18.5375 9.48498 16.5756 7.24316 15H30V12H7.24414C9.48613 10.4255 11.445 8.46238 13.0986 6.2627C13.798 5.33558 14.5198 4.28532 15.0732 3.25488C15.6006 2.27291 16.0889 1.10477 16.0889 0H13.0889Z" fill="%23131313"/></svg>'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: auto 48%; }
.section01 .slide_set .slide_next::after { transform: rotateY(-180deg); }
.section01 .slide_set .slick-disabled { pointer-events: none; cursor: default; }
.section01 .slide_set .slide_arrow { top: 70px; background: rgba(255, 255, 255, 0.1); border-radius: 100%; }
.section01 .slide_set .slide_prev { right: 81px; }
.section01 .slide_set .slide_next { right: 20px; }
.section01 .slide_set .slick-dots { display: flex !important; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; }
.section01 .slide_set .slick-dots li { font-size: 0; }
.section01 .slide_set .slick-dots li button { font-size: 0; display: block; width: 10px; height: 10px; border-radius: 5rem; transition: background-color 0.3s ease; }
.section01 .slide_set .slick-dots { position: absolute; left: 292px; bottom: 90px; z-index: 2; gap: 13px; }
.section01 .slide_set .slick-dots li button { background-color: #fff; }
.section01 .slide_set .slick-dots li.slick-active button { background-color: #7FF9EF; }
.section01 .slide_set .slide { position: relative; z-index: 2; }
.section01 .slide_set .item { display: flex; align-items: flex-start; }
.section01 .slide_set .image { position: relative; z-index: 1; display: block; width: 640px; aspect-ratio: 640/400; border-radius: 30px; background: no-repeat center center; background-size: cover; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); }
.section01 .slide_set .image .caption { position: absolute; left: 20px; bottom: 15px; z-index: 1; color: #595959; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; }
.section01 .slide_set .item1 .image { background-image: url("../images/sec01_img1@1.5x.jpg"); }
.section01 .slide_set .item2 .image { background-image: url("../images/sec01_img2@1.5x.jpg"); }
.section01 .slide_set .item3 .image { background-image: url("../images/sec01_img3@1.5x.jpg"); }
.section01 .slide_set .txt_set { position: relative; z-index: 0; display: flex; justify-content: flex-start; align-items: center; width: 800px; height: 410px; background: #131313; border-radius: 30px; padding-left: 210px; margin: 50px 0 0 -160px; }
.section01 .slide_set .txt_set .tit { color: #FFF; font-size: 36px; font-weight: 700; line-height: 160%; letter-spacing: -0.03em; text-decoration: underline; text-underline-offset: 12px; text-decoration-thickness: 2px; margin-bottom: 30px; }
.section01 .slide_set .txt_set .tit::before { content: ""; display: block; width: 24px; aspect-ratio: 24/25; height: auto; background-color: #fff; -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.8487 25H21.4317C20.7232 25 20.369 24.5583 20.0148 23.9399L15.4982 15.636C15.0553 14.841 14.524 13.6926 14.524 12.6325V0H24V23.8516C24 24.6466 23.6458 25 22.8487 25ZM8.23616 25H6.81919C6.1107 25 5.75646 24.5583 5.40221 23.9399L0.97417 15.636C0.531366 14.841 0 13.6926 0 12.6325V0H9.38745V23.8516C9.38745 24.6466 9.03321 25 8.23616 25Z" fill="white"/></svg>'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; margin-bottom: 15px; }
.section01 .slide_set .txt_set .txt { color: #FFF; font-size: 20px; font-weight: 400; line-height: 150%; letter-spacing: -0.02em; }
.section01 .tit_set { opacity: 0; transform: translateY(30px); transition-property: opacity, transform; transition-duration: 0.5s; transition-timing-function: ease; will-change: opacity, transform; }
.section01[data-show=y] .tit_set { opacity: 1; transform: translate(0, 0); }
.section01 .slide_set .txt_set > div { opacity: 0; transform: translateY(30px); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; will-change: opacity, transform; }
.section01[data-slide="1"] .slide_set .item1 .txt_set > div { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }
.section01[data-slide="2"] .slide_set .item2 .txt_set > div { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }
.section01[data-slide="3"] .slide_set .item3 .txt_set > div { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }
.section02 { position: relative; overflow: hidden; background: #131313 url("../images/sec02_bg@1.5x.jpg") no-repeat center center; background-size: cover; }
.section02 .in { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 55px 0; }
.section02 ul { display: flex; align-items: center; gap: 5px; }
.section02 ul li { display: flex; align-items: center; justify-content: center; text-align: center; width: 90px; height: 90px; color: #131313; font-size: 60px; font-weight: 800; line-height: 120%; background: #fff; }
.section02 ul .icon { width: 80px; background: unset; }
.section02 ul .ani { transition: all 0.3s ease; }
.section02 ul .plus { display: block; width: 40px; aspect-ratio: 5/5; height: auto; background: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7041 16.2959H40V23.7031H23.7041V40H16.2959V23.7031H0V16.2959H16.2959V0H23.7041V16.2959Z" fill="white"/></svg>') no-repeat center center; background-size: contain; }
.section02 ul .equals { display: block; width: 40px; aspect-ratio: 40/26; height: auto; background: url('data:image/svg+xml,<svg width="40" height="26" viewBox="0 0 40 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H40V7.40741H0V0Z" fill="white"/><path d="M0 18H40V25.4074H0V18Z" fill="white"/></svg>') no-repeat center center; background-size: contain; }
.section02 .wecan { width: 342px; background-color: #fff; opacity: 0; transition-property: opacity; transition-duration: 0.5s; transition-timing-function: ease; will-change: opacity, transform; }
.section02[data-show=y] ul li.ani { color: #868686; background: #2A2A2A; }
.section02[data-show=y] .wecan { opacity: 1; transform: translate(0, 0); transition-delay: 0.5s; }
.section03 { position: relative; overflow: hidden; background: #fff; }
.section03 .in { padding: 80px 0 100px; }
.section03 .tit_set .sec_tit { font-family: "Paperlogy"; color: #131313; font-size: 60px; font-weight: 400; line-height: 140%; letter-spacing: -0.03em; text-align: center; }
.section03 .item_set { display: flex; flex-direction: column; align-items: center; gap: 60px; margin: 60px 0 0; }
.section03 .item_set .item { position: relative; display: flex; height: 460px; border-radius: 30px; overflow: hidden; }
.section03 .item_set .img_set { position: relative; width: 640px; background: no-repeat center center; background-size: cover; border-radius: 30px; overflow: hidden; }
.section03 .item_set .img_set::before { content: ""; position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; }
.section03 .item_set .img_set p { position: absolute; left: 40px; top: 30px; z-index: 1; color: #131313; text-align: left; font-family: "Smooch", cursive; font-size: 80px; font-weight: 400; line-height: 100%; text-transform: capitalize; text-shadow: 0 0 6px #FFF; }
.section03 .item_set .txt_set { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: 540px; }
.section03 .item_set .txt_set .tit { display: flex; flex-direction: column; align-items: flex-start; color: #131313; font-size: 48px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; white-space: nowrap; }
.section03 .item_set .txt_set .tit span:last-child { font-weight: 700; text-decoration: underline; text-underline-offset: 15px; text-decoration-thickness: 2px; margin-top: -5px; }
.section03 .item_set .txt_set .txt { margin: 40px 0 0; }
.section03 .item_set .txt_set .txt p { color: #131313; font-size: 20px; font-weight: 500; line-height: 140%; letter-spacing: -0.02em; }
.section03 .item_set .txt_set .txt p ~ p { margin-top: 10px; }
.section03 .item_set .item1 .img_set { background-image: url("../images/sec03_img1@1.5x.jpg"); }
.section03 .item_set .item2 .img_set { background-image: url("../images/sec03_img2@1.5x.jpg"); }
.section03 .item_set .item3 .img_set { background-image: url("../images/sec03_img3@1.5x.jpg"); }
.section03 .item_set .item4 .img_set { background-image: url("../images/sec03_img4@1.5x.jpg"); }
.section03 .item_set .item:nth-child(odd) { background: #E7FCFA; margin-right: 100px; }
.section03 .item_set .item:nth-child(odd) .txt_set { order: 2; padding-left: 60px; }
.section03 .item_set .item:nth-child(odd) .img_set { order: 1; }
.section03 .item_set .item:nth-child(odd) .img_set::before { background: linear-gradient(180deg, #96F8F0 0%, rgba(127, 249, 239, 0) 40.86%); }
.section03 .item_set .item:nth-child(even) { background: #FFF2EF; margin-left: 100px; }
.section03 .item_set .item:nth-child(even) .txt_set { order: 1; padding-left: 80px; }
.section03 .item_set .item:nth-child(even) .img_set { order: 2; }
.section03 .item_set .item:nth-child(even) .img_set::before { background: linear-gradient(180deg, #FBBFB6 0%, rgba(251, 191, 182, 0) 40.86%); }
.section03 .bar { position: relative; display: block; width: 2px; height: 160px; margin: 0 auto; }
.section03 .bar::after { content: ""; position: absolute; left: 0; top: 30px; z-index: 1; width: 100%; background: #131313; }
.section03 .bottom_set .wecan { margin-right: 10px; }
.section03 .bottom_set .txt { color: #131313; font-size: 60px; font-weight: 700; line-height: 140%; letter-spacing: -0.03em; text-align: center; }
.section03 .item_set .item { opacity: 0; }
.section03 .item_set .item:nth-child(odd) { transform: translateX(-50px); }
.section03 .item_set .item:nth-child(even) { transform: translateX(50px); }
.section03 .item_set .item { transition: all 0.3s ease; }
.section03 .item_set .item[data-show=y] { opacity: 1; transform: translateX(0) !important; }
.section03 .bottom_set .bar::after { height: 0; transition: height 0.3s ease; }
.section03 .bottom_set .txt { opacity: 0; transform: translateY(30px); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; will-change: opacity, transform; }
.section03 .bottom_set[data-show=y] .bar::after { height: 109px; }
.section03 .bottom_set[data-show=y] .txt { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }
.section04 { position: relative; overflow: hidden; background: #ACF2EC url("../images/sec04_bg@1.5x.jpg") no-repeat center center; background-size: cover; }
.section04 .in { padding: 100px 0 110px; overflow: hidden; }
.section04 .tit_set { padding-left: calc((100% - 1280px) / 2); }
.section04 .tit_set .sec_tit { color: #131313; font-family: "Paperlogy"; font-size: 60px; font-weight: 400; line-height: 140%; letter-spacing: -0.01em; }
.section04 .tit_set .line { display: flex; align-items: center; }
.section04 .tit_set .line .bar { position: relative; width: 321px; height: 2px; }
.section04 .tit_set .line .bar::after { content: ""; position: absolute; left: 20px; top: 0; z-index: 0; height: 100%; background: #131313; }
.section04 .tit_set .line .sm { color: #131313; font-size: 26px; font-weight: 500; line-height: 140%; letter-spacing: -0.02em; }
.section04 .slide_set { position: relative; border-radius: 30px 0 0 30px; margin: 40px 0 70px calc((100% - 1280px) / 2); overflow: hidden; }
.section04 .slide_set .slick-list { overflow: visible; }
.section04 .slide_set .slick-active-m-prev { opacity: 0; }
.section04 .slide_set .item { display: block; width: 460px; aspect-ratio: 460/600; background: no-repeat center center; background-size: cover; border-radius: 30px; margin-right: 20px; transition: opacity 0.3s ease; }
.section04 .slide_set .item1 { background-image: url("../images/sec04_img1@1.5x.jpg"); }
.section04 .slide_set .item2 { background-image: url("../images/sec04_img2@1.5x.jpg"); }
.section04 .slide_set .item3 { background-image: url("../images/sec04_img3@1.5x.jpg"); }
.section04 .slide_set .item4 { background-image: url("../images/sec04_img4@1.5x.jpg"); }
.section04 .slide_set .item5 { background-image: url("../images/sec04_img5@1.5x.jpg"); }
.section04 .slide_set .item6 { background-image: url("../images/sec04_img6@1.5x.jpg"); }
.section04 .slide_set .item7 { background-image: url("../images/sec04_img7@1.5x.jpg"); }
.section04 .slide_set .item8 { background-image: url("../images/sec04_img8@1.5x.jpg"); }
.section04 .slide_set .slide_arrow { font-size: 0; position: absolute; z-index: 2; display: block; width: 56px; height: 56px; background: transparent; }
.section04 .slide_set .slide_arrow::after { content: ""; display: block; width: 100%; height: 100%; background-color: #131313; -webkit-mask-image: url('data:image/svg+xml,<svg width="30" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0889 0C13.0889 0.326201 12.9099 0.942509 12.4307 1.83496C11.978 2.67788 11.3552 3.5924 10.7021 4.45801L10.7002 4.45996C9.05218 6.65219 7.09921 8.54368 4.88281 9.97656L4.23438 10.3809C3.5776 10.7767 2.90058 11.14 2.24121 11.4229C1.34403 11.8077 0.581549 12 0 12V15C0.581542 15 1.34404 15.1924 2.24121 15.5771C2.90058 15.8599 3.5783 16.2225 4.23438 16.6182L4.88184 17.0234C6.96031 18.3688 8.80774 20.1151 10.3887 22.1318L10.7012 22.5391C11.3541 23.4055 11.9768 24.3221 12.4297 25.166C12.9094 26.0601 13.0889 26.6759 13.0889 27H16.0889C16.0889 25.897 15.6001 24.729 15.0732 23.7471C14.5194 22.7151 13.7978 21.6624 13.0977 20.7334C11.4441 18.5375 9.48498 16.5756 7.24316 15H30V12H7.24414C9.48613 10.4255 11.445 8.46238 13.0986 6.2627C13.798 5.33558 14.5198 4.28532 15.0732 3.25488C15.6006 2.27291 16.0889 1.10477 16.0889 0H13.0889Z" fill="%23131313"/></svg>'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: auto 48%; }
.section04 .slide_set .slide_next::after { transform: rotateY(-180deg); }
.section04 .slide_set .slick-disabled { pointer-events: none; cursor: default; }
.section04 .slide_set .slide_arrow { top: 20px; background: #fff; border-radius: 100%; }
.section04 .slide_set .slide_prev { left: 20px; }
.section04 .slide_set .slide_next { left: 81px; }
.section04 .tit_set .bar::after { width: 0; transition: width 0.3s ease; }
.section04 .tit_set .sm { opacity: 0; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; will-change: opacity, transform; }
.section04[data-show=y] .tit_set .bar::after { width: 287px; }
.section04[data-show=y] .tit_set .sm { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }
.section05 { --section-height: 904; }
.section05 .sticky_outer { --parent-height: 300vh; height: 300vh; --parent-height: 300svh; height: 300svh; }
html.inapp .section05 .sticky_outer { --parent-height: calc(var(--svh, 1vh) * 300); height: calc(var(--svh, 1vh) * 300); }
.section05 .sec_sub { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; background: #fff; padding: min(100px, var(--parent-height) * 100 / var(--section-height)) 0; }
.section05 .tit_set { margin: 0 0 min(60px, var(--parent-height) * 60 / var(--section-height)); }
.section05 .tit_set .sec_tit { color: #131313; font-family: "Paperlogy"; font-size: min(60px, var(--parent-height) * 60 / var(--section-height)); font-weight: 400; line-height: 140%; letter-spacing: -0.01em; text-align: center; }
.section05 .tit_set .ani { position: relative; z-index: 0; display: inline-block; }
.section05 .tit_set .ani::after { content: ""; position: absolute; left: 0; bottom: min(-2px, var(--parent-height) * -2 / var(--section-height)); z-index: 0; height: min(3px, var(--parent-height) * 3 / var(--section-height)); background: #131313; }
.section05 .card_set { display: grid; grid-template-columns: repeat(3, 1fr); gap: min(30px, var(--parent-height) * 30 / var(--section-height)); max-width: min(1280px, var(--parent-height) * 1280 / var(--section-height)); margin: 0 auto; width: 100%; }
.section05 .card_set .item { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: center; height: min(560px, var(--parent-height) * 560 / var(--section-height)); background: no-repeat center center; background-size: cover; border-radius: min(30px, var(--parent-height) * 30 / var(--section-height)); }
.section05 .card_set .item .total { color: #131313; font-family: "Paperlogy"; font-size: min(60px, var(--parent-height) * 60 / var(--section-height)); font-weight: 700; line-height: 140%; letter-spacing: -0.01em; text-decoration: underline; text-underline-offset: min(15px, var(--parent-height) * 15 / var(--section-height)); text-decoration-thickness: min(3px, var(--parent-height) * 3 / var(--section-height)); margin-bottom: min(20px, var(--parent-height) * 20 / var(--section-height)); }
.section05 .card_set .item .txt { color: #131313; font-size: min(26px, var(--parent-height) * 26 / var(--section-height)); font-weight: 500; line-height: 140%; letter-spacing: -0.02em; }
.section05 .card_set .item .year { color: #0AB9A3; font-size: min(16px, var(--parent-height) * 16 / var(--section-height)); font-weight: 400; line-height: 140%; letter-spacing: -0.02em; margin-top: min(5px, var(--parent-height) * 5 / var(--section-height)); }
.section05 .card_set .item .desc { position: absolute; right: 0; top: calc(100% + min(10px, var(--parent-height) * 10 / var(--section-height))); z-index: 1; color: #767676; font-size: min(14px, var(--parent-height) * 14 / var(--section-height)); font-weight: 400; line-height: 140%; letter-spacing: -0.02em; text-align: right; }
.section05 .card_set .item .caption { position: absolute; right: min(10px, var(--parent-height) * 10 / var(--section-height)); top: min(180px, var(--parent-height) * 180 / var(--section-height)); z-index: 1; transform-origin: right top; transform: rotate(90deg) translate(100%, 0%); color: #cacaca; font-size: min(12px, var(--parent-height) * 12 / var(--section-height)); font-weight: 400; line-height: 140%; white-space: nowrap; }
.section05 .sub01 .card_set .item { padding-bottom: min(50px, var(--parent-height) * 50 / var(--section-height)); }
.section05 .sub01 .card_set .item1 { background-image: url("../images/sec05_sub01_card1@1.5x.jpg"); }
.section05 .sub01 .card_set .item2 { background-image: url("../images/sec05_sub01_card2@1.5x.jpg"); }
.section05 .sub01 .card_set .item3 { background-image: url("../images/sec05_sub01_card3@1.5x.jpg"); }
.section05 .sub02 .tit_set { opacity: 0; transform: translateY(min(30px, var(--parent-height) * 30 / var(--section-height))); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; will-change: opacity, transform; }
.section05 .sub02 .tit_set .sec_tit { display: flex; flex-direction: column; align-items: center; }
.section05 .sub02 .tit_set .sec_tit .wecan { width: min(255px, var(--parent-height) * 255 / var(--section-height)); margin-right: min(10px, var(--parent-height) * 10 / var(--section-height)); }
.section05 .sub02 .card_set .item { padding-bottom: min(23px, var(--parent-height) * 23 / var(--section-height)); }
.section05 .sub02 .card_set .item1 { background-image: url("../images/sec05_sub02_card1@1.5x.jpg"); }
.section05 .sub02 .card_set .item2 { background-image: url("../images/sec05_sub02_card2@1.5x.jpg"); }
.section05 .sub02 .card_set .item3 { background-image: url("../images/sec05_sub02_card3@1.5x.jpg"); }
.section05 .tit_set .ani::after { width: 0; transition: width 0.3s ease; }
.section05 .card_set .item { opacity: 0; transition-property: opacity; transition-duration: 0.3s; transition-timing-function: ease; will-change: opacity, transform; }
.section05 .trigger[data-sec="2"] + .sticky_in .sub02 .card_set .item, .section05[data-sec="1"] .sub01 .card_set .item { opacity: 1; transform: translate(0, 0); }
.section05 .trigger[data-sec="2"] + .sticky_in .sub02 .card_set .item1, .section05[data-sec="1"] .sub01 .card_set .item1 { transition-delay: 0.6s; }
.section05 .trigger[data-sec="2"] + .sticky_in .sub02 .card_set .item2, .section05[data-sec="1"] .sub01 .card_set .item2 { transition-delay: 0.9s; }
.section05 .trigger[data-sec="2"] + .sticky_in .sub02 .card_set .item3, .section05[data-sec="1"] .sub01 .card_set .item3 { transition-delay: 1.2s; }
.section05[data-sec="0"] .sub01 { opacity: 1; z-index: 1; transition: z-index 0s linear, opacity 0.5s ease; }
.section05[data-sec="1"] .sub01 .tit_set .ani::after { width: 100%; transition-delay: 0.5s; }
.section05 .trigger { position: absolute; left: 0; top: 30%; z-index: 444; width: 100%; height: 1px; pointer-events: none; }
.section05 .trigger[data-sec="2"] + .sticky_in .sub02 { opacity: 1; z-index: 1; transition: z-index 0s linear, opacity 0.5s ease; }
.section05 .trigger[data-sec="2"] + .sticky_in .sub02 .tit_set { opacity: 1; transform: translate(0, 0); transition-delay: 0.5s; }
.section06 { position: relative; overflow: hidden; }
.section06 .bg { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; background: #fff; pointer-events: none; }
.section06 .bg::before, .section06 .bg::after { content: ""; position: absolute; inset: 0; height: 100%; }
.section06 .bg::before { z-index: 0; opacity: 0.6; width: calc(50% + 60px); --bg-angle: 130deg; background: linear-gradient(var(--bg-angle), #F5A89C 25%, #51EFE1 100%), #FFF; }
.section06 .bg::after { z-index: 1; width: 100%; background: url("../images/sec06_bg@1.5x.jpg") no-repeat center center; background-size: cover; mix-blend-mode: plus-lighter; opacity: 0.3; }
.section06 .in { position: relative; z-index: 1; display: flex; width: 100%; }
.section06 .left { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; padding-left: calc((100% - 1280px) / 2); width: calc(50% + 60px); }
.section06 .right { width: calc(50% - 60px); }
.section06 .tit_set { margin: 0 0 80px; text-align: center; }
.section06 .tit_set .sec_tit { color: #131313; font-family: "Paperlogy"; font-size: 60px; font-weight: 400; line-height: 140%; letter-spacing: -0.01em; margin: 0 0 20px; }
.section06 .tit_set .s_txt { color: #131313; font-size: 26px; font-weight: 500; line-height: 140%; letter-spacing: -0.02em; }
.section06 .txt_set .tit { color: #131313; font-size: 36px; font-weight: 700; line-height: 160%; letter-spacing: -0.03em; text-decoration: underline; text-underline-offset: 12px; text-decoration-thickness: 2px; margin-bottom: 20px; }
.section06 .txt_set .txt { color: #131313; font-size: 20px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; }
.section06 .message_set { position: relative; z-index: 0; display: flex; flex-direction: column; align-items: flex-start; -webkit-filter: drop-shadow(0 0 6px #FFF); filter: drop-shadow(0 0 6px #FFF); }
.section06 .message_set .tit { color: #131313; font-size: 36px; font-weight: 700; line-height: 160%; letter-spacing: -0.03em; text-decoration: underline; text-underline-offset: 12px; text-decoration-thickness: 2px; margin-bottom: 20px; }
.section06 .message_set .tit::before { content: ""; display: block; width: 24px; aspect-ratio: 24/25; height: auto; background-color: #131313; -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.8487 25H21.4317C20.7232 25 20.369 24.5583 20.0148 23.9399L15.4982 15.636C15.0553 14.841 14.524 13.6926 14.524 12.6325V0H24V23.8516C24 24.6466 23.6458 25 22.8487 25ZM8.23616 25H6.81919C6.1107 25 5.75646 24.5583 5.40221 23.9399L0.97417 15.636C0.531366 14.841 0 13.6926 0 12.6325V0H9.38745V23.8516C9.38745 24.6466 9.03321 25 8.23616 25Z" fill="white"/></svg>'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; margin-bottom: 10px; }
.section06 .message_set .txt { position: relative; display: flex; align-items: center; gap: 15px; color: #131313; font-size: 20px; font-weight: 700; line-height: 150%; letter-spacing: -0.02em; }
.section06 .message_set .txt::before { content: ""; display: block; width: 30px; height: 2px; background: #131313; }
.section06 .caption { position: absolute; left: 15px; bottom: 15px; z-index: 1; color: #BCBCBC; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; }
.section06 .slide_set_txt { position: relative; width: 580px; text-align: center; }
.section06 .slide_set_txt .item { height: 290px; border-radius: 30px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(4px); padding: 35px 0 0; }
.section06 .slide_set_img { position: relative; width: 100%; }
.section06 .slide_set_img .item { display: flex; align-items: flex-end; justify-content: flex-start; height: 760px; background: no-repeat left center; background-size: cover; padding: 0 0 86px 50px; }
.section06 .slide_set_img .item1 { background-image: url("../images/sec06_img1@1.5x.jpg"); }
.section06 .slide_set_img .item2 { background-image: url("../images/sec06_img2@1.5x.jpg"); }
.section06 .slide_set_img .item3 { background-image: url("../images/sec06_img3@1.5x.jpg"); }
.section06 .slide_arrow { font-size: 0; position: absolute; z-index: 2; display: block; width: 30px; height: 27px; background: transparent; }
.section06 .slide_arrow::after { content: ""; display: block; width: 100%; height: 100%; background-color: #131313; -webkit-mask-image: url('data:image/svg+xml,<svg width="30" height="27" viewBox="0 0 30 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.0889 0C13.0889 0.326201 12.9099 0.942509 12.4307 1.83496C11.978 2.67788 11.3552 3.5924 10.7021 4.45801L10.7002 4.45996C9.05218 6.65219 7.09921 8.54368 4.88281 9.97656L4.23438 10.3809C3.5776 10.7767 2.90058 11.14 2.24121 11.4229C1.34403 11.8077 0.581549 12 0 12V15C0.581542 15 1.34404 15.1924 2.24121 15.5771C2.90058 15.8599 3.5783 16.2225 4.23438 16.6182L4.88184 17.0234C6.96031 18.3688 8.80774 20.1151 10.3887 22.1318L10.7012 22.5391C11.3541 23.4055 11.9768 24.3221 12.4297 25.166C12.9094 26.0601 13.0889 26.6759 13.0889 27H16.0889C16.0889 25.897 15.6001 24.729 15.0732 23.7471C14.5194 22.7151 13.7978 21.6624 13.0977 20.7334C11.4441 18.5375 9.48498 16.5756 7.24316 15H30V12H7.24414C9.48613 10.4255 11.445 8.46238 13.0986 6.2627C13.798 5.33558 14.5198 4.28532 15.0732 3.25488C15.6006 2.27291 16.0889 1.10477 16.0889 0H13.0889Z" fill="%23131313"/></svg>'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; }
.section06 .slide_next::after { transform: rotateY(-180deg); }
.section06 .slick-disabled { pointer-events: none; cursor: default; }
.section06 .slide_arrow { top: 50px; }
.section06 .slide_prev { left: 120px; }
.section06 .slide_next { right: 120px; }
.section06 .slick-dots { display: flex !important; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; }
.section06 .slick-dots li { font-size: 0; }
.section06 .slick-dots li button { font-size: 0; display: block; width: 10px; height: 10px; border-radius: 5rem; transition: background-color 0.3s ease; }
.section06 .slick-dots { position: absolute; bottom: 30px; left: 50%; z-index: 1; transform: translateX(-50%); gap: 13px; }
.section06 .slick-dots li button { background-color: #ccc; }
.section06 .slick-dots li.slick-active button { background-color: #131313; }
.section06 .tit_set { opacity: 0; transform: translateY(30px); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; will-change: opacity, transform; }
.section06 .slide_set_img .message_set { opacity: 0; transform: translateY(30px); transition-property: opacity, transform; transition-duration: 0.3s; transition-timing-function: ease; will-change: opacity, transform; }
.section06[data-show=y] .bg::before { animation: bg-angle2 8s 1s infinite linear; }
.section06[data-show=y] .tit_set { opacity: 1; transform: translate(0, 0); }
.section06[data-slide="1"] .slide_set_img .item1 .message_set { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }
.section06[data-slide="2"] .slide_set_img .item2 .message_set { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }
.section06[data-slide="3"] .slide_set_img .item3 .message_set { opacity: 1; transform: translate(0, 0); transition-delay: 0.3s; }
.section07 { position: relative; overflow: hidden; background: #fff; }
.section07 .image { position: relative; width: 100%; height: 660px; overflow: hidden; }
.section07 .image::after { content: ""; display: block; width: 100%; height: 100%; background: url("../images/sec07_bg@1.5x.jpg") no-repeat center center; background-size: cover; transform-origin: center center; transform: scale(1); }
.section07 .banner_set { background: #131313; }
.section07 .banner_set .in { display: flex; align-items: center; justify-content: space-between; max-width: 1280px; margin: 0 auto; padding: 40px 0; }
.section07 .banner_set .tit_set .sec_tit { display: flex; align-items: center; color: #FFF; font-family: "Paperlogy"; font-size: 48px; font-weight: 400; line-height: 140%; letter-spacing: -0.01em; }
.section07 .banner_set .tit_set .sec_tit .wecan { width: 184px; background-color: #fff; margin: 0 5px 0 10px; }
.section07 .banner_set .tit_set .s_txt { color: #FFF; font-size: 20px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; }
.section07 .banner_set .btn_cta_set .btn_cta { width: 600px; }
.section07 .banner_set .btn_cta_set .btn_cta .btn_txt { display: flex; align-items: center; font-weight: 800; }
.section07 .banner_set .btn_cta_set .btn_cta .btn_txt .wecan { width: 213px; margin: 0 0 0 15px; }
.section07 .image::after { transition: transform 6s ease; }
.section07[data-show=y] .image::after { transform: scale(1.18); }
.section_tab { position: relative; overflow: hidden; background: #FAFAFA; }
.section_tab .in { max-width: 1060px; margin: 0 auto; padding: 100px 0; }
.section_tab .sec_tit { color: #131313; font-family: "Paperlogy"; font-size: 48px; font-weight: 700; line-height: 140%; letter-spacing: -0.01em; text-align: center; margin: 0 0 60px; }
.section_tab .tab_menu { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-radius: 20px; overflow: hidden; margin: 0 0 40px; }
.section_tab .tab_menu li { position: relative; }
.section_tab .tab_menu li label { display: block; color: #EAEAEA; font-family: "Paperlogy"; font-size: 36px; font-weight: 700; line-height: 140%; letter-spacing: -0.01em; text-align: center; background: #fff; padding: 21px 0; cursor: pointer; }
.section_tab .tab_menu li input[type=radio]:checked + label { color: #131313; background: #77F1DF; }
.section_tab .tab_menu li:not(:first-child) label, .section_tab .tab_menu li:not(:last-child) label { border-inline: 1px solid #FAFAFA; }
.section_tab .tab_list { width: 100%; }
.section_tab .tab_list ul { display: none; flex-direction: column; gap: 20px; }
.section_tab .tab_list ul li { background: #fff; border-radius: 20px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); overflow: hidden; padding: 25px 40px 25px 50px; }
.section_tab .tab_list ul li[data-show=y] .head button::after { transform: rotate(-180deg); }
.section_tab .tab_list ul li[data-show=y] .body { max-height: var(--max-height); }
.section_tab .tab_list .head button { position: relative; display: flex; align-items: center; width: 100%; color: #131313; font-size: 26px; font-weight: 700; line-height: 160%; letter-spacing: -0.03em; text-align: left; }
.section_tab .tab_list .head button::after { content: ""; flex-shrink: 0; margin-left: auto; display: block; width: 17px; aspect-ratio: 17/13; height: auto; background-color: #131313; -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.87077 12.1701C7.659 13.2766 9.341 13.2766 10.1292 12.1701L16.6438 3.02539C17.5545 1.74699 16.6137 0 15.0145 0H1.98547C0.386316 0 -0.554469 1.74699 0.356238 3.02539L6.87077 12.1701Z" fill="%23131313"/></svg>'); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; transform: rotate(0deg); transform-origin: center center; transition: transform 0.3s ease; }
.section_tab .tab_list .body { position: relative; max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.section_tab .tab_list .body .inner { color: #131313; font-size: 20px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; text-align: left; padding: 20px 0 10px; }
.section_tab .tab_menu:has(.tab1:checked) + .tab_list > ul:nth-child(1) { display: flex; }
.section_tab .tab_menu:has(.tab2:checked) + .tab_list > ul:nth-child(2) { display: flex; }
.section_tab .tab_menu:has(.tab3:checked) + .tab_list > ul:nth-child(3) { display: flex; }
.footer { position: relative; overflow: hidden; background: #343434; }
.footer .in { display: flex; align-items: flex-start; gap: 100px; max-width: 1280px; margin: 0 auto; padding-block: 60px; padding-left: 80px; }
.footer .logo_set .f_logo { display: block; width: 100px; aspect-ratio: 100/42; height: auto; background: url("../images/footer_logo@1.5x.png") no-repeat center center; background-size: contain; margin: 0 0 19px; }
.footer .logo_set p { color: #595959; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; }
.footer .address ul { display: flex; align-items: center; }
.footer .address ul li { display: flex; align-items: center; color: #595959; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; }
.footer .address ul li ~ li::before { content: ""; display: inline-block; width: 1px; height: 13px; background: #595959; margin: 0 10px; }
.footer .address ul ~ ul { margin-top: 7px; }
.footer .address a { display: inline; }
.footer .copyright { color: #595959; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: -0.02em; margin: 40px 0 0; }
@media (min-width: 769px) {
	.ver_pc { display: block !important; }
	.ver_mo { display: none !important; }
}
@media (max-width: 768px) {
	.ver_pc { display: none !important; }
	.ver_mo { display: block !important; }
}