/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */

@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.l-header *,.l-header :before,.l-header :after,.l-header ::backdrop,.l-footer *,.l-footer :before,.l-footer :after,.l-footer ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-50:#cbcbcb;--color-neutral-100:#222;--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-loose:2;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-ja:"Noto Sans JP",sans-serif;--font-en:tt-commons-pro,"Noto Sans JP",sans-serif;--color-neutral-80:#363636;--color-neutral-70:#4f4f4f;--color-neutral-60:#7f7f7f;--color-neutral-40:#dcdcdc;--color-neutral-30:#ededed;--color-neutral-20:#f5f5f5;--color-neutral-10:#f8f8f8;--color-neutral-0:#fff;--color-duo-0:#faf7f200;--color-duo-1:#faf7f2;--color-duo-2:#f1eadd;--color-duo-3:#ab917f;--color-canadel-0:#f3f4f900;--color-canadel-1:#f3f4f9;--color-canadel-2:#e5e6eb;--color-canadel-3:#9aa1b9;--color-clayence-0:#f8f4f500;--color-clayence-1:#f8f4f5;--color-cmania-0:#f8f6e500;--color-cmania-1:#f8f6e5;--color-duomen-0:#f0f1f200;--color-duomen-1:#f0f1f2;--color-sinto-0:#f0f2f100;--color-sinto-1:#f0f2f1;--color-reinca-0:#fcf4f100;--color-reinca-1:#fcf4f1;--color-red:#ef4545;--color-red-dark:#b70606;--color-red-light:#f6eaea;--color-green:#568c4e;--color-gold:#b89745;--color-orange:#e36744;--color-orange-light:#fff3e9;--color-violet:#8a6d95;--color-pink:#e07374;--color-violet-light:#f0f0f8;--color-yellow-ashita:#fdf7eb;--color-gradient-bihada:linear-gradient(90deg,#f0e3f6 0%,#f4e1eb 50%,#f7eeef 100%);--color-gradient-light-bihada:linear-gradient(90deg,#faf1fe 0%,#fff4fa 50%,#fcf1f2 100%);--color-gradient-dark-bihada:linear-gradient(90deg,#d3bbe2 0%,#e5bde2 50%,#e5bcd5 100%);--color-gradient-dark2-bihada:linear-gradient(90deg,#c19fd4 0%,#de9cd5 50%,#e3afc7 100%);--color-pink-ashita:#d790b9;--color-light-pink-ashita:#f7ecf2;--color-blue-ashita:#8489a9;--color-light-blue-ashita:#ecedf9;--color-yellow2-ashita:#ffedc9;--font-size-body-medium:1rem;--line-height-body-medium:1.75;--font-size-body-regular:.875rem;--line-height-body-regular:1.857;--line-height-body-regular-bold:1.714;--font-size-body-small:.75rem;--line-height-body-small:1.667;--line-height-body-small-bold:1.5;--font-size-body-very-small:.6875rem;--line-height-body-very-small:1.45;--font-size-body-annotation:.625rem;--line-height-body-annotation:1.6;--font-size-body-very-very-small:.5625rem;--line-height-body-very-very-small:1.33;--font-size-body-large:1.15rem;--line-height-body-large:1.75;--font-size-body-large-regular:1.25rem;--line-height-body-large-regular:1.5;--font-size-h2-en-pc:2.125rem;--font-size-h2-en-sp:1.75rem;--font-size-h1-pc:2.25rem;--line-height-h1-pc:1.17;--font-size-h2-pc:1.75rem;--line-height-h2-pc:1.29;--font-size-h3-pc:1.125rem;--line-height-h3-pc:1.56;--font-size-h2-sp:1.375rem;--line-height-h2-sp:1.36;--font-size-h1-sp:1.5rem;--line-height-h1-sp:1.4167;--aspect-ratio-1-1:1/1;--aspect-ratio-16-11:16/11;--aspect-ratio-2-1:2/1}}@layer base{.l-header *,.l-header :after,.l-header :before,.l-header ::backdrop,.l-footer *,.l-footer :after,.l-footer :before,.l-footer ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.l-header ::file-selector-button,.l-footer ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}/* Removed global HTML font - now scoped to header/footer only */
.l-header,.l-footer{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}.l-header hr,.l-footer hr{height:0;color:inherit;border-top-width:1px}.l-header abbr:where([title]),.l-footer abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.l-header h1,.l-header h2,.l-header h3,.l-header h4,.l-header h5,.l-header h6,.l-footer h1,.l-footer h2,.l-footer h3,.l-footer h4,.l-footer h5,.l-footer h6{font-size:inherit;font-weight:inherit}.l-header a,.l-footer a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.l-header b,.l-header strong,.l-footer b,.l-footer strong{font-weight:bolder}.l-header code,.l-header kbd,.l-header samp,.l-header pre,.l-footer code,.l-footer kbd,.l-footer samp,.l-footer pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}.l-header small,.l-footer small{font-size:80%}.l-header sub,.l-header sup,.l-footer sub,.l-footer sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.l-header sub,.l-footer sub{bottom:-.25em}.l-header sup,.l-footer sup{top:-.5em}.l-header table,.l-footer table{text-indent:0;border-color:inherit;border-collapse:collapse}.l-header :-moz-focusring,.l-footer :-moz-focusring{outline:auto}.l-header progress,.l-footer progress{vertical-align:baseline}.l-header summary,.l-footer summary{display:list-item}.l-header ol,.l-header ul,.l-header menu,.l-footer ol,.l-footer ul,.l-footer menu{list-style:none}.l-header img,.l-header svg,.l-header video,.l-header canvas,.l-header audio,.l-header iframe,.l-header embed,.l-header object,.l-footer img,.l-footer svg,.l-footer video,.l-footer canvas,.l-footer audio,.l-footer iframe,.l-footer embed,.l-footer object{vertical-align:middle;display:block}.l-header img,.l-header video,.l-footer img,.l-footer video{max-width:100%;height:auto}.l-header button,.l-header input,.l-header select,.l-header optgroup,.l-header textarea,.l-footer button,.l-footer input,.l-footer select,.l-footer optgroup,.l-footer textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.l-header ::file-selector-button,.l-footer ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.l-header :where(select:is([multiple],[size])) optgroup,.l-footer :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.l-header :where(select:is([multiple],[size])) optgroup option,.l-footer :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.l-header ::file-selector-button,.l-footer ::file-selector-button{margin-inline-end:4px}.l-header ::placeholder,.l-footer ::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){.l-header ::placeholder,.l-footer ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.l-header ::placeholder,.l-footer ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}.l-header textarea,.l-footer textarea{resize:vertical}.l-header ::-webkit-search-decoration,.l-footer ::-webkit-search-decoration{-webkit-appearance:none}.l-header ::-webkit-date-and-time-value,.l-footer ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.l-header ::-webkit-datetime-edit,.l-footer ::-webkit-datetime-edit{display:inline-flex}.l-header ::-webkit-datetime-edit-fields-wrapper,.l-footer ::-webkit-datetime-edit-fields-wrapper{padding:0}.l-header ::-webkit-datetime-edit,.l-footer ::-webkit-datetime-edit{padding-block:0}.l-header ::-webkit-datetime-edit-year-field,.l-footer ::-webkit-datetime-edit-year-field{padding-block:0}.l-header ::-webkit-datetime-edit-month-field,.l-footer ::-webkit-datetime-edit-month-field{padding-block:0}.l-header ::-webkit-datetime-edit-day-field,.l-footer ::-webkit-datetime-edit-day-field{padding-block:0}.l-header ::-webkit-datetime-edit-hour-field,.l-footer ::-webkit-datetime-edit-hour-field{padding-block:0}.l-header ::-webkit-datetime-edit-minute-field,.l-footer ::-webkit-datetime-edit-minute-field{padding-block:0}.l-header ::-webkit-datetime-edit-second-field,.l-footer ::-webkit-datetime-edit-second-field{padding-block:0}.l-header ::-webkit-datetime-edit-millisecond-field,.l-footer ::-webkit-datetime-edit-millisecond-field{padding-block:0}.l-header ::-webkit-datetime-edit-meridiem-field,.l-footer ::-webkit-datetime-edit-meridiem-field{padding-block:0}.l-header ::-webkit-calendar-picker-indicator,.l-footer ::-webkit-calendar-picker-indicator{line-height:1}.l-header :-moz-ui-invalid,.l-footer :-moz-ui-invalid{box-shadow:none}.l-header button,.l-header input:where([type=button],[type=reset],[type=submit]),.l-footer button,.l-footer input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}.l-header ::file-selector-button,.l-footer ::file-selector-button{-webkit-appearance:button;appearance:button}.l-header ::-webkit-inner-spin-button,.l-footer ::-webkit-inner-spin-button{height:auto}.l-header ::-webkit-outer-spin-button,.l-footer ::-webkit-outer-spin-button{height:auto}.l-header [hidden]:where(:not([hidden=until-found])),.l-footer [hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.is-style-sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative;top:-.5em}}@layer utilities{/* Scoped utility classes - only affect header/footer */
.l-header .visible,.l-footer .visible{visibility:visible}.l-header .\!sr-only,.l-footer .\!sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.l-header .sr-only,.l-footer .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.l-header .static,.l-footer .static{position:static}.l-header .order-1,.l-footer .order-1{order:1}.l-header .order-2,.l-footer .order-2{order:2}.l-header .container,.l-footer .container{width:100%}@media (min-width:40rem){.l-header .container,.l-footer .container{max-width:40rem}}@media (min-width:48rem){.l-header .container,.l-footer .container{max-width:48rem}}@media (min-width:64rem){.l-header .container,.l-footer .container{max-width:64rem}}@media (min-width:80rem){.l-header .container,.l-footer .container{max-width:80rem}}@media (min-width:96rem){.l-header .container,.l-footer .container{max-width:96rem}}.l-header .\!mx-auto,.l-footer .\!mx-auto{margin-inline:auto!important}.l-header .mx-auto,.l-footer .mx-auto{margin-inline:auto}.l-header .\!mt-4,.l-footer .\!mt-4{margin-top:calc(var(--spacing)*4)!important}.l-header .\!mt-6,.l-footer .\!mt-6{margin-top:calc(var(--spacing)*6)!important}.l-header .\!mt-10,.l-footer .\!mt-10{margin-top:calc(var(--spacing)*10)!important}.l-header .mt-1,.l-footer .mt-1{margin-top:calc(var(--spacing)*1)}.l-header .mt-1\.5,.l-footer .mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.l-header .mt-2,.l-footer .mt-2{margin-top:calc(var(--spacing)*2)}.l-header .mt-3,.l-footer .mt-3{margin-top:calc(var(--spacing)*3)}.l-header .mt-4,.l-footer .mt-4{margin-top:calc(var(--spacing)*4)}.l-header .mt-5,.l-footer .mt-5{margin-top:calc(var(--spacing)*5)}.l-header .mt-6,.l-footer .mt-6{margin-top:calc(var(--spacing)*6)}.l-header .mt-7,.l-footer .mt-7{margin-top:calc(var(--spacing)*7)}.l-header .mt-8,.l-footer .mt-8{margin-top:calc(var(--spacing)*8)}.l-header .mt-10,.l-footer .mt-10{margin-top:calc(var(--spacing)*10)}.l-header .mt-12,.l-footer .mt-12{margin-top:calc(var(--spacing)*12)}.l-header .mt-12\.5,.l-footer .mt-12\.5{margin-top:calc(var(--spacing)*12.5)}.l-header .mt-14,.l-footer .mt-14{margin-top:calc(var(--spacing)*14)}.l-header .mt-20,.l-footer .mt-20{margin-top:calc(var(--spacing)*20)}.l-header .mr-1,.l-footer .mr-1{margin-right:calc(var(--spacing)*1)}.l-header .\!mb-2,.l-footer .\!mb-2{margin-bottom:calc(var(--spacing)*2)!important}.l-header .mb-0,.l-footer .mb-0{margin-bottom:calc(var(--spacing)*0)}.l-header .mb-1\.5,.l-footer .mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.l-header .mb-2,.l-footer .mb-2{margin-bottom:calc(var(--spacing)*2)}.l-header .mb-3,.l-footer .mb-3{margin-bottom:calc(var(--spacing)*3)}.l-header .mb-4,.l-footer .mb-4{margin-bottom:calc(var(--spacing)*4)}.l-header .mb-6,.l-footer .mb-6{margin-bottom:calc(var(--spacing)*6)}.l-header .mb-7,.l-footer .mb-7{margin-bottom:calc(var(--spacing)*7)}.l-header .mb-8,.l-footer .mb-8{margin-bottom:calc(var(--spacing)*8)}.l-header .mb-10,.l-footer .mb-10{margin-bottom:calc(var(--spacing)*10)}.l-header .line-clamp-3,.l-footer .line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.l-header .block,.l-footer .block{display:block}.l-header .flex,.l-footer .flex{display:flex}.l-header .grid,.l-footer .grid{display:grid}.l-header .hidden,.l-footer .hidden{display:none}.l-header .inline-block,.l-footer .inline-block{display:inline-block}.l-header .inline-flex,.l-footer .inline-flex{display:inline-flex}.l-header .table,.l-footer .table{display:table}.l-header .h-47\.5,.l-footer .h-47\.5{height:calc(var(--spacing)*47.5)}.l-header .h-100,.l-footer .h-100{height:calc(var(--spacing)*100)}.l-header .w-100,.l-footer .w-100{width:calc(var(--spacing)*100)}.l-header .w-full,.l-footer .w-full{width:100%}.l-header .max-w-31,.l-footer .max-w-31{max-width:calc(var(--spacing)*31)}.l-header .max-w-37,.l-footer .max-w-37{max-width:calc(var(--spacing)*37)}.l-header .max-w-53,.l-footer .max-w-53{max-width:calc(var(--spacing)*53)}.l-header .max-w-none,.l-footer .max-w-none{max-width:none}.l-header .min-w-0,.l-footer .min-w-0{min-width:calc(var(--spacing)*0)}.l-header .min-w-37,.l-footer .min-w-37{min-width:calc(var(--spacing)*37)}.l-header .flex-shrink,.l-footer .flex-shrink{flex-shrink:1}.l-header .flex-grow,.l-footer .flex-grow,.l-header .grow,.l-footer .grow{flex-grow:1}.l-header .border-collapse,.l-footer .border-collapse{border-collapse:collapse}.l-header .transform,.l-footer .transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.l-header .resize,.l-footer .resize{resize:both}.l-header .flex-wrap,.l-footer .flex-wrap{flex-wrap:wrap}.l-header .items-center,.l-footer .items-center{align-items:center}.l-header .justify-center,.l-footer .justify-center{justify-content:center}.l-header .gap-4,.l-footer .gap-4{gap:calc(var(--spacing)*4)}.l-header .gap-y-4\.5,.l-footer .gap-y-4\.5{row-gap:calc(var(--spacing)*4.5)}.l-header .border,.l-footer .border{border-style:var(--tw-border-style);border-width:1px}.l-header .border-red,.l-footer .border-red{border-color:var(--color-red)}.l-header .bg-neutral-0,.l-footer .bg-neutral-0{background-color:var(--color-neutral-0)}.l-header .bg-neutral-20,.l-footer .bg-neutral-20{background-color:var(--color-neutral-20)}.l-header .bg-neutral-30,.l-footer .bg-neutral-30{background-color:var(--color-neutral-30)}.l-header .bg-red,.l-footer .bg-red{background-color:var(--color-red)}.l-header .mask-repeat,.l-footer .mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.l-header .p-4\.5,.l-footer .p-4\.5{padding:calc(var(--spacing)*4.5)}.l-header .pt-2,.l-footer .pt-2{padding-top:calc(var(--spacing)*2)}.l-header .pt-20,.l-footer .pt-20{padding-top:calc(var(--spacing)*20)}.l-header .pb-10,.l-footer .pb-10{padding-bottom:calc(var(--spacing)*10)}.l-header .text-center,.l-footer .text-center{text-align:center}.l-header .text-right,.l-footer .text-right{text-align:right}.l-header .leading-\[1\.2\]\!,.l-footer .leading-\[1\.2\]\!{--tw-leading:1.2!important;line-height:1.2!important}.l-header .leading-loose,.l-footer .leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.l-header .font-bold,.l-footer .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.l-header .font-medium,.l-footer .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.l-header .font-semibold,.l-footer .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.l-header .text-neutral-40,.l-footer .text-neutral-40{color:var(--color-neutral-40)}.l-header .text-neutral-70,.l-footer .text-neutral-70{color:var(--color-neutral-70)}.l-header .text-red,.l-footer .text-red{color:var(--color-red)}.l-header .underline,.l-footer .underline{text-decoration-line:underline}.l-header .outline,.l-footer .outline{outline-style:var(--tw-outline-style);outline-width:1px}.l-header .filter,.l-footer .filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.l-header .backdrop-filter,.l-footer .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.l-header .transition,.l-footer .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.l-header .hover\:no-underline:hover,.l-footer .hover\:no-underline:hover{text-decoration-line:none}}@media (min-width:48rem){.l-header .md\:mx-0,.l-footer .md\:mx-0{margin-inline:calc(var(--spacing)*0)}.l-header .md\:\!mt-auto,.l-footer .md\:\!mt-auto{margin-top:auto!important}.l-header .md\:mt-0,.l-footer .md\:mt-0{margin-top:calc(var(--spacing)*0)}.l-header .md\:mt-1,.l-footer .md\:mt-1{margin-top:calc(var(--spacing)*1)}.l-header .md\:mt-2,.l-footer .md\:mt-2{margin-top:calc(var(--spacing)*2)}.l-header .md\:mt-4\.5,.l-footer .md\:mt-4\.5{margin-top:calc(var(--spacing)*4.5)}.l-header .md\:mt-5,.l-footer .md\:mt-5{margin-top:calc(var(--spacing)*5)}.l-header .md\:mt-6,.l-footer .md\:mt-6{margin-top:calc(var(--spacing)*6)}.l-header .md\:mt-8,.l-footer .md\:mt-8{margin-top:calc(var(--spacing)*8)}.l-header .md\:mt-10,.l-footer .md\:mt-10{margin-top:calc(var(--spacing)*10)}.l-header .md\:mt-14,.l-footer .md\:mt-14{margin-top:calc(var(--spacing)*14)}.l-header .md\:mt-20,.l-footer .md\:mt-20{margin-top:calc(var(--spacing)*20)}.l-header .md\:mt-23,.l-footer .md\:mt-23{margin-top:calc(var(--spacing)*23)}.l-header .md\:mt-auto,.l-footer .md\:mt-auto{margin-top:auto}.l-header .md\:\!mb-0,.l-footer .md\:\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.l-header .md\:\!mb-4,.l-footer .md\:\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.l-header .md\:mb-3,.l-footer .md\:mb-3{margin-bottom:calc(var(--spacing)*3)}.l-header .md\:mb-4,.l-footer .md\:mb-4{margin-bottom:calc(var(--spacing)*4)}.l-header .md\:mb-5,.l-footer .md\:mb-5{margin-bottom:calc(var(--spacing)*5)}.l-header .md\:mb-7\.5,.l-footer .md\:mb-7\.5{margin-bottom:calc(var(--spacing)*7.5)}.l-header .md\:mb-8,.l-footer .md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.l-header .md\:mb-12,.l-footer .md\:mb-12{margin-bottom:calc(var(--spacing)*12)}.l-header .md\:ml-0,.l-footer .md\:ml-0{margin-left:calc(var(--spacing)*0)}.l-header .md\:block,.l-footer .md\:block{display:block}.l-header .md\:hidden,.l-footer .md\:hidden{display:none}.l-header .md\:max-w-45,.l-footer .md\:max-w-45{max-width:calc(var(--spacing)*45)}.l-header .md\:px-8,.l-footer .md\:px-8{padding-inline:calc(var(--spacing)*8)}.l-header .md\:py-6,.l-footer .md\:py-6{padding-block:calc(var(--spacing)*6)}.l-header .md\:pt-6,.l-footer .md\:pt-6{padding-top:calc(var(--spacing)*6)}.l-header .md\:pt-22,.l-footer .md\:pt-22{padding-top:calc(var(--spacing)*22)}.l-header .md\:pb-23\.5,.l-footer .md\:pb-23\.5{padding-bottom:calc(var(--spacing)*23.5)}.l-header .md\:text-left,.l-footer .md\:text-left{text-align:left}}@media (min-width:64rem){.l-header .lg\:\!mt-6,.l-footer .lg\:\!mt-6{margin-top:calc(var(--spacing)*6)!important}.l-header .lg\:\!mt-8,.l-footer .lg\:\!mt-8{margin-top:calc(var(--spacing)*8)!important}.l-header .lg\:\!mb-4,.l-footer .lg\:\!mb-4{margin-bottom:calc(var(--spacing)*4)!important}.l-header .lg\:\!block,.l-footer .lg\:\!block{display:block!important}.l-header .lg\:\!hidden,.l-footer .lg\:\!hidden{display:none!important}.l-header .lg\:\!pl-3,.l-footer .lg\:\!pl-3{padding-left:calc(var(--spacing)*3)!important}}.l-header .container,.l-footer .container{--container-padding:1.125rem;max-width:calc(75rem + var(--container-padding)*2);padding-left:var(--container-padding);padding-right:var(--container-padding)}@media (min-width:48rem){.l-header .container,.l-footer .container{--container-padding:2rem}}.l-header .container-md,.l-footer .container-md{max-width:calc(62.125rem + var(--container-padding)*2)}.l-header .text-body-medium,.l-footer .text-body-medium{font-size:var(--font-size-body-medium);line-height:var(--line-height-body-medium)}.l-header .text-body-regular,.l-footer .text-body-regular{font-size:var(--font-size-body-regular);line-height:var(--line-height-body-regular)}.l-header .text-body-small,.l-footer .text-body-small{font-size:var(--font-size-body-small);line-height:var(--line-height-body-small)}.l-header .text-body-very-small,.l-footer .text-body-very-small{font-size:var(--font-size-body-very-small);line-height:var(--line-height-body-very-small)}.l-header .text-body-very-very-small,.l-footer .text-body-very-very-small{font-size:var(--font-size-body-very-very-small);line-height:var(--line-height-body-very-very-small)}.l-header .text-body-annotation,.l-footer .text-body-annotation{font-size:var(--font-size-body-annotation);line-height:var(--line-height-body-annotation)}.l-header .text-body-large-regular,.l-footer .text-body-large-regular{font-size:var(--font-size-body-large-regular);line-height:var(--line-height-body-large-regular)}.l-header span[class*=text-body-],.l-footer span[class*=text-body-]{display:inline-block}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}

