@charset "UTF-8";
/*!
* Neoreve CSS Reset
* --------------------------------------------------
* Description : Global CSS reset & base normalization
* Last Updated: 2025-11-25
* Version : 1.0.1
* 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; }
/* 키보드 포커스만 표시 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline: 2px solid #444; outline-offset: 2px; }
/* 마우스 포커스는 제거 */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea: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; }
.wrap { position: relative; min-width: 1140px; }
.bold { font-weight: 700; }
em.col { color: #FF3C83; }
.btn_cta_set .btn_cta { position: relative; z-index: 0; display: flex; align-items: center; justify-content: space-between; text-align: center; width: 382px; height: 102px; padding: 0 37px; }
.btn_cta_set .btn_cta::before, .btn_cta_set .btn_cta::after { content: ""; position: absolute; left: 50%; top: 50%; z-index: -1; width: 100%; height: 100%; background-color: #FF3C83; -webkit-mask: url("../images/sec03_btn_bg@1.5x.png") no-repeat center center; -webkit-mask-size: contain; transform: translate(-50%, -50%) scale(1); transition: background-color 0.3s ease; pointer-events: none; }
.btn_cta_set .btn_cta::before { transform-origin: center center; animation: ani_heart 1.2s cubic-bezier(0.21, 0.61, 0.35, 1) infinite; }
@keyframes ani_heart {
0% { transform: translate(-50%, -50%) scale(1); }
30% { transform: translate(-50%, -50%) scale(1.1); }
45% { transform: translate(-50%, -50%) scale(1.07); }
100% { transform: translate(-50%, -50%) scale(1); }
}
.btn_cta_set .btn_cta .btn_txt { color: #fff; font-size: 25px; font-weight: 700; line-height: 130%; letter-spacing: -0.02em; }
.btn_cta_set .btn_cta .btn_arr { position: relative; z-index: 3; display: block; width: 54px; aspect-ratio: 54/31; height: auto; background-color: #fff; -webkit-mask: url('data:image/svg+xml,') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.btn_cta_set .btn_cta:hover { filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.15)); }
.btn_cta_set .btn_cta:hover::before { background-color: #fff; }
.btn_cta_set .btn_cta:hover::after { background-color: #fff; }
.btn_cta_set .btn_cta:hover .btn_txt { color: #FF3C83; }
.btn_cta_set .btn_cta:hover .btn_arr { background-color: #FF3C83; }
.wrap_fixed { --parent-height: 100vh; --section-height: 889; }
.wrap_fixed .logo_set { position: fixed; left: 30px; top: 30px; z-index: -1; opacity: 0; transition: opacity 0.3s ease, z-index 0s 0.3s linear; }
.wrap_fixed .logo_set[data-logo=y], .wrap_fixed .logo_set[data-logo=bk], .wrap_fixed .logo_set[data-logo=wh] { opacity: 1; z-index: 90; transition: opacity 0.3s ease, z-index 0s linear; }
.wrap_fixed .logo_set[data-logo=hide] { z-index: -1; opacity: 0; }
.wrap_fixed .logo_set .logo { position: relative; z-index: 0; display: block; width: 122px; aspect-ratio: 122/33; }
.wrap_fixed .logo_set .logo::before, .wrap_fixed .logo_set .logo::after { content: ""; position: absolute; inset: 0; background: url("../images/logo_sprites@2x.png") no-repeat left center; background-size: auto 100%; transition: opacity 0.3s ease, z-index 0s 0.3s linear; }
.wrap_fixed .logo_set .logo::before { z-index: -1; opacity: 0; background-position: left center; }
.wrap_fixed .logo_set .logo::after { z-index: -1; opacity: 0; background-position: right center; }
.wrap_fixed .logo_set[data-logo=y] .logo::before, .wrap_fixed .logo_set[data-logo=bk] .logo::before, .wrap_fixed .logo_set[data-logo=wh] .logo::after { z-index: 1; opacity: 1; transition: opacity 0.3s ease, z-index 0s linear; }
.wrap_fixed .sticky_set { position: fixed; right: 30px; bottom: 30px; z-index: 90; pointer-events: none; }
.wrap_fixed .sticky_set[data-sticky=y] .btn_sticky { transform: translateY(0); pointer-events: auto; }
.wrap_fixed .sticky_set .btn_sticky { position: relative; z-index: 0; display: flex; flex-direction: column; align-items: center; text-align: center; width: 150px; aspect-ratio: 5/5; background-color: #fff; border-radius: 100%; padding: 18px 0 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); transform: translateY(calc(101% + 30px)); transition: transform 0.3s ease, background 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_img { display: block; width: 60px; aspect-ratio: 60/48; height: auto; background: url("../images/sticky_img@2x.png") no-repeat center center; background-size: contain; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt { color: #FF3C83; font-size: 15px; font-weight: 700; line-height: 130%; letter-spacing: -0.02em; margin: 7px 0 5px; transition: color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky .btn_txt .bold { font-weight: 900; }
.wrap_fixed .sticky_set .btn_sticky .btn_arr { position: relative; z-index: 3; display: block; width: 33px; aspect-ratio: 33/19; height: auto; background-color: #FF3C83; -webkit-mask: url('data:image/svg+xml,') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; }
.wrap_fixed .sticky_set .btn_sticky:hover { background-color: #FFBFD8; }
.wrap_fixed .fixed_box { display: none; position: fixed; z-index: 12; left: 50%; bottom: 50%; width: 394px; aspect-ratio: 394/700; border-radius: 22px; }
.wrap_fixed .fixed_heart { position: fixed; width: 52px; aspect-ratio: 80/69; transform-origin: center center; will-change: transform; pointer-events: none; opacity: 0; z-index: -1; }
.wrap_fixed .fixed_heart[data-show=y] { opacity: 1; z-index: 13; }
.wrap_fixed .fixed_heart .inner_heart { position: absolute; inset: 0; opacity: 0; width: 52px; height: auto; aspect-ratio: 80/69; top: 50%; left: 50%; transform: translate(-50%, -50%); background: no-repeat center center; background-size: 100% 100%; will-change: opacity, transform, width; }
.wrap_fixed .fixed_heart .inner_heart.wh { z-index: 0; background-image: url('data:image/svg+xml,'); }
.wrap_fixed .fixed_heart .inner_heart.pk { z-index: 12; background-image: url('data:image/svg+xml,'); }
.wrap_fixed .fixed_heart[data-color=wh] .inner_heart.wh { opacity: 1; }
.wrap_fixed .fixed_heart[data-color=pk] .inner_heart.pk { opacity: 1; }
.wrap_fixed .fixed_line { position: fixed; will-change: transform; background: no-repeat center center; background-size: contain; pointer-events: none; opacity: 0; z-index: -1; }
.wrap_fixed .fixed_line[data-show=y] { opacity: 1; z-index: 11; }
.wrap_fixed .fixed_line_wh { width: 2px; height: 71px; background-image: url("../images/fixed_line_wh@2x.png"); }
.wrap_fixed .fixed_line_pk { width: 3px; height: 571px; background-image: url("../images/fixed_line_pink@2x.png"); background-size: 100% auto; background-position: center top; }
.wrap_fixed .fixed_line_pk { bottom: 50px; left: 50%; height: 0; z-index: 8; transform: translateX(-50%); transform-origin: center bottom; }
.wrap_fixed .fixed_sec01_tit { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 592px; aspect-ratio: 592/144; height: auto; background: url("../images/sec01_tit@1.5x.png") no-repeat center center; background-size: contain; opacity: 0; z-index: 10; }
.wrap_fixed .fixed_sec01_tit[data-show=y] { opacity: 1; z-index: 10; }
.wrap_fixed .fixed_sec01_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/sec01_title_bg@1.5x.png") no-repeat center center; background-size: auto 100%; opacity: 0; z-index: 9; }
.wrap_fixed .fixed_sec01_bg[data-show=y] { opacity: 1; z-index: 9; }
.wrap_fixed .fixed_box_wh { display: none; position: fixed; left: 50%; top: 0; z-index: 11; opacity: 1; transform: translateX(-50%); height: 50vh; width: 100%; background: #fff; }
.wrap_fixed .video_set li { position: fixed; left: 0; top: 0; display: grid; justify-items: center; align-items: center; grid-template-columns: 55.6% auto; width: 100%; height: 100%; opacity: 0; z-index: -1; }
.wrap_fixed .video_set li[data-show=y] { opacity: 1; z-index: 14; }
.wrap_fixed .video_set li::before { content: ""; position: absolute; right: 44.4%; top: 0; z-index: -1; width: 100%; height: 100%; background: #FFDBE7 url("../images/video_bg@1.5x.png") no-repeat right center; background-size: auto 100%; pointer-events: none; }
.wrap_fixed .video_set .video { position: relative; z-index: 2; display: block; width: 394px; aspect-ratio: 9/16; border-radius: 22px; overflow: hidden; }
.wrap_fixed .video_set .video iframe { position: absolute; left: 50%; top: 50%; z-index: 0; transform: translate(-50%, -50%); width: calc(100% + 2px); height: calc(100% + 2px); object-position: center center; object-fit: cover; }
.wrap_fixed .video_set .btn_sound { position: absolute; right: 10px; top: 60px; z-index: 10; width: 59px; aspect-ratio: 5/5; border: none; outline: 0; border-radius: 0; }
.wrap_fixed .video_set .btn_sound::after { content: ""; position: absolute; top: 0; left: 0; z-index: 0; display: block; width: 100%; height: 100%; background: url("../images/sound_sprites@2x.png") no-repeat left center; background-size: auto 100%; pointer-events: none; }
.wrap_fixed .video_set .btn_sound.mute::after { background-position: right center; }
.wrap_fixed .video_set .txt_set { position: relative; z-index: 1; display: block; }
.wrap_fixed .video_set .txt_set::before { content: ""; display: block; width: 41px; aspect-ratio: 41/23; height: auto; background-color: #FF5582; -webkit-mask: url('data:image/svg+xml,') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; margin: 0 0 18px; opacity: 0.5; }
.wrap_fixed .video_set .txt_set p { font-size: 20px; font-weight: 500; line-height: 130%; letter-spacing: -0.02em; }
.wrap_fixed .video_set .txt_set .txt { min-width: 350px; color: #111; text-align: left; margin: 0 0 26px; }
.wrap_fixed .video_set .txt_set .txt .bold { font-weight: 600; }
.wrap_fixed .video_set .txt_set .name { color: #5F5F5F; font-size: 15px; text-align: right; }
.wrap_fixed .video_set .bg_line { position: absolute; left: 0; top: -125px; z-index: -1; display: flex; justify-content: flex-end; width: 643px; aspect-ratio: 643/403; -webkit-mask: radial-gradient(50% 50% at 50% 50%, rgba(255, 219, 231, 0) 0%, #FFDBE7 50%, rgba(255, 219, 231, 0) 100%); pointer-events: none; }
.wrap_fixed .video_set .bg_line .line { display: block; height: 100%; aspect-ratio: 2412/403; background: url("../images/video_txt_bg@1.5x.png") no-repeat center center; background-size: auto 100%; pointer-events: none; opacity: 1; transform: translateX(0); animation: bg_line_transform 70s linear infinite, bg_line_opacity 2s linear infinite; }
@keyframes bg_line_transform {
0% { transform: translateX(0); }
100% { transform: translateX(100%); }
}
@keyframes bg_line_opacity {
0% { opacity: 1; }
50% { opacity: 0.4; }
}
.section_visual { position: relative; overflow: hidden; --section-height: 900; height: 100vh; background: #FF3C83; }
.section_visual .in { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
.section_visual .tit_set { position: relative; z-index: 0; width: 100%; }
.section_visual .tit_set::before { content: ""; position: absolute; left: 50%; top: 50%; z-index: 0; transform: translate(-50%, -50%); display: block; width: 1794px; aspect-ratio: 1794/1796; height: auto; background: url("../images/main_title_bg@1.5x.png") no-repeat center center; background-size: contain; }
.section_visual .tit_set .sec_tit { position: relative; z-index: 1; display: block; width: 846px; aspect-ratio: 846/368; height: auto; background: url("../images/main_title@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto; }
.section01 { position: relative; overflow: hidden; height: 500vh; background: #fff; }
.section02 ~ section, footer { position: relative; z-index: 20; }
.section02 { position: relative; z-index: 20; height: 200vh; --parent-height: 100vh; --section-height: 889; }
.section02 .in { position: sticky; top: 0; z-index: 0; height: 100vh; padding: 0 0 calc(var(--parent-height) * 100 / var(--section-height)); }
.section02 .in::before { content: ""; position: absolute; left: 0; top: 80%; z-index: -2; width: 100%; height: 50%; background: #FFCEDF; }
.section02 .in::after { content: ""; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: #FFDBE7 url("../images/sec02_bg@1.5x.png") no-repeat center center; background-size: auto 100%; }
.section02 .in { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.section02 .tit_set { text-align: center; }
.section02 .tit_set .s_tit { color: #111; font-size: 32px; font-weight: 700; line-height: 130%; margin: 0 0 42px; }
.section02 .tit_set .sec_tit { color: #000; font-size: 40px; font-weight: 700; line-height: 140%; }
.section02 .tit_set .line { display: inline-flex; }
.section02 .tit_set .ani_set { display: inline-flex; }
.section02 .tit_set .ani_set span { display: inline; color: #D2B4C0; font-weight: 800; }
.section03 { position: relative; height: 300vh; background: #FFEFF5; }
.section03 .sticky_outer { position: sticky; top: 0; height: 100vh; }
.section03 .in { position: sticky; top: 0; display: flex; height: 100%; }
.section03 .left { display: flex; align-items: center; width: 58%; height: 100%; padding-left: calc((100% - 1040px) / 2); }
.section03 .tit_set { margin: 0 0 94px; }
.section03 .tit_set .s_tit { color: #111; font-size: 20px; font-weight: 700; line-height: 130%; }
.section03 .tit_set .sec_tit { color: #000; font-size: 35px; font-weight: 700; line-height: 140%; margin: 10px 0 30px; }
.section03 .tit_set .sec_tit .col { font-weight: 800; }
.section03 .tit_set .s_txt { color: #111; font-size: 20px; font-weight: 500; line-height: 130%; letter-spacing: -0.02em; }
.section03 .slide_set { --parent-height: 100vh; --section-height: 889; width: 42%; height: 100%; overflow: hidden; }
.section03 .slide_set .slide { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; transform: translateY(calc(calc(var(--parent-height) * 291 / var(--section-height)) * -2 + calc(var(--parent-height) * 291 / var(--section-height)) / 1.2 + 14px * -2)); }
.section03 .slide_set .item { width: auto; height: calc(var(--parent-height) * 291 / var(--section-height)); aspect-ratio: 284/291; background: no-repeat center center; background-size: cover; border-radius: 5px; transition: all 0.3s linear; }
.section03 .slide_set .item.current { height: calc(var(--parent-height) * 415 / var(--section-height)); border-radius: 7px; }
.section03 .slide_set .item1 { background-image: url("../images/sec03_slide01@1.5x.jpg"); }
.section03 .slide_set .item2 { background-image: url("../images/sec03_slide02@1.5x.jpg"); }
.section03 .slide_set .item3 { background-image: url("../images/sec03_slide03@1.5x.jpg"); }
.section03 .slide_set .item4 { background-image: url("../images/sec03_slide04@1.5x.jpg"); }
.section03 .slide_set .item5 { background-image: url("../images/sec03_slide05@1.5x.jpg"); }
.section03 .slide_set .item6 { background-image: url("../images/sec03_slide01@1.5x.jpg"); }
.section03 .slide_set .item7 { background-image: url("../images/sec03_slide02@1.5x.jpg"); }
.section03 .slide_set .item8 { background-image: url("../images/sec03_slide03@1.5x.jpg"); }
.section03 .slide_set .item9 { background-image: url("../images/sec03_slide04@1.5x.jpg"); }
.section04 { position: relative; overflow: hidden; background: #fff; }
.section04 .in { max-width: 1040px; margin: 0 auto; padding: 130px 0; }
.section04 .tit_set { margin: 0 0 55px; text-align: center; }
.section04 .tit_set .sec_tit { color: #111; font-size: 35px; font-weight: 700; line-height: 140%; margin: 0 0 16px; }
.section04 .tit_set .sec_tit .col { font-weight: 800; }
.section04 .tit_set .c_tit { display: inline-block; color: #FFF; font-size: 20px; font-weight: 700; line-height: 130%; letter-spacing: -0.02em; background: #FF3C83; border-radius: 100px; padding: 7px 19px; }
.section04 .card_set { display: flex; gap: 24px; }
.section04 .card_set .card { perspective: 1000px; width: 330px; height: 330px; cursor: pointer; }
.section04 .card_set .card:last-child { margin-bottom: 0; }
.section04 .card_set .card .flip { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.5s; }
.section04 .card_set .card .flip > div { position: absolute; inset: 0; backface-visibility: hidden; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 13px; display: flex; padding: 0 20px 20px; }
.section04 .card_set .card .front { z-index: 2; }
.section04 .card_set .card .front::after { content: ""; position: absolute; right: 20px; top: 20px; z-index: 1; display: block; width: 66px; aspect-ratio: 5/5; height: auto; background: url("../images/sec04_flip_icon@1.5x.png") no-repeat center center; background-size: contain; }
.section04 .card_set .card .back { transform: rotateY(180deg); }
.section04 .card_set .card .back::after { content: ""; position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; border: 8px solid #111; box-sizing: border-box; border-radius: 13px; pointer-events: none; }
.section04 .card_set .card .txt { width: 100%; color: #FFF; font-size: 18px; font-weight: 500; line-height: 130%; letter-spacing: -0.02em; border-radius: 13px; background: rgba(255, 255, 255, 0.18); box-shadow: 0 -1px 1px 0 rgba(255, 255, 255, 0.45); backdrop-filter: blur(11px); padding: 22px 0 22px 16px; margin: auto 0 0; }
.section04 .card_set .card1 .front { background-image: url("../images/sec04_card01_front@1.5x.jpg"); }
.section04 .card_set .card1 .back { background-image: url("../images/sec04_card01_back@1.5x.jpg"); }
.section04 .card_set .card1 .back::after { border-color: #FFBAD3; }
.section04 .card_set .card2 .front { background-image: url("../images/sec04_card02_front@1.5x.jpg"); }
.section04 .card_set .card2 .back { background-image: url("../images/sec04_card02_back@1.5x.jpg"); }
.section04 .card_set .card2 .back::after { border-color: #FFC595; }
.section04 .card_set .card3 .front { background-image: url("../images/sec04_card03_front@1.5x.jpg"); }
.section04 .card_set .card3 .back { background-image: url("../images/sec04_card03_back@1.5x.jpg"); box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.05); }
.section04 .card_set .card3 .back::after { border-color: #fff; }
.section04 .card_set .card[data-flip=y] .flip { transform: rotateY(180deg); }
.section05 { position: relative; overflow: hidden; background: #FF77A9 url("../images/sec05_bg@1.5x.jpg") no-repeat center center; background-size: auto 100%; }
.section05 .in { max-width: 1040px; margin: 0 auto; padding: 130px 0 140px; }
.section05 .tit_set { margin: 0 0 40px; }
.section05 .tit_set .sec_tit { color: #111; font-size: 35px; font-weight: 700; line-height: 140%; }
.section05 .tit_set .sec_tit em { color: #fff; font-weight: 800; }
.section05 .card_set { display: flex; justify-content: center; gap: 24px; }
.section05 .card_set .card { width: 330px; height: 370px; background: #fff no-repeat center top; background-size: 100% auto; border-radius: 13px; padding: 228px 25px 26px; }
.section05 .card_set .card .name { display: inline-block; color: #111; font-size: 16px; font-weight: 600; line-height: 130%; letter-spacing: -0.02em; background: #FFE4B7; border-radius: 100px; padding: 4px 15px; margin: 0 0 17px; }
.section05 .card_set .card .txt { color: #111; font-size: 18px; font-weight: 500; line-height: 130%; letter-spacing: -0.02em; }
.section05 .card_set .card1 { background-image: url("../images/sec05_card01@1.5x.jpg"); }
.section05 .card_set .card1 .name { background: #B7D1FF; }
.section05 .card_set .card2 { background-image: url("../images/sec05_card02@1.5x.jpg"); }
.section05 .card_set .card2 .name { background: #FFB7D1; }
.section05 .card_set .card3 { background-image: url("../images/sec05_card03@1.5x.jpg"); }
.section05 .card_set .card3 .name { background: #FFE4B7; }
.section06 { height: 100vh; position: relative; overflow: hidden; background: radial-gradient(164.38% 164.38% at 50% 50%, rgba(255, 119, 169, 0) 9.08%, rgba(255, 119, 169, 0.56) 100%), #FFF; }
.section06 .in { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100%; max-width: 1440px; margin: 0 auto; }
.section06 .btn_cta_set { position: relative; z-index: 2; }
.section06 .tit_set { position: relative; z-index: 2; margin: 0 0 47px; }
.section06 .tit_set .sec_tit { display: block; width: 299px; aspect-ratio: 299/52; height: auto; background: url("../images/sec06_tit@1.5x.png") no-repeat center center; background-size: contain; margin: 0 auto 11px; }
.section06 .tit_set p { color: #111; font-size: 32px; font-weight: 700; line-height: 140%; }
.section06 .tit_set p.txt1 { margin-bottom: 20px; }
.section06 .img_set .img { position: absolute; z-index: 1; background: no-repeat center center; background-size: contain; }
.section06 .img_set .img1 { right: 97px; top: -35px; width: 276px; aspect-ratio: 276/324; background-image: url("../images/sec06_img01@1.5x.png"); }
.section06 .img_set .img2 { left: -14px; top: 50%; transform: translateY(-50%); width: 272px; aspect-ratio: 272/186; background-image: url("../images/sec06_img02@1.5x.png"); }
.section06 .img_set .img3 { right: 169px; bottom: 54px; width: 233px; aspect-ratio: 233/211; background-image: url("../images/sec06_img03@1.5x.png"); }
.section06 .img_set .img4 { left: 229px; bottom: 180px; width: 100px; aspect-ratio: 100/88; background-image: url("../images/sec06_img04@1.5x.png"); }
.section_tab { position: relative; overflow: hidden; background: #fff url("../images/tab_bg@1.5x.jpg") no-repeat center top; background-size: 1680px auto; }
.section_tab .in { max-width: 1040px; margin: 0 auto; padding: 116px 0 130px; }
.section_tab .tit_set { margin: 0 0 40px; }
.section_tab .tit_set .eyebrow_txt { display: inline-block; color: #111; font-size: 16px; font-weight: 600; line-height: 130%; letter-spacing: -0.02em; background: #DCDCDC; border-radius: 100px; padding: 4px 15px; margin: 0 0 12px; }
.section_tab .tit_set .sec_tit { color: #373737; font-size: 35px; font-weight: 900; line-height: 120%; }
.section_tab .tab_list ul { display: flex; flex-direction: column; gap: 20px; }
.section_tab .tab_list .head button { position: relative; display: flex; align-items: flex-start; gap: 5px; width: 100%; color: #111; font-size: 20px; font-weight: 600; line-height: 150%; letter-spacing: -0.01em; text-align: left; background: #FFDBE7; border-radius: 10px; padding-block: 23px; padding-inline: 30px; }
.section_tab .tab_list .head button::after { content: ""; flex-shrink: 0; margin: auto 0 auto auto; display: block; width: 16px; aspect-ratio: 16/22; height: auto; background-color: #111; -webkit-mask: url('data:image/svg+xml,') no-repeat center center; -webkit-mask-size: contain; transition: background-color 0.3s ease; transition: transform 0.3s ease; }
.section_tab .tab_list .body { position: relative; max-height: 0; overflow: hidden; transition: all 0.3s ease; }
.section_tab .tab_list .body .inner { color: #111; font-size: 18px; font-weight: 500; line-height: 130%; text-align: left; background: #F7F7F7; border-radius: 10px; padding: 35px 30px; margin-top: 10px; }
.section_tab .tab_list .body .inner a { display: inline; }
.section_tab .tab_list .body .inner .bold { font-weight: 600; }
.section_tab .tab_list .head.show button::after { transform: rotate(180deg); }
.section_tab .tab_list .head.show + .body { max-height: var(--max-height); }
.footer { position: relative; height: 320px; background: #3C3C3C; padding: 73px 0 0; }
.footer a { display: inline; }
.footer .in { max-width: 1040px; margin: 0 auto; display: flex; align-items: flex-start; justify-content: space-between; padding-right: 18px; text-align: left; }
.footer .f_logo { display: block; width: 218px; aspect-ratio: 218/60; height: auto; background: url("../images/f_logo@2x.png") no-repeat center center; background-size: contain; margin: 0 0 0 18px; }
.footer .address { color: #fff; font-weight: 400; font-size: 18px; line-height: 31px; letter-spacing: -0.04em; margin: 1px 0 31px; }
.footer .address span { display: block; }
.footer .copyright { color: #A3A3A3; font-weight: 500; font-size: 18px; line-height: 31px; letter-spacing: -0.04em; text-transform: uppercase; }
@media (min-width: 1040px){
.wrap_fixed .video_set .fixed_box { right: calc(50% + 34px); }
.wrap_fixed .video_set .video_box { display: block; justify-self: left; margin-left: calc((180% - 1040px) / 2); }
.wrap_fixed .video_set .txt_set { justify-self: left; padding-left: 87px; } }