.l-wrapper {
  overflow: clip;
}
.p-skincarecheck .l-wrapper {
  min-height: 100lvh;
  display: grid;
  grid-template-rows: 1fr auto;
}

@layer utilities {
  .u-on-fade {
    transition: opacity 0.3s;
  }
  .u-on-fade:hover {
    opacity: 0.7;
  }
}
@layer components {
  .l-main {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  @media (width >= 48rem) {
    .l-main {
      padding-top: 6rem;
      padding-bottom: 4.5rem;
    }
  }
  .l-main:has(.c-bestcosme-title), .l-main:has(.p-searchresult-inputblock), .l-main:has(.p-beautycolumn-hero), .l-main:has(.p-beautycolumn-title), .p-brand-top .l-main, .p-brand-about-page .l-main {
    padding-top: 0;
  }
  .l-main:has(.p-item-main) {
    padding-top: 0;
  }
  @media (width >= 48rem) {
    .l-main:has(.p-item-main) {
      padding-top: 3.375rem;
    }
  }
  .l-main:has(.p-beautycolumn-article-title) {
    padding-top: 2.125rem;
  }
  @media (width >= 48rem) {
    .l-main:has(.p-beautycolumn-article-title) {
      padding-top: 3rem;
    }
  }
  .l-main:has(.p-reviews-title) {
    padding-top: 1.5rem;
  }
  .l-main:has(.l-beautycolumn-logo) {
    padding-top: 0;
  }
   .l-main:has(.l-beautycolumn-logo) {
    padding-bottom: 3.5rem;
  }
  @media (width >= 48rem) {
    .l-main:has(.l-beautycolumn-logo) {
      padding-bottom: 7.125rem;
    }
  }
  .p-maintenance .l-main, .p-skincarecheck .l-main {
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-top .l-main {
    padding-top: 0;
    padding-bottom: 3.5rem;
  }
  @media (width < 48rem) {
    .p-error .l-main {
      padding-bottom: 4rem;
    }
  }
  @media (width < 48rem) {
    .p-aboutus .l-main {
      padding-top: 4.375rem;
    }
  }
  .p-brand-about-page .l-main, .p-aboutus .l-main, .l-main:has(.c-ashita-bihada:last-child), .l-main:has(.c-about-ashita-bihada:last-child) {
    padding-bottom: 0;
  }
}
@layer components {
  .c-navi-underline-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0rem 1.125rem;
  }
  @media (width >= 48rem) {
    .c-navi-underline-list--3col {
      grid-template-columns: repeat(3, 1fr);
      gap: 0 2.25rem;
    }
  }
  @media (width >= 48rem) {
    .c-navi-underline-list--4col {
      grid-template-columns: repeat(4, 1fr);
      gap: 0 2.25rem;
    }
  }
  @media (width >= 48rem) {
    .c-navi-underline-list--6col {
      grid-template-columns: repeat(6, 1fr);
      gap: 0 2.25rem;
    }
  }
}
@layer components {
  .c-navi-underline {
    --icon-size: 3.5rem;
    --gap: 0.125rem 0.25rem;
    --padding: 1.25rem 1.5rem 1.1875rem 0;
    --main-size: var(--font-size-body-small);
    --main-lh: var(--line-height-body-small);
    --sub-size: var(--font-size-body-annotation);
    --sub-lh: var(--line-height-body-annotation);
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap);
    padding: var(--padding);
    border-bottom: 1px solid var(--color-neutral-40);
  }
  @media (width >= 48rem) {
    .c-navi-underline {
      --padding: 0;
    }
  }
  .c-navi-underline__name-main {
    align-self: flex-end;
    font-family: var(--font-en) !important;
    font-size: var(--main-size);
    font-weight: 400;
    line-height: var(--main-lh);
  }
  .c-navi-underline__name {
    align-self: flex-start;
    font-family: var(--font-en) !important;
    font-size: var(--sub-size);
    line-height: var(--sub-lh);
    color: var(--color-neutral-60);
  }
  @media (width < 48rem) {
    .c-navi-underline__name {
      line-height: 1;
    }
  }
  .c-navi-underline:has(.c-navi-underline__icon) {
    grid-template-rows: auto auto;
    grid-template-columns: var(--icon-size) 1fr;
  }
  .c-navi-underline:has(.c-navi-underline__icon) .c-navi-underline__icon {
    grid-row: 1/3;
    grid-column: 1/2;
  }
  .c-navi-underline:has(.c-navi-underline__icon) .c-navi-underline__name {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .c-navi-underline:has(.c-navi-underline__icon) .c-navi-underline__name-main {
    grid-row: 1/2;
    grid-column: 2/3;
  }
  @media (width >= 48rem) {
    .c-navi-underline:not(:has(.c-navi-underline__icon)) {
      --padding: 1.125rem 0;
      --main-size: var(--font-size-body-regular);
      --main-lh: var(--line-height-body-regular);
    }
  }
  .c-navi-underline {
    transition: opacity 0.3s;
  }
  .c-navi-underline:hover {
    opacity: 0.7;
  }
  @media (width >= 48rem) {
    .c-navi-underline {
      --gap: 0.125rem 0.75rem;
      --padding: 0.5rem 1.25rem 0.5rem 0;
      --main-size: var(--font-size-body-regular);
      --main-lh: var(--line-height-body-regular);
    }
  }
  @media (width >= 48rem) {
    .c-navi-underline--col-4 {
      --gap: 0.125rem 0.5rem;
      --main-size: var(--font-size-body-very-small);
      --main-lh: var(--line-height-body-very-small);
    }
  }
  @media (width >= 48rem) {
    .c-navi-underline--col-6 {
      --icon-size: 2.8125rem;
      --gap: 0.125rem 0.25rem;
      --main-size: var(--font-size-body-annotation);
      --main-lh: var(--line-height-body-annotation);
    }
  }
  .c-navi-underline::after {
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    display: block;
    width: 1.25rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    content: "";
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-ar-right.svg");
            mask-image: url("../../assets/images/icon-ar-right.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: background-color 0.3s;
  }
  @media (width < 48rem) {
    .c-navi-underline__icon img {
      margin-inline: auto;
    }
  }
}
@layer components {
  .c-navi-concerns {
    display: grid;
    grid-template-columns: 1fr 1.25rem;
    align-items: center;
    min-height: 3.5rem;
    padding: 0.5rem 1rem 0.5rem 1.125rem;
    background: var(--color-neutral-0) !important;
    transition: opacity 0.3s;
  }
  .c-navi-concerns:hover {
    opacity: 0.7;
  }
  @media (width >= 48rem) {
    .c-navi-concerns {
      min-height: 4.5rem;
      padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    }
  }
  .c-navi-concerns::after {
    display: block;
    width: 1.25rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    content: "";
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-ar-right.svg");
            mask-image: url("../../assets/images/icon-ar-right.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: background-color 0.3s;
  }
  .c-navi-concerns--border {
    border: 1px solid var(--color-neutral-50);
  }
}
@layer components {
  .c-tag-small {
    display: block;
    width: fit-content;
    padding: 0.375rem 0.75rem;
    font-size: var(--font-size-body-very-small);
    line-height: var(--line-height-body-vey-small);
    background: var(--color-neutral-0);
    border: 1px solid var(--color-neutral-50);
    border-radius: 100vmax;
  }
  a.c-tag-small,
  button.c-tag-small {
    cursor: pointer;
    transition: opacity 0.3s;
  }
  a.c-tag-small:hover,
  button.c-tag-small:hover {
    opacity: 0.7;
  }
}
@layer components {
  .c-button {
    --border-color: var(--color-neutral-100);
    --bg-color: transparent;
    --color: var(--color-neutral-100);
    --button-color: var(--color-neutral-100);
    --icon-color: var(--color-neutral-0);
    --scale: 0;
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    min-width: 11.25rem;
    min-height: 3rem;
    padding: 0.5rem 3.125rem 1.25rem 0;
    font-size: var(--font-size-body-small) !important;
    font-weight: 500;
    line-height: 1.6667 !important;
    color: var(--color);
    text-align: center;
    cursor: pointer;
    background: var(--bg-color);
    border-bottom: 1px solid var(--color-neutral-50);
    transition: background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
  }
  .c-button.is-disabled {
    --color: var(--color-neutral-50);
    pointer-events: none;
  }
  .c-button.is-disabled::before {
    background: var(--color-neutral-50);
    border-color: var(--color-neutral-50);
  }
  .c-button:hover {
    --button-color: var(--color-neutral-0);
    --icon-color: var(--color-neutral-100);
    --scale: 1;
  }
  .c-button::before {
    position: absolute;
    top: calc(50% - 0.875rem);
    right: 0;
    display: block;
    width: 2.625rem;
    height: 1rem;
    content: "";
    background: var(--button-color);
    border: 1px solid var(--color-neutral-100);
    border-radius: 100vmax;
    transition: background-color 0.3s;
  }
  .c-button::after {
    position: absolute;
    top: calc(50% - 0.6875rem);
    right: 0.9375rem;
    z-index: 1;
    display: block;
    width: 0.625rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    content: "";
    background-color: var(--icon-color);
    -webkit-mask-image: url("../../assets/images/icon-ar-right.svg");
            mask-image: url("../../assets/images/icon-ar-right.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: background-color 0.3s;
  }
  .c-button[target=_blank]::after {
    top: calc(50% - 0.75rem);
    width: 0.75rem;
    -webkit-mask-image: url("../../assets/images/icon-external-link.svg");
            mask-image: url("../../assets/images/icon-external-link.svg");
  }
  .c-button--cart::before, .c-button--cart-primary::before {
    position: absolute;
    top: calc(50% - 0.625rem);
    left: 1rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-color: var(--color);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: background-color 0.3s;
  }
  .c-button--cart::after, .c-button--cart-primary::after {
    display: none;
  }
  .c-button__inner::before {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--color-neutral-100);
    transform: scaleX(var(--scale));
    transform-origin: left bottom;
    transition: transform 0.3s ease;
  }
  .c-button--cart {
    --border-color: var(--color-neutral-100);
    --bg-color: var(--color-neutral-100);
    --color: var(--color-neutral-0);
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.5rem 2rem 0.5rem 2.25rem;
    border: 1px solid var(--border-color);
    border-radius: 100vmax;
    opacity: 1 !important;
  }
  .c-button--cart .c-button__inner::before {
    display: none;
  }
  .c-button--cart::before {
    border: none;
    -webkit-mask-image: url("../../assets/images/icon-cart.svg");
            mask-image: url("../../assets/images/icon-cart.svg");
  }
  .c-button--cart:hover {
    --bg-color: var(--color-neutral-0);
    --color: var(--color-neutral-100);
  }
  .c-button--cart-primary {
    --border-color: var(--color-red);
    --bg-color: var(--color-red);
    --color: var(--color-neutral-0);
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.5rem 2rem 0.5rem 2.25rem;
    border: 1px solid var(--border-color);
    border-radius: 100vmax;
    opacity: 1 !important;
  }
  .c-button--cart-primary::before {
    border: none;
    -webkit-mask-image: url("../../assets/images/icon-regular.svg");
            mask-image: url("../../assets/images/icon-regular.svg");
  }
  .c-button--cart-primary:hover {
    --border-color: var(--color-red);
    --bg-color: var(--color-neutral-0);
    --color: var(--color-red);
  }
  .c-button--cart-primary .c-button__inner::before {
    display: none;
  }
  .c-button--edit::before {
    display: none;
  }
  .c-button--edit::after {
    top: 0.5rem;
    right: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-edit.svg");
            mask-image: url("../../assets/images/icon-edit.svg");
  }
  .c-button--reverse {
    --border-color: var(--color-neutral-100);
    --bg-color: var(--color-neutral-100);
    --color: var(--color-neutral-0);
  }
  .c-button--reverse:hover {
    --bg-color: var(--color-neutral-0);
    --color: var(--color-neutral-100);
  }
}
@layer components {
  .l-header__brand-navi {
    --brand-color: #ccc;
    position: relative;
    background-color: var(--brand-color);
  }
  .l-header__brand-navi::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 4rem;
    padding: 2px 6px;
    pointer-events: none;
    content: "";
  }
  .l-header__brand-navi[data-brand=duo] {
    --brand-color: var(--color-duo-1);
  }
  .l-header__brand-navi[data-brand=duo]::before {
    background: linear-gradient(to left, var(--color-duo-1), var(--color-duo-0));
  }
  .l-header__brand-navi[data-brand=canadel] {
    --brand-color: var(--color-canadel-1);
  }
  .l-header__brand-navi[data-brand=canadel]::before {
    background: linear-gradient(to left, var(--color-canadel-1), var(--color-canadel-0));
  }
  .l-header__brand-navi[data-brand=clayence] {
    --brand-color: var(--color-clayence-1);
  }
  .l-header__brand-navi[data-brand=clayence]::before {
    background: linear-gradient(to left, var(--color-clayence-1), var(--color-clayence-0));
  }
  .l-header__brand-navi[data-brand=cmania] {
    --brand-color: var(--color-cmania-1);
  }
  .l-header__brand-navi[data-brand=cmania]::before {
    background: linear-gradient(to left, var(--color-cmania-1), var(--color-cmania-0));
  }
  .l-header__brand-navi[data-brand=duomen] {
    --brand-color: var(--color-duomen-1);
  }
  .l-header__brand-navi[data-brand=duomen]::before {
    background: linear-gradient(to left, var(--color-duomen-1), var(--color-duomen-0));
  }
  .l-header__brand-navi[data-brand=sinto] {
    --brand-color: var(--color-sinto-1);
  }
  .l-header__brand-navi[data-brand=sinto]::before {
    background: linear-gradient(to left, var(--color-sinto-1), var(--color-sinto-0));
  }
  .l-header__brand-navi[data-brand=reinca] {
    --brand-color: var(--color-reinca-1);
  }
  .l-header__brand-navi[data-brand=reinca]::before {
    background: linear-gradient(to left, var(--color-reinca-1), var(--color-reinca-0));
  }
  .l-header__brand-navi-list {
    display: flex;
    gap: 1rem;
    width: fit-content;
    padding-inline: 1.125rem;
    margin-inline: auto;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  @media (width >= 48rem) {
    .l-header__brand-navi-list {
      gap: 2rem;
      padding-inline: 2rem;
    }
  }
  .l-header__brand-navi-list-item {
    position: relative;
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    scroll-snap-align: start;
  }
  .l-header__brand-navi-list-item:first-child {
    scroll-margin-left: 1.125rem;
  }
  @media (width >= 48rem) {
    .l-header__brand-navi-list-item:first-child {
      scroll-margin-left: 2rem;
    }
  }
  @media (width < 64rem) {
    .l-header__brand-navi-list-item:last-child {
      padding-right: 3.125rem;
    }
  }
  .l-header__brand-navi-list-item:has(.l-header__brand-navi-child) {
    --grid-template-rows: 0fr;
    --visibility: hidden;
  }
  .l-header__brand-navi-list-item:has(.is-open) {
    --grid-template-rows: 1fr;
    --visibility: visible;
  }
  .l-header__brand-navi-list-link {
    padding: 0.625rem 0;
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
  }
  .l-header__brand-navi-list-link--has-child {
    display: grid;
    grid-template-columns: auto 0.75rem;
    gap: 0.25rem;
    align-items: center;
    cursor: pointer;
  }
  .l-header__brand-navi-list-link--has-child::after {
    display: block;
    width: 0.75rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    content: "";
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-down.svg");
            mask-image: url("../../assets/images/icon-down.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: transform 0.3s ease;
  }
  .l-header__brand-navi-list-link {
    transition: opacity 0.3s;
  }
  .l-header__brand-navi-list-link:hover {
    opacity: 0.7;
  }
  .l-header__brand-navi-child {
    position: fixed;
    left: 0;
    z-index: 1;
    transform: translateY(40px);
  }
  @media (width >= 48rem) {
    .l-header__brand-navi-child {
      left: unset;
      transform: translateY(40px) translateX(-32px);
    }
  }
  .l-header__brand-navi-child-grid {
    display: grid;
    grid-template-rows: var(--grid-template-rows);
    background: var(--color-neutral-0);
    box-shadow: var(--box-shadow-1);
    transition: 0.3s grid-template-rows ease;
  }
  .l-header__brand-navi-child-inner {
    visibility: var(--visibility);
    min-width: 17.5rem;
    overflow: hidden;
    transition: 0.3s visibility ease;
  }
  .l-header__brand-navi-child-list {
    margin: 0.75rem 1rem;
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    white-space: nowrap;
  }
  .l-header__brand-navi-child-list-item {
    border-bottom: 1px solid var(--color-neutral-40);
  }
  .l-header__brand-navi-child-list-item:last-child {
    border-bottom: none;
  }
  .l-header__brand-navi-child-list-link {
    display: grid;
    grid-template-columns: 1fr 1.25rem;
    gap: 0.375rem;
    padding: 1.125rem 1rem;
    transition: opacity 0.3s;
  }
  .l-header__brand-navi-child-list-link:hover {
    opacity: 0.7;
  }
  .l-header__brand-navi-child-list-link::after {
    display: block;
    width: 1.25rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    content: "";
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-ar-right.svg");
            mask-image: url("../../assets/images/icon-ar-right.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
}
@layer components {
  .c-tabs__head {
    display: flex;
    margin-bottom: 1.5rem;
  }
  @media (width < 48rem) {
    .container:not(.l-header__child-inner) .c-tabs__head {
      margin-right: -1.125rem;
      margin-left: -1.125rem;
    }
  }
  .c-tabs__button {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 0.6875rem 0.5rem;
    margin-top: 0.5rem !important;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7143;
    color: var(--color-neutral-60);
    text-align: center;
    cursor: pointer;
    background-color: var(--color-neutral-20);
    border: 1px solid var(--color-neutral-20);
    border-bottom: 1px solid var(--color-neutral-70);
    border-left: 1px solid var(--color-neutral-70);
  }
  .c-tabs__button:last-child {
    border-right: none;
  }
  .c-tabs__button[aria-selected=true]+.c-tabs__button {
    border-left: none;
  }
  .c-tabs__button {
    transition: opacity 0.3s;
  }
  .c-tabs__button:hover {
    opacity: 0.7;
  }
  .c-tabs__button[aria-selected=true] {
    padding: 1rem 0.5rem;
    margin-top: 0 !important;
    -webkit-text-stroke: 1px currentcolor;
    color: var(--color-neutral-100);
    pointer-events: none;
    background-color: var(--color-neutral-0);
    border: 1px solid var(--color-neutral-70);
    border-bottom: none;
  }
}
@layer components {
  .l-header {
    --side-spacing: 2rem;
    --bg-opacity: 0;
    --bg-visibility: hidden;
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--color-neutral-0);
    border-bottom: 1px solid var(--color-neutral-50);
  }
  @media (width < 48rem) {
    .l-header {
      --side-spacing: 1rem;
    }
  }
  .l-header:has(.l-header__brand-navi) {
    border-bottom: none;
  }
  .l-header:has(.l-header__child.is-open) {
    --bg-opacity: 1;
    --bg-visibility: visible;
  }
  @media (width < 64rem) {
    .l-header:has(.js-header-menu.is-open) {
      --bg-opacity: 1;
      --bg-visibility: visible;
    }
  }
  @media (width >= 80rem) {
    .l-header {
      --side-spacing: 2.5rem;
    }
  }
  .l-header::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: var(--bg-visibility);
    height: 100lvh;
    content: "";
    background: rgba(0, 0, 0, 0.7);
    opacity: var(--bg-opacity);
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .l-header__notice {
    position: relative;
    padding: 0.375rem 0;
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    color: var(--color-neutral-0);
    text-align: center;
    background: var(--color-gold);
  }
  .l-header__notice-text {
    font-size: var(--font-size-body-small);
    line-height: 1.6666666667;
  }
  .l-header__sp-icons {
    display: flex;
    align-items: center;
  }
  @media (width >= 64rem) {
    .l-header__sp-icons {
      display: none;
    }
  }
  .l-header__inner {
    display: grid;
    grid-template-columns: 1fr 120px 1fr;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--color-neutral-0);
  }
  @media (width < 48rem) {
    .l-header__inner {
      align-items: center;
    }
  }
  @media (width >= 64rem) {
    .l-header__inner {
      position: relative;
      grid-template-rows: auto auto;
      grid-template-columns: clamp(11.25rem, calc(237 / 1366 * 100vw), 14.75rem) 1fr;
      padding: 1.5rem var(--side-spacing);
    }
  }
  .l-header__inner-top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  @media (width >= 64rem) {
    .l-header__inner-top {
      grid-row: 1/2;
      grid-column: 2/3;
      gap: 1rem;
    }
  }
  @media (width >= 64rem) and (width <= 70.625rem) {
    .l-header__inner-top {
      grid-row: unset;
      grid-column: unset;
    }
  }
  @media (width < 64rem) {
    .l-header__inner-top {
      order: 3;
    }
  }
  @media (width >= 64rem) {
    .l-header__inner-bottom {
      display: flex !important;
      grid-row: 2/3;
      grid-column: 2/3;
      justify-content: flex-end;
    }
  }
  @media (width >= 64rem) and (width <= 70.625rem) {
    .l-header__inner-bottom {
      grid-row: unset;
      grid-column: 1/-1;
    }
  }
  @media (width < 64rem) {
    .l-header__inner-bottom {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      display: none;
      max-height: calc(100vh - 100%);
      overflow: auto;
      overscroll-behavior-y: none;
      transform: translateY(100%);
    }
  }
  .l-header__logo {
    transition: opacity 0.3s;
  }
  .l-header__logo:hover {
    opacity: 0.7;
  }
  @media (width >= 48rem) {
    .l-header__logo {
      grid-row: 1/-1;
      grid-column: 1/2;
      align-self: center;
    }
  }
  @media (width >= 48rem) and (width <= 70.625rem) {
    .l-header__logo {
      grid-row: unset;
      grid-column: unset;
    }
  }
  @media (width < 64rem) {
    .l-header__logo {
      order: 1;
    }
  }
  @media (width < 48rem) {
    .l-header__logo {
      width: 120px;
      margin-left: -0.25rem;
    }
  }
  .l-header__sub-list {
    display: flex;
    gap: 1rem;
    font-size: var(--font-size-body-very-small);
    line-height: var(--line-height-body-very-small);
    margin: 0 !important;
  }
  @media (width < 64rem) {
    .l-header__sub-list {
      display: none;
    }
  }
  .l-header__sub-list-item {
    position: relative;
  }
  .l-header__sub-list-item:not(:last-child)::before {
    position: absolute;
    top: 0;
    right: -0.5rem;
    bottom: 0;
    display: block;
    width: 1px;
    content: "";
    background: var(--color-neutral-50);
  }
  .l-header__sub-list-link {
    transition: opacity 0.3s;
  }
  .l-header__sub-list-link:hover {
    opacity: 0.7;
  }
  .l-header__icon-list {
    display: flex;
    gap: 0.375rem;
    font-size: var(--font-size-body-very-very-small);
    line-height: var(--line-height-body-very-very-small);
    margin: 0 !important;
  }
  @media (width >= 48rem) {
    .l-header__icon-list {
      font-size: var(--font-size-body-very-small);
      line-height: var(--line-height-body-very-small);
    }
  }
  @media (width >= 64rem) {
    .l-header__icon-list-item {
      position: relative;
    }
  }
  .l-header__icon-list-link {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  @media (width < 64rem) {
    .l-header__icon-list-link {
      position: relative;
      flex-direction: column;
    }
  }
  .l-header__icon-list-link {
    transition: opacity 0.3s;
  }
  .l-header__icon-list-link:hover {
    opacity: 0.7;
  }
  .l-header__icon-list-icon {
    position: relative;
    flex-shrink: 0;
  }
  .l-header__icon-list-icon:has(.l-header__icon-list-bar) {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 2rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    padding: 0.5rem 0.4375rem;
  }
  .l-header__icon-list-bar {
    height: 1px;
    background: var(--color-neutral-100);
    transition: opacity 0.3s;
  }
  .l-header__icon-list-bar:nth-child(2) {
    position: relative;
    background: transparent;
  }
  .l-header__icon-list-bar:nth-child(2)::before, .l-header__icon-list-bar:nth-child(2)::after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--color-neutral-100);
    transition: transform 0.3s ease-in-out;
  }
  .l-header__icon-list-badge {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.875rem;
    aspect-ratio: 1/1;
    font-size: 10px;
    line-height: 1;
    color: var(--color-neutral-0);
    background: var(--color-pink);
    border-radius: 100vmax;
    text-box: trim-both cap alphabetic;
  }
  @media (width < 64rem) {
    .l-header__search {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      display: none;
      max-height: calc(100vh - 100%);
      background: var(--color-neutral-20);
      transform: translateY(100%);
    }
  }
  @media (width >= 64rem) {
    .l-header__search {
      display: block !important;
    }
  }
  @media (width < 64rem) {
    .l-header__search-inner {
      padding: 2rem 1.875rem;
    }
  }
  .l-header__search-input-wrapper {
    position: relative;
  }
  @media (width >= 64rem) {
    .l-header__search-input-wrapper {
      width: 12.5rem;
    }
  }
  .l-header__search-input {
    width: 100%;
    padding: 0.0625rem 3.75rem 0.0625rem 1.5rem;
    background: #fff;
    border: 1px solid var(--color-neutral-50);
  }
  @media (width < 64rem) {
    .l-header__search-input {
      min-height: 3.5rem;
    }
  }
  @media (width >= 64rem) {
    .l-header__search-input {
      padding: 0.0625rem 1.875rem 0.0625rem 0.5rem;
    }
  }
  .l-header__search-button {
    position: absolute;
    top: calc(50% - 1rem);
    right: 1rem;
    width: 2rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    cursor: pointer;
    transition: opacity 0.3s;
  }
  .l-header__search-button:hover {
    opacity: 0.7;
  }
  @media (width >= 64rem) {
    .l-header__search-button {
      top: calc(50% - 0.75rem);
      right: 0.125rem;
      width: 1.5rem;
    }
  }
  .l-header__search-button-icon {
    display: block;
    width: 2rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    cursor: pointer;
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-search.svg");
            mask-image: url("../../assets/images/icon-search.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  @media (width >= 64rem) {
    .l-header__search-button-icon {
      width: 1.5rem;
    }
  }
  @media (width < 64rem) {
    .l-header__nav {
      padding-bottom: 2.5rem;
      background: var(--color-neutral-20);
    }
  }
  @media (width >= 64rem) {
    .l-header__nav {
      display: block;
      align-content: end;
    }
  }
  .l-header__list {
    display: flex;
    gap: 1.25rem;
    margin: 0 !important;
  }
  @media (width < 64rem) {
    .l-header__list {
      flex-direction: column;
      gap: 0;
      background: var(--color-neutral-0);
    }
  }
  .l-header__list-item {
    --opacity: 0;
    --visibility: hidden;
    display: flex;
    align-items: flex-end;
  }
  @media (width < 64rem) {
    .l-header__list-item {
      flex-direction: column;
      align-items: stretch;
    }
  }
  .l-header__list-item:has(.is-open) {
    --opacity: 1;
    --visibility: visible;
  }
  @media (width < 64rem) {
    .l-header__list-item[data-mobile-order="1"] {
      order: 1;
    }
    .l-header__list-item[data-mobile-order="2"] {
      order: 2;
    }
    .l-header__list-item[data-mobile-order="3"] {
      order: 3;
    }
    .l-header__list-item[data-mobile-order="4"] {
      order: 4;
    }
    .l-header__list-item[data-mobile-order="5"] {
      order: 5;
    }
    .l-header__list-item[data-mobile-order="6"] {
      order: 6;
    }
    .l-header__list-item[data-mobile-order="7"] {
      order: 7;
    }
  }
  .l-header__list-link {
    font-size: var(--font-size-body-small) !important;
    line-height: var(--line-height-body-small) !important;
    transition: opacity 0.3s;
  }
  .l-header__list-link:hover {
    opacity: 0.7;
  }
  @media (width < 64rem) {
    .l-header__list-link {
      display: grid;
      grid-template-columns: auto 1.25rem;
      gap: 0.25rem;
      align-items: center;
      width: 100%;
      padding: 1rem;
      font-size: var(--font-size-body-regular) !important;
      line-height: var(--line-height-body-regular) !important;
      text-align: left;
      border-bottom: 1px solid var(--color-neutral-40);
    }
    .l-header__list-link:has(.c-tag-info) {
      grid-template-columns: auto 1fr 1.25rem;
    }
    .l-header__list-link::after {
      display: block;
      width: 1.25rem;
      aspect-ratio: var(--aspect-ratio-1-1);
      content: "";
      background-color: var(--color-neutral-100);
      -webkit-mask-image: url("../../assets/images/icon-ar-right.svg");
              mask-image: url("../../assets/images/icon-ar-right.svg");
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center center;
              mask-position: center center;
      -webkit-mask-size: contain;
              mask-size: contain;
      transition: transform 0.3s ease;
    }
  }
  .l-header__list-link--has-child {
    display: grid;
    grid-template-columns: auto 0.75rem;
    gap: 0.25rem;
    align-items: center;
    cursor: pointer;
    line-height: inherit;
  }
  .l-header__list-link--has-child::after {
    display: block;
    width: 0.75rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    content: "";
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-down.svg");
            mask-image: url("../../assets/images/icon-down.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: transform 0.3s ease;
  }
  .l-header__list-link--has-child[aria-expanded=true]::after {
    transform: rotate(180deg);
  }
  @media (width < 64rem) {
    .l-header__child {
      display: none;
    }
  }
  @media (width >= 64rem) {
    .l-header__child {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      display: block !important;
      visibility: var(--visibility);
      background: var(--color-neutral-20);
      opacity: var(--opacity);
      transform: translateY(calc(100% - 1px));
      transition: opacity 0.3s ease, visibility 0.3s;
    }
  }
  .l-header__child .c-navi-underline-list {
    gap: 0.5rem 1.3125rem;
  }
  @media (width < 64rem) {
    .l-header__child .c-navi-underline-list {
      gap: 0.5rem;
    }
  }
  .l-header__child-inner {
    display: grid;
    grid-template-columns: clamp(16.25rem, calc(310 / 1366 * 100vw), 19.375rem) 1fr;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  @media (width < 64rem) {
    .l-header__child-inner {
      grid-template-columns: 1fr;
      padding: 1rem 1.875rem 2.5rem !important;
      background: var(--color-neutral-0);
      border-bottom: 1px solid var(--color-neutral-40);
    }
  }
  .l-header__child-heading {
    padding-right: 1.5rem;
  }
  @media (width < 64rem) {
    .l-header__child-heading {
      order: 1;
    }
  }
  .l-header__child-heading-link {
    align-items: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.445;
  }
  @media (width < 64rem) {
    .l-header__child-heading-link {
      display: none;
    }
  }
  .l-header__child-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    cursor: pointer;
  }
  @media (width < 64rem) {
    .l-header__child-close {
      display: none;
    }
  }
  .l-header__child-close-icon {
    display: block;
    width: 2rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-close.svg");
            mask-image: url("../../assets/images/icon-close.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .l-header__child-sub-heading {
    margin-bottom: 1rem;
  }
  .l-header__brand-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 0.5rem;
  }
  @media (width >= 48rem) {
    .l-header__brand-list {
      grid-template-columns: repeat(4, 1fr);
      gap: 1rem 1.25rem;
    }
  }
  .l-header__brand-item {
    background: #fff;
  }
  .l-header__brand-link {
    display: grid;
    grid-template-columns: min(42.856%, 80px) 1fr;
    gap: 0.75rem;
    border: 1px solid var(--color-neutral-50);
    transition: opacity 0.3s;
  }
  .l-header__brand-link:hover {
    opacity: 0.7;
  }
  @media (width < 48rem) {
    .l-header__brand-link {
      grid-template-columns: 5rem 1fr;
      gap: 0;
    }
  }
  .l-header__brand-link[target=_blank] {
    position: relative;
  }
  .l-header__brand-link[target=_blank]::after {
    position: absolute;
    right: 0.25rem;
    bottom: 0.3125rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-external-link.svg");
            mask-image: url("../../assets/images/icon-external-link.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .l-header__brand-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: var(--aspect-ratio-1-1);
  }
  .l-header__brand-thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .l-header__brand-logo {
    position: relative;
  }
  @media (width < 48rem) {
    .l-header__brand-logo {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.5625rem;
    }
  }
  @media (width < 48rem) {
    .l-header__brand-logo img {
      width: 100%;
      max-width: 3.8125rem;
    }
  }
  @media (width >= 48rem) {
    .l-header__brand-logo img {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
  }
  .l-header__concerns-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.5625rem;
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    padding-left: 0 !important;
  }
  @media (width < 64rem) {
    .l-header__concerns-list {
      grid-template-columns: repeat(2, 1fr);
      gap: 0.5rem;
    }
  }
  .l-header__concerns-list-item {
    display: flex;
    flex-direction: column;
  }
  .l-header__concerns-list-link {
    flex-grow: 1;
    min-height: 2.25rem !important;
    padding: 0.25rem 0.25rem 0.25rem 0.875rem !important;
  }
  @media (width < 64rem) {
    .l-header__concerns-list-link {
      min-height: 3rem !important;
      padding: 0.25rem 0.25rem 0.25rem 1rem !important;
    }
  }
  .l-header__tags {
    position: relative;
    display: grid;
    gap: 0.375rem;
    padding: 0.5rem 0;
    background: var(--color-neutral-0);
  }
  @media (width < 48rem) {
    .l-header__tags {
      border-top: 1px solid var(--color-neutral-50);
    }
  }
  @media (width >= 48rem) {
    .l-header__tags {
      padding: 0 0 1rem;
    }
  }
  .l-header__tags::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 4rem;
    padding: 2px 6px;
    pointer-events: none;
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 13.89%, #fff 100%);
  }
  .l-header__tags-scroll {
    padding: 0 0 0 var(--side-spacing);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .l-header__tags-scroll::-webkit-scrollbar {
    display: none;
  }
  .l-header__tags-list {
    display: flex;
    gap: 0.375rem;
  }
  .l-header__tags-list-item {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    scroll-snap-align: start;
  }
  .l-header__tags-list-item:first-child {
    scroll-margin-left: var(--side-spacing);
  }
  .l-header__tags-list-item:last-child {
    padding-right: 3.75rem;
  }
  .l-header__close-button {
    width: 100%;
    margin-top: 2.5rem !important;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.3s;
    font-size: 0.875rem !important;
    line-height: 1.857 !important;
    color: #222;
  }
  .l-header__close-button:hover {
    opacity: 0.7;
  }
  .l-header__login-area {
    padding: 1.5rem 1.875rem;
    background: var(--color-neutral-30);
  }
  @media (width >= 64rem) {
    .l-header__login-area {
      display: none;
    }
  }
  .l-header__login-button {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: center;
    padding: 0.9375rem 0.75rem;
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    color: var(--color-neutral-0);
    text-align: center;
    background: var(--color-neutral-100);
    border-radius: 100vmax;
    transition: opacity 0.3s;
  }
  .l-header__login-button:hover {
    opacity: 0.7;
  }
  .l-header__login-button::before {
    display: block;
    width: 1.875rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    content: "";
    background-color: var(--color-neutral-0);
    -webkit-mask-image: url("../../assets/images/icon-login.svg");
            mask-image: url("../../assets/images/icon-login.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .l-header__guide-link {
    display: inline-grid;
    grid-template-columns: 1.5rem auto;
    gap: 0.25rem;
    align-items: center;
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    text-decoration: underline;
  }
  .l-header__guide-link:hover {
    text-decoration: none;
  }
  .l-header__guide-link::before {
    display: block;
    width: 1.5rem;
    aspect-ratio: var(--aspect-ratio-1-1);
    cursor: pointer;
    content: "";
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-exclamation.svg");
            mask-image: url("../../assets/images/icon-exclamation.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .l-header__card-link {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    padding: 1.5rem 1rem !important;
    margin-bottom: 0 !important;
  }
  .l-header__card-link-item {
    display: flex;
  }
  .l-header__card-link-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.5rem;
    font-size: 0.75rem !important;
    line-height: 1.6667 !important;
    text-align: center;
    background: var(--color-neutral-0) !important;
    transition: opacity 0.3s;
  }
  .l-header__card-link-link:hover {
    opacity: 0.7;
  }
  .l-header__member-area {
    padding: 1.5rem 1rem;
    background: var(--color-neutral-30);
  }
  .l-header__member-link {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.375rem;
  }
  .l-header__member-link-link {
    display: grid;
    grid-template-columns: 2.5625rem 1fr;
    gap: 0.375rem;
    align-items: center;
    min-height: 4.875rem;
    padding: 0.75rem 0.5625rem;
    background: var(--color-neutral-0);
  }
  .l-header__member-link-icon img {
    margin-inline: auto 0;
  }
  .l-header__member-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .l-header__user {
    display: grid;
    grid-template-columns: 1.5rem auto auto;
    gap: 0.25rem;
    align-items: center;
    width: fit-content;
    padding-right: 0.6875rem;
  }
  .l-header__user-name {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    font-size: 0.75rem;
    font-weight: bold;
    line-height: 1.5;
    -webkit-box-orient: vertical;
  }
  .l-header__user-suffix {
    align-self: flex-end;
    margin-bottom: 0.25rem;
    font-size: 0.5625rem;
    line-height: 1.334;
  }
  .l-header__info {
    font-size: var(--font-size-body-annotation);
    line-height: var(--line-height-body-annotation);
  }
  .l-header__info + .l-header__info {
    margin-top: 0.25rem;
  }
  .l-header__info a {
    display: inline-block;
    text-decoration: underline;
  }
  .l-header__info a:hover {
    text-decoration: none;
  }
}
@layer utilities {
  @media (width >= 64rem) {
    .l-header__mobile-icon-list {
      --icon-size: 3.4375rem;
      padding: 0 1.8125rem 0 0;
      background: var(--color-neutral-0) !important;
      border: 1px solid var(--color-neutral-50);
    }
    .l-header__mobile-icon-list::after {
      right: 0.5rem;
    }
  }
  @media (width < 64rem) {
    .l-header__mobile-icon-list {
      --gap: 0.25rem;
      --icon-size: 1.75rem;
      --main-size: var(--font-size-body-very-small);
      --main-lh: var(--line-height-body-very-small);
      padding: 0.4175rem 1.375rem 0.4175rem 0;
      background: var(--color-neutral-0);
      border: 1px solid var(--color-neutral-50);
    }
    .l-header__mobile-icon-list::after {
      top: calc(50% - 0.5rem);
      width: 1rem;
      right: 0.4375rem;
    }
    .l-header__mobile-icon-list .c-navi-underline__name-main {
      grid-row: 1/-1;
      align-self: center;
    }
    .l-header__mobile-icon-list .c-navi-underline__name {
      display: none;
    }
  }
  @media (width >= 48rem) {
    .l-header__child-heading-button {
      min-width: 10.5625rem;
    }
  }
  @media (width < 64rem) {
    .l-header__child-heading-button {
      min-width: 15rem;
      padding-top: 0.6875rem;
      padding-bottom: 0.6875rem;
      margin-inline: auto;
    }
  }
  @media (width < 64rem) {
    .l-header:has(.js-header-menu.is-open[data-target=menu]) .l-header__icon-list-bar:nth-child(1),
    .l-header:has(.js-header-menu.is-open[data-target=menu]) .l-header__icon-list-bar:nth-child(3) {
      opacity: 0;
    }
    .l-header:has(.js-header-menu.is-open[data-target=menu]) .l-header__icon-list-bar:nth-child(2)::before {
      transform: rotate(45deg);
    }
    .l-header:has(.js-header-menu.is-open[data-target=menu]) .l-header__icon-list-bar:nth-child(2)::after {
      transform: rotate(-45deg);
    }
  }
}
@layer components {
  .c-breadcrumb {
    position: relative;
    z-index: 1;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .c-breadcrumb::-webkit-scrollbar {
    display: none;
  }
  @media (width >= 48rem) {
    .c-breadcrumb {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
  }
  .c-breadcrumb--beautycolumn {
    padding-top: 6.875rem;
  }
  @media (width >= 48rem) {
    .c-breadcrumb--beautycolumn {
      padding-top: 10rem;
    }
  }
  .c-breadcrumb__list {
    display: flex;
    gap: 0.5rem 0.4375rem;
    font-size: 0.625rem;
    line-height: 1.2;
  }
  @media (width >= 48rem) {
    .c-breadcrumb__list {
      gap: 0.5rem 0.75rem;
      font-size: var(--font-size-body-small);
      line-height: 1.667;
    }
  }
  .c-breadcrumb__item {
    flex-shrink: 0;
  }
  .c-breadcrumb__item:last-child {
    padding-right: var(--container-padding);
  }
  .c-breadcrumb__link {
    display: grid;
    grid-template-columns: auto 0.625rem;
    gap: 0 0.375rem;
    align-items: center;
  }
  @media (width >= 48rem) {
    .c-breadcrumb__link {
      gap: 0 0.75rem;
    }
  }
  .c-breadcrumb__link::after {
    width: 0.625rem;
    height: 0.625rem;
    content: "";
    background: url("../../assets/images/icon-breadcrumb.svg") no-repeat center/contain;
  }
  .c-breadcrumb__link {
    transition: opacity 0.3s;
  }
  .c-breadcrumb__link:hover {
    opacity: 0.7;
  }
}
@layer components {
  .l-footer {
    padding-bottom: 4rem;
    margin-top: 3.5rem;
  }
  .l-footer__brand {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    background: var(--color-neutral-20);
  }
  @media (width >= 48rem) {
    .l-footer {
      margin-top: 0;
    }
    .l-footer__brand {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
  }
  .l-footer__brand-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    margin-bottom: 0 !important;
  }
  @media (width >= 48rem) {
    .l-footer__brand-list {
      grid-template-columns: repeat(4, 1fr);
      gap: 1rem 1.5rem;
    }
  }
  .l-footer__brand-item {
    background: #fff;
  }
  .l-footer__brand-link {
    display: grid;
    grid-template-columns: min(42.856%, 120px) 1fr;
    transition: opacity 0.3s;
  }
  .l-footer__brand-link:hover {
    opacity: 0.7;
  }
  .l-footer__brand-link[target=_blank] {
    position: relative;
  }
  .l-footer__brand-link[target=_blank]::after {
    position: absolute;
    right: 0.3125rem;
    bottom: 0.4375rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-external-link.svg");
            mask-image: url("../../assets/images/icon-external-link.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
  .l-footer__brand-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: var(--aspect-ratio-1-1);
  }
  .l-footer__brand-thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .l-footer__brand-logo {
    position: relative;
  }
  .l-footer__brand-logo img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .l-footer__link {
    display: grid;
    gap: 1.5rem;
    align-items: flex-start;
  }
  @media (width >= 48rem) {
    .l-footer__link {
      grid-template-columns: 376px 1fr;
      gap: 3rem;
      margin-top: 3rem;
    }
  }
  @media (width >= 64rem) {
    .l-footer__link {
      gap: 0;
    }
  }
  .l-footer__link-banners {
    display: grid;
    gap: 0.5rem;
  }
  @media (width < 48rem) {
    .l-footer__link-banners {
      order: 1;
    }
  }
  .l-footer__banner {
    display: grid;
    grid-template-columns: 148px 1fr;
    align-items: center;
    padding-inline: 1.5rem;
    font-size: var(--font-size-body-small);
    font-weight: 600;
    line-height: var(--line-height-body-small);
    border: 1px solid var(--color-neutral-50);
    transition: opacity 0.3s;
  }

  @media (width < 48rem) {
    .l-footer__banner {
        padding-inline: 1rem;
    }
  }
  .l-footer__banner:hover {
    opacity: 0.7;
  }
  .l-footer__banner-image {
    position: relative;
    width: 100%;
    aspect-ratio: 148/86;
  }
  .l-footer__banner-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .l-footer__banner-title {
    text-align: center;
  }
  .l-footer__link-grid {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  @media (width < 48rem) {
    .l-footer__link-grid {
      order: 0;
      margin-inline: calc(var(--container-padding) * -1);
    }
  }
  @media (width >= 48rem) {
    .l-footer__link-grid {
      flex-direction: column;
      gap: 3rem;
    }
  }
  @media (width >= 64rem) {
    .l-footer__link-grid {
      flex-flow: row;
      gap: 2.5rem;
      /* padding-left: 2.5rem; */
    }
  }
  @media (width >= 48rem) {
    .l-footer__link-grid-col {
      display: flex;
      flex-direction: column;
      padding-left: 2.5rem;
    }
  }
  @media (width >= 48rem) {
    .l-footer__link-heading {
      margin-bottom: 2rem !important;
      font-size: 0.875rem;
      font-weight: 600;
      color:#222;
      line-height: 1.714;
    }
  }
  @media (width < 48rem) {
    .l-footer__link-heading {
      margin-bottom: -1px !important;
      font-size: var(--font-size-body-regular);
      color:#222;
      line-height: var(--line-height-body-regular);
    }
  }
  @media (width >= 48rem) {
    .l-footer__link-heading-button {
      pointer-events: none;
    }
  }
  @media (width < 48rem) {
    .l-footer__link-heading-button {
      position: relative;
      width: 100%;
      padding: 0.9375rem 1rem;
      font-size: var(--font-size-body-regular);
      line-height: var(--line-height-body-regular);
      text-align: left;
      border-top: 1px solid var(--color-neutral-40);
      border-bottom: 1px solid var(--color-neutral-40);
    }
    .l-footer__link-heading-button::after {
      position: absolute;
      top: calc(50% - 8px);
      right: 1rem;
      display: block;
      width: 1rem;
      aspect-ratio: var(--aspect-ratio-1-1);
      content: "";
      background-color: var(--color-neutral-100);
      -webkit-mask-image: url("../../assets/images/icon-down.svg");
              mask-image: url("../../assets/images/icon-down.svg");
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center center;
              mask-position: center center;
      -webkit-mask-size: contain;
              mask-size: contain;
      transition: background-color 0.3s, transform 0.3s;
    }
    .l-footer__link-heading-button[aria-expanded=true]::after {
      transform: rotate(180deg);
    }
  }
  .l-footer__link-heading-link {
    display: block;
    transition: opacity 0.3s;
  }
  .l-footer__link-heading-link:hover {
    opacity: 0.7;
  }
  @media (width < 48rem) {
    .l-footer__link-heading-link {
      position: relative;
      padding: 1rem;
      border-top: 1px solid var(--color-neutral-40);
    }
    .l-footer__link-heading-link::after {
      position: absolute;
      top: calc(50% - 10px);
      right: 1rem;
      display: block;
      width: 1.25rem;
      aspect-ratio: var(--aspect-ratio-1-1);
      content: "";
      background-color: var(--color-neutral-100);
      -webkit-mask-image: url("../../assets/images/icon-ar-right.svg");
              mask-image: url("../../assets/images/icon-ar-right.svg");
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center center;
              mask-position: center center;
      -webkit-mask-size: contain;
              mask-size: contain;
      transform: none;
      transition: background-color 0.3s;
    }
  }
  @media (width < 48rem) {
    .l-footer__link-list-wrapper {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows 0.3s;
    }
    .l-footer__link-list-wrapper.is-open {
      grid-template-rows: 1fr;
    }
  }
  .l-footer__link-list {
    display: grid;
    margin-bottom: 0 !important;
  }
  @media (width < 48rem) {
    .l-footer__link-list {
      padding-inline: 1rem;
      overflow: hidden;
      background: var(--color-neutral-10);
    }
  }
  @media (width >= 48rem) {
    .l-footer__link-list {
      gap: 1rem;
    }
  }
  @media (width < 48rem) {
    .l-footer__link-list-item:not(:last-child) {
      border-bottom: 1px solid var(--color-neutral-40);
    }
  }
  .l-footer__link-list-link {
    display: block;
    transition: opacity 0.3s;
  }
  .l-footer__link-list-link:hover {
    opacity: 0.7;
  }
  @media (width < 48rem) {
    .l-footer__link-list-link {
      position: relative;
      padding-block: 1rem;
      font-size: var(--font-size-body-small);
      line-height: var(--line-height-body-small);
    }
    .l-footer__link-list-link::after {
      position: absolute;
      top: calc(50% - 10px);
      right: 0;
      display: block;
      width: 1.25rem;
      aspect-ratio: var(--aspect-ratio-1-1);
      content: "";
      background-color: var(--color-neutral-100);
      -webkit-mask-image: url("../../assets/images/icon-ar-right.svg");
              mask-image: url("../../assets/images/icon-ar-right.svg");
      -webkit-mask-repeat: no-repeat;
              mask-repeat: no-repeat;
      -webkit-mask-position: center center;
              mask-position: center center;
      -webkit-mask-size: contain;
              mask-size: contain;
      transition: background-color 0.3s;
    }
  }
  .l-footer__contact {
    margin-top: 1.5rem;
  }
  @media (width < 48rem) {
    .l-footer__contact {
      border-bottom: 1px solid var(--color-neutral-50);
    }
  }
  @media (width >= 48rem) {
    .l-footer__contact {
      margin-top: 3rem;
    }
  }
  .l-footer__contact-inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 0 1.5rem 3rem;
  }
  @media (width >= 48rem) {
    .l-footer__contact-inner {
      grid-template-columns: 1fr 1fr;
      gap: 0;
      padding: 2.5rem 1.5rem;
      padding: 3.5rem 0;
      border-top: 1px solid var(--color-neutral-50);
      border-bottom: 1px solid var(--color-neutral-50);
    }
  }
  @media (width >= 64rem) {
    .l-footer__contact-inner {
      grid-template-columns: auto minmax(0, 441px) minmax(0, 441px);
    }
  }
  .l-footer__contact-link {
    padding-inline: 1.25rem;
    color: var(--color-neutral-100);
  }
  @media (width >= 48rem) and (width < 64rem) {
    .l-footer__contact-link {
      grid-column: 1/-1;
      margin-bottom: 3rem;
    }
  }
  .l-footer__contact-button-desc {
    max-width: 11.25rem;
    margin: 0.5rem auto 0 !important;
    font-size: 0.625rem;
    line-height: 1.6;
  }
  @media (width >= 48rem) {
    .l-footer__contact-button-desc {
      max-width: 13.875rem;
      margin: 1rem auto 0 !important;
    }
  }
  .l-footer__contact-button-desc a {
    text-decoration: underline !important;
  }
  .l-footer__contact-button-desc a:hover {
    text-decoration: none !important;
  }
  @media (width >= 48rem) {
    .l-footer__contact-tel {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
      border-right: 1px solid var(--color-neutral-50);
      border-left: 1px solid var(--color-neutral-50);
    }
  }
  @media (width >= 48rem) and (width < 64rem) {
    .l-footer__contact-tel {
      border-left: none;
    }
  }
  @media (width >= 48rem) {
    .l-footer__contact-fax {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 0.75rem;
      padding-bottom: 0.75rem;
    }
  }
  .l-footer__contact-title {
    margin-bottom: 1rem !important;
    font-weight: 600;
    line-height: 1.714 !important;
    text-align: center;
    font-size: 0.875rem;
  }
  @media (width >= 48rem) {
    .l-footer__contact-title {
      margin-bottom: 1.125rem !important;
      font-size: var(--font-size-body-medium) !important;
      line-height: var(--line-height-body-medium) !important;
    }
  }
  @media (width >= 48rem) {
    .l-footer__contact-title--lg {
      margin-bottom: 1rem !important;
      line-height: 1.75 !important;
    }
  }
  @media (width < 48rem) {
    .l-footer__contact-fax .l-footer__contact-title {
      margin-bottom: 0.25rem !important;
    }
  }
  .l-footer__contact-info {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem !important;
  }
  @media (width < 48rem) {
    .l-footer__contact-fax .l-footer__contact-info {
      margin-bottom: 0.25rem !important;
    }
  }
  @media (width < 48rem) {
    .l-footer__contact-info:has(a) {
      --border-color: var(--color-neutral-100);
      --bg-color: transparent;
      --color: var(--color-neutral-100);
      position: relative;
      gap: 0.5rem;
      max-width: 16.625rem;
      min-height: 4rem;
      padding: 1rem 1.125rem;
      margin-inline: auto;
      margin-bottom: 0.5rem !important;
      font-size: 0.75rem !important;
      line-height: 1.3333333333 !important;
      color: var(--color);
      text-align: center;
      background: var(--bg-color);
      border: 1px solid var(--border-color);
      border-radius: 100vmax;
      transition: background-color 0.3s, border-color 0.3s, color 0.3s;
    }
  }
  @media (width < 48rem) {
    .l-footer__contact-icon {
      width: 2rem;
    }
  }
  .l-footer__contact-number {
    font-family: var(--font-en) !important;
    font-size: 1.5rem;
    font-weight: 200;
    line-height: 1;
    letter-spacing: 0.08em;
  }
  @media (width >= 48rem) {
    .l-footer__contact-number {
      font-size: clamp(1.5rem, calc(40 / 1366 * 100vw), 2.5rem);
      pointer-events: none;
    }
  }
  .l-footer__contact-time {
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    text-align: center;
    margin-bottom: 0 !important;
    color: var(--color-neutral-100);
  }
  .l-footer__logo {
    margin-top: 5rem;
    margin-bottom: 3.5rem;
    text-align: center;
  }
  @media (width >= 48rem) {
    .l-footer__logo {
      margin-top: 5.5rem;
      margin-bottom: 5.5rem;
    }
  }
  .l-footer__logo img {
    margin-inline: auto;
  }
  @media (width < 48rem) {
    .l-footer__logo img {
      max-width: 280px;
    }
  }
  .l-footer__logo-link {
    transition: opacity 0.3s;
  }
  .l-footer__logo-link:hover {
    opacity: 0.7;
  }
  .l-footer__text-link {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    font-size: var(--font-size-body-small) !important;
    line-height: var(--line-height-body-small) !important;
    margin-bottom: 0 !important;
  }
  @media (width >= 48rem) {
    .l-footer__text-link {
      gap: 0.5rem 0.75rem;
    }
  }
  .l-footer__text-link__item {
    padding-right: 0.75rem;
    border-right: 1px solid var(--color-neutral-50);
  }
  .l-footer__text-link__item:last-child {
    padding-right: 0;
    border-right: none;
  }
  .l-footer__text-link__link {
    transition: opacity 0.3s;
  }
  .l-footer__text-link__link:hover {
    opacity: 0.7;
  }
  .l-footer__copyright {
    display: block;
    width: fit-content;
    margin: 2rem auto 0;
    font-size: var(--font-size-body-small) !important;
    line-height: var(--line-height-body-small) !important;
  }
  @media (width >= 48rem) {
    .l-footer__copyright {
      margin: 0.75rem auto 0;
      line-height: 1.667 !important;
    }
  }
}

/* Scoped header and footer element styles */
.l-header,
.l-footer {
  a:hover,
  a:active {
    color: inherit;
  }
}

/* Scoped header styles only - removed global impact */
.l-header {
  font-family: var(--font-ja);
  height: auto;
}


.l-header .container,
.l-footer .container {
  max-width: calc(75rem + var(--container-padding) * 2) !important;
  padding-left: var(--container-padding) !important;
  padding-right: var(--container-padding) !important;
}

/* Style for child sub-headings in header (moved from inline) */
.l-header__child-sub-heading {
  font-size: 0.875em;
  color: #222;
  line-height: var(--line-height-body-regular);
}

@media (width >= 48rem) {
  .l-header__child-sub-heading {
    line-height: var(--line-height-body-regular-bold);
  }
}

.c-tabs__button {
  font-size: 0.875rem;
  line-height: 1.857;
}

@media (width < 64rem) {
  .l-header__list-link--has-child {
    grid-template-columns: auto 1rem;
    font-size: 0.875rem;
    line-height: 1.857;
  }

  .l-header__list-link--has-child::after {
    width: 1rem;
  }
}

@media (width >= 48rem) {
  .l-footer__link-list-item {
    font-size: 0.875rem;
    line-height: 1.714;
    overflow-wrap: anywhere;
    word-break: normal;
    line-break: strict;
  }
}
.l-header,.l-footer {
  font-family: var(--font-ja);
}

.l-footer__brand-link[target="_blank"]::after {
  position: absolute;
  right: 0.3125rem;
  bottom: 0.4375rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background-color: var(--color-neutral-100);
    -webkit-mask-image: url("../../assets/images/icon-external-link.svg");
            mask-image: url("../../assets/images/icon-external-link.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center center;
            mask-position: center center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

.menu-sp__btn-logout {
  width: 100%;
  text-align: center;
  padding: 15px 16px;
  margin-bottom: 20px;
}

.menu-sp__btn-logout button {
  background-color: #fff;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  height: 50px;
  width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
}

.menu-amazon {
  width: 100%;
  background-color: #EEEEEE;
  min-height: 100vh;
  display: none;
  z-index: 9999;
  position: fixed;
  top: 60px;
  left: 0;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 50px;
}

@media only screen and (min-width: 992px) {
  .menu-amazon {
    display: none !important;
  }
}

.l-header__member-area {
  padding: 1.5rem 1rem;
  background: var(--color-neutral-30);
}

@media (width >= 64rem) {
  .l-header__member-area {
    display: none;
  }
}
.l-header__member-link {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.375rem;
  margin: calc(var(--spacing) * 4) 0 0 0 !important;
}
.l-header__member-link-link {
  display: grid;
  grid-template-columns: 2.5625rem 1fr;
  gap: 0.375rem;
  align-items: center;
  min-height: 4.875rem;
  padding: 0.75rem 0.5625rem;
  background: var(--color-neutral-0) !important;
}
.l-header__member-link-icon img {
  margin-inline: auto 0;
}
.l-header__member-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.l-header__user {
  display: grid;
  grid-template-columns: 1.5rem auto auto;
  gap: 0.25rem;
  align-items: center;
  width: fit-content;
  padding-right: 0.6875rem;
  margin-bottom: 0 !important;
}
.l-header__user-name {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.5;
  -webkit-box-orient: vertical;
}
.l-header__user-suffix {
  align-self: flex-end;
  margin-bottom: 0.25rem;
  font-size: 0.5625rem;
  line-height: 1.334;
}
.l-header__info {
  font-size: var(--font-size-body-annotation);
  line-height: var(--line-height-body-annotation);
  margin-bottom: 0 !important;
}
.l-header__info + .l-header__info {
  margin-top: 0.25rem;
}
.l-header__info a {
  display: inline-block;
  text-decoration: underline !important;
}
.l-header__info a:hover {
  text-decoration: none !important;
}

.l-header__nav h5 {
  height: 60px;
  line-height: 60px;
  font-weight: bold;
  padding-left: 15px;
  font-size: 14px;
  margin: 0px;
}
.l-header__login-area {
  padding: 1.5rem 1.875rem;
  background: var(--color-neutral-30);
}
@media (width >= 64rem) {
  .l-header__login-area {
    display: none;
  }
}
.l-header__login-button {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.9375rem 0.75rem;
  font-size: var(--font-size-body-small);
  line-height: var(--line-height-body-small);
  color: var(--color-neutral-0);
  text-align: center;
  background: var(--color-neutral-100);
  border-radius: 100vmax;
  transition: opacity 0.3s;
}
.l-header__login-button:hover {
  opacity: 0.7;
}
.l-header__login-button::before {
  display: block;
  width: 1.875rem;
  aspect-ratio: var(--aspect-ratio-1-1);
  content: "";
  background-color: var(--color-neutral-0);
  -webkit-mask-image: url("../../assets/images/icon-login.svg");
  mask-image: url("../../assets/images/icon-login.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.l-header__member-link-text {
  font-family: var(--font-ja);
  line-height: var(--line-height-body-regular);
  font-size: var(--font-size-body-regular);
  color: var(--color-neutral-100);
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

.c-tag-info {
  color: var(--color-pink);
  width: fit-content;
  min-height: 1.25rem;
  font-size: var(--font-size-body-very-small);
  background: var(--color-neutral-0);
  border: 1px solid var(--color-pink);
  justify-content: center;
  align-items: center;
  padding: 0 .4375rem;
  line-height: 1.45455;
  display: flex;
}