{"version":3,"sources":["foundation/_fonts.scss","foundation/_reset.scss","foundation/_base.scss","layout/_footer.scss","foundation/_include-media.scss","layout/_header.scss","layout/_container.scss","object/component/_button.scss","object/component/_accordion.scss","object/project/_breadcrumbs.scss","object/utility/_text.scss","blocks/_nav_links.scss","blocks/_text_image_cta.scss","blocks/_text_cta.scss","blocks/_faq_accordion.scss"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["/* ================\n100 - Thin      \n200 - Extra Light \n300 - Light\n400 - Normal\n500 - Medium\n600 - Semi Bold \n700 - Bold\n800 - Extra Bold \n900 - Black\n================ */\n@font-face {\n    font-family: 'noto-sans-jp';\n    src: url('../fonts/noto-sans-jp/NotoSansJP-Regular.eot'); /* IE9 Compat Modes */\n    src: url('../fonts/noto-sans-jp/NotoSansJP-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('../fonts/noto-sans-jp/NotoSansJP-Regular.woff2') format('woff2'), /* Super Modern Browsers */\n         url('../fonts/noto-sans-jp/NotoSansJP-Regular.woff') format('woff'), /* Pretty Modern Browsers */\n         url('../fonts/noto-sans-jp/NotoSansJP-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */\n    font-style: normal;\n    font-weight: 400;\n}\n\n\n@font-face {\n    font-family: 'noto-sans-jp';\n    src: url('../fonts/noto-sans-jp/NotoSansJP-Medium.eot'); /* IE9 Compat Modes */\n    src: url('../fonts/noto-sans-jp/NotoSansJP-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('../fonts/noto-sans-jp/NotoSansJP-Medium.woff2') format('woff2'), /* Super Modern Browsers */\n         url('../fonts/noto-sans-jp/NotoSansJP-Medium.woff') format('woff'), /* Pretty Modern Browsers */\n         url('../fonts/noto-sans-jp/NotoSansJP-Medium.ttf')  format('truetype'); /* Safari, Android, iOS */\n    font-style: normal;\n    font-weight: 500;\n}\n\n\n@font-face {\n    font-family: 'noto-sans-jp';\n    src: url('../fonts/noto-sans-jp/NotoSansJP-Bold.eot'); /* IE9 Compat Modes */\n    src: url('../fonts/noto-sans-jp/NotoSansJP-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('../fonts/noto-sans-jp/NotoSansJP-Bold.woff2') format('woff2'), /* Super Modern Browsers */\n         url('../fonts/noto-sans-jp/NotoSansJP-Bold.woff') format('woff'), /* Pretty Modern Browsers */\n         url('../fonts/noto-sans-jp/NotoSansJP-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */\n    font-style: normal;\n    font-weight: 700;\n}\n\n\n\n@font-face {\n    font-family: 'montserrat';\n    src: url('../fonts/montserrat/Montserrat-Regular.eot'); /* IE9 Compat Modes */\n    src: url('../fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'), /* Super Modern Browsers */\n         url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'), /* Pretty Modern Browsers */\n         url('../fonts/montserrat/Montserrat-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */\n    font-style: normal;\n    font-weight: 400;\n}\n\n\n@font-face {\n    font-family: 'montserrat';\n    src: url('../fonts/montserrat/Montserrat-SemiBold.eot'); /* IE9 Compat Modes */\n    src: url('../fonts/montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */\n         url('../fonts/montserrat/Montserrat-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */\n         url('../fonts/montserrat/Montserrat-SemiBold.ttf')  format('truetype'); /* Safari, Android, iOS */\n    font-style: normal;\n    font-weight: 600;\n}\n\n@font-face {\n    font-family: 'montserrat';\n    src: url('../fonts/montserrat/Montserrat-Bold.eot'); /* IE9 Compat Modes */\n    src: url('../fonts/montserrat/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n         url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2'), /* Super Modern Browsers */\n         url('../fonts/montserrat/Montserrat-Bold.woff') format('woff'), /* Pretty Modern Browsers */\n         url('../fonts/montserrat/Montserrat-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */\n    font-style: normal;\n    font-weight: 700;\n}","/* http://meyerweb.com/eric/tools/css/reset/\n   v5.0.2 | 20191019\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmain, menu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, main, menu, nav, section {\n\tdisplay: block;\n}\n/* HTML5 hidden-attribute fix for newer browsers */\n*[hidden] {\n    display: none;\n}\nbody {\n\tline-height: 1;\n}\nmenu, ol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n","/*---------------------------------------------------\nBase Typesetting\n----------------------------------------------------*/\n\nbody {\n    padding-bottom: env(safe-area-inset-bottom);\n}\n\nbody,\nhtml {\n    font: 400 1rem / 27.2px noto-sans-jp;\n    font-variant-ligatures: common-ligatures;\n    text-rendering: optimizeLegibility;\n    font-feature-settings: \"kern\";\n    /* standard */\n    font-kerning: normal;\n    /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21+*/\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    scroll-behavior: smooth;\n    box-sizing: border-box;\n\n    *:focus-visible {\n        outline: 0 !important;\n    }\n}\n\n*,\n*:before,\n*:after {\n    box-sizing: inherit;\n}\n\n// ==========================================================================\n// Colors\n// ==========================================================================\n\n$primary: #007db8;\n$secondary: #1a1a1a;\n$primary-hover: #006493;\n$alice-blue: #f0f9ff;\n$alto: #d4d4d4;\n$chinese-silver: #cccccc;\n$wood-charcoal: #464646;\n$spanish-gray: #999999;\n\n// ==========================================================================\n// Responsive Breakpoints\n// ==========================================================================\n\n// https://eduardoboucas.github.io/include-media/\n\n$breakpoints: (\n    sm: 640px,\n    md: 768px,\n    lg: 1024px,\n    xl: 1280px,\n    xxl: 1536px\n);\n\n\n\n// ==========================================================================\n// Fonts\n// ==========================================================================\n$noto-sans : \"noto-sans-jp\";\n$montserrat : 'montserrat';",".l-footer {\n    &__wrapper {\n        width: 100%;\n\n        @include media(\">=xl\") {\n            width: rem(1120px);\n            margin: 0 auto;\n            padding-top: rem(60px);\n        }\n\n        // w-full xl:w-[1120px] mx-auto pt-[60px]\n    }\n\n    &__mega-menu {\n        @include media(\">=lg\", \"<=xl\") {\n            padding: 0 rem(16px);\n        }\n\n        // @apply lg:max-xl:px-4;\n\n        &__outer {\n            margin-bottom: rem(40px);\n\n            @include media(\">=lg\") {\n                display: flex;\n                gap: rem(32px);\n            }\n\n            @include media(\"<=lg\") {\n                padding: 0 rem(16px);\n            }\n\n            // lg:flex lg:gap-8 mb-10 max-lg:px-4\n        }\n\n        &__inner {\n            @include media(\">=lg\") {\n                width: 25%;\n            }\n\n            @include media(\">=xl\") {\n                width: 22.86%;\n            }\n\n            @include media(\"<=lg\") {\n                margin-bottom: rem(32px);\n            }\n\n            // lg:w-1/4 xl:w-[22.86%] max-lg:mb-8\n\n            &--one-half {\n                @include media(\">=lg\") {\n                    width: 50%;\n                }\n    \n                @include media(\">=xl\") {\n                    width: 48.57%;\n                }\n\n                // lg:w-1/2 xl:w-[48.57%] max-lg:mb-8\n            }\n\n            > header {\n                border-bottom: 1px solid $chinese-silver;\n                margin-bottom: rem(16px);\n\n                // border-b border-chinese-silver mb-4\n            }\n\n            &__wrapper {\n                @include media(\">=lg\") {\n                    display: flex;\n                    gap: rem(32px);\n                }\n\n                // lg:flex lg:gap-8\n\n                > .l-footer__mega-menu__list {\n                    @include media(\">=lg\") {\n                        width: 50%;\n                    }\n                }\n            }\n        }\n\n        p, li {\n            font-size: rem(14px);\n            line-height: rem(25.2px);\n            margin-bottom: rem(10px);\n\n            // @apply text-sm leading-[25.2px] mb-2.5;\n\n            > a {\n                color: $secondary;\n                text-decoration: none;\n                transition: all .5s ease;\n\n                // @apply transition-all;\n\n                &:hover {\n                    color: $primary;\n\n                    // @apply text-primary;\n                }\n            }\n        }\n\n        h4 {\n            font-size: rem(14px);\n            font-weight: 700;\n            color: $primary;\n            margin-bottom: rem(15px);\n            padding-right: rem(43px);\n            position: relative;\n\n            // @apply text-sm font-bold text-primary mb-[15px] pr-[43px] relative;\n\n            > a {\n                color: $primary;\n                text-decoration: none;\n                transition: all .5s ease;\n\n                // @apply transition-all;\n\n                &::after {\n                    content: '';\n                    background-image: url('../svg/arrow-right-blue.svg');\n                    background-size: cover;\n                    background-position: center;\n                    background-repeat: no-repeat;\n                    width: rem(12.98px);\n                    height: rem(12.64px);\n                    position: absolute;\n                    top: 50%;\n                    transform: translateY(-50%);\n                    right: 0;\n                    transition: all .5s ease;\n\n                    // @apply bg-[url('../svg/arrow-right-blue.svg')] bg-cover bg-center bg-no-repeat w-[12.98px] h-[12.64px] absolute top-1/2 -translate-y-1/2 right-0 transition-all;\n                }\n\n                &:hover {\n                    color: $primary-hover;\n\n                    // @apply text-primary-hover;\n\n                    &::after {\n                        right: rem(4px);\n\n                        // @apply right-1;\n                    }\n                }\n            }\n        }\n    }\n\n    &__nav-menu {\n        border-top: 1px solid $chinese-silver;\n        padding: rem(24px) 0 rem(26px);\n\n        // border-t border-chinese-silver pt-6 pb-[26px]\n        \n        @include media(\"<=md\") {\n            padding-left: rem(16px);\n            padding-right: rem(16px);\n        }\n\n        // @apply max-md:px-4;\n\n        ul {\n            display: flex;\n            justify-content: center;\n            gap: rem(16px);\n            \n            @include media(\"<=md\") {\n                flex-wrap: wrap;\n            }\n\n            @include media(\">=lg\") {\n                gap: rem(50px);\n            }\n\n            // @apply flex max-md:flex-wrap gap-4 lg:gap-[50px] justify-center;\n\n            > li {\n                font-size: rem(14px);\n                line-height: rem(19.6px);\n\n                // @apply text-sm leading-[19.6px];\n            }\n        }\n\n        &__main {\n            margin-bottom: rem(24px);\n\n            @include media(\">=lg\") {\n                margin-bottom: rem(16px);\n            }\n\n            // @apply mb-6 lg:mb-4;\n\n            > li {\n                > a {\n                    color: $primary;\n                    text-decoration: none;\n                    transition: all .5s ease;\n\n                    // @apply text-primary transition-all;\n\n                    &:hover {\n                        color: $primary-hover;\n\n                        // @apply text-primary-hover;\n                    }\n                }\n            }\n        }\n\n        &__sub {\n            > li {\n                > a {\n                    color: $secondary;\n                    text-decoration: none;\n                    transition: all .5s ease;\n\n                    // @apply transition-all;\n\n                    &::after {\n                        content: '';\n                        width: rem(7px);\n                        height: rem(11px);\n                        background-image: url('../svg/chevron-right-black.svg');\n                        display: inline-block;\n                        margin-left: rem(5px);\n                        transition: all .5s ease;\n\n                        // @apply w-[7px] h-[11px] bg-[url('../svg/chevron-right-black.svg')] inline-block ml-1.5 transition-all;\n                    }\n\n                    &:hover {\n                        color: $primary;\n\n                        // @apply text-primary;\n                    }\n                }\n            }\n        }\n    }\n\n    &__copyright {\n        width: 100%;\n        background-color: $primary;\n        padding: 4px 0;\n\n        // w-full bg-primary py-1\n\n        > p {\n            color: #fff;\n            text-align: center;\n            font-size: rem(12px);\n            line-height: rem(21.6px);\n\n            // text-white text-center text-xs leading-[21.6px]\n        }\n    }\n}","//     _            _           _                           _ _\n//    (_)          | |         | |                         | (_)\n//     _ _ __   ___| |_   _  __| | ___   _ __ ___   ___  __| |_  __ _\n//    | | '_ \\ / __| | | | |/ _` |/ _ \\ | '_ ` _ \\ / _ \\/ _` | |/ _` |\n//    | | | | | (__| | |_| | (_| |  __/ | | | | | |  __/ (_| | | (_| |\n//    |_|_| |_|\\___|_|\\__,_|\\__,_|\\___| |_| |_| |_|\\___|\\__,_|_|\\__,_|\n//\n//      Simple, elegant and maintainable media queries in Sass\n//                        v2.0.0\n//\n//        https://eduardoboucas.github.io/include-media\n//\n//         Authors: Eduardo Boucas (@eduardoboucas)\n//                  Kitty Giraudel (@kittygiraudel)\n//\n//      This project is licensed under the terms of the MIT license\n@charset \"UTF-8\";\n\n////\n/// include-media library public configuration\n/// @author Eduardo Boucas\n/// @access public\n////\n@use 'sass:math';\n@use 'sass:map';\n@use 'sass:list';\n@use 'sass:string';\n@use 'sass:meta';\n\n///\n/// Creates a list of global breakpoints\n///\n/// @example scss - Creates a single breakpoint with the label `phone`\n///  $breakpoints: ('phone': 320px);\n///\n$breakpoints: (\n  'phone': 320px,\n  'tablet': 768px,\n  'desktop': 1024px,\n) !default;\n\n///\n/// Creates a list of static expressions or media types\n///\n/// @example scss - Creates a single media type (screen)\n///  $media-expressions: ('screen': 'screen');\n///\n/// @example scss - Creates a static expression with logical disjunction (OR operator)\n///  $media-expressions: (\n///    'retina2x': '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)'\n///  );\n///\n$media-expressions: (\n  'screen': 'screen',\n  'print': 'print',\n  'handheld': 'handheld',\n  'landscape': '(orientation: landscape)',\n  'portrait': '(orientation: portrait)',\n  'retina2x':\n    '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)',\n  'retina3x':\n    '(-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx)',\n) !default;\n\n///\n/// Defines a number to be added or subtracted from each unit when declaring breakpoints with exclusive intervals\n///\n/// @example scss - Interval for pixels is defined as `1` by default\n///  @include media('>128px') {}\n///\n///  /* Generates: */\n///  @media (min-width: 129px) {}\n///\n/// @example scss - Interval for ems is defined as `0.01` by default\n///  @include media('>20em') {}\n///\n///  /* Generates: */\n///  @media (min-width: 20.01em) {}\n///\n/// @example scss - Interval for rems is defined as `0.1` by default, to be used with `font-size: 62.5%;`\n///  @include media('>2.0rem') {}\n///\n///  /* Generates: */\n///  @media (min-width: 2.1rem) {}\n///\n$unit-intervals: (\n  'px': 1,\n  'em': 0.01,\n  'rem': 0.1,\n  '': 0,\n) !default;\n\n///\n/// Defines whether support for media queries is available, useful for creating separate stylesheets\n/// for browsers that don't support media queries.\n///\n/// @example scss - Disables support for media queries\n///  $im-media-support: false;\n///  @include media('>=tablet') {\n///    .foo {\n///      color: tomato;\n///    }\n///  }\n///\n///  /* Generates: */\n///  .foo {\n///    color: tomato;\n///  }\n///\n$im-media-support: true !default;\n\n///\n/// Selects which breakpoint to emulate when support for media queries is disabled. Media queries that start at or\n/// intercept the breakpoint will be displayed, any others will be ignored.\n///\n/// @example scss - This media query will show because it intercepts the static breakpoint\n///  $im-media-support: false;\n///  $im-no-media-breakpoint: 'desktop';\n///  @include media('>=tablet') {\n///    .foo {\n///      color: tomato;\n///    }\n///  }\n///\n///  /* Generates: */\n///  .foo {\n///    color: tomato;\n///  }\n///\n/// @example scss - This media query will NOT show because it does not intercept the desktop breakpoint\n///  $im-media-support: false;\n///  $im-no-media-breakpoint: 'tablet';\n///  @include media('>=desktop') {\n///    .foo {\n///      color: tomato;\n///    }\n///  }\n///\n///  /* No output */\n///\n$im-no-media-breakpoint: 'desktop' !default;\n\n///\n/// Selects which media expressions are allowed in an expression for it to be used when media queries\n/// are not supported.\n///\n/// @example scss - This media query will show because it intercepts the static breakpoint and contains only accepted media expressions\n///  $im-media-support: false;\n///  $im-no-media-breakpoint: 'desktop';\n///  $im-no-media-expressions: ('screen');\n///  @include media('>=tablet', 'screen') {\n///    .foo {\n///      color: tomato;\n///    }\n///  }\n///\n///   /* Generates: */\n///   .foo {\n///     color: tomato;\n///   }\n///\n/// @example scss - This media query will NOT show because it intercepts the static breakpoint but contains a media expression that is not accepted\n///  $im-media-support: false;\n///  $im-no-media-breakpoint: 'desktop';\n///  $im-no-media-expressions: ('screen');\n///  @include media('>=tablet', 'retina2x') {\n///    .foo {\n///      color: tomato;\n///    }\n///  }\n///\n///  /* No output */\n///\n$im-no-media-expressions: ('screen', 'portrait', 'landscape') !default;\n\n////\n/// Cross-engine logging engine\n/// @author Kitty Giraudel\n/// @access private\n////\n\n///\n/// Log a message either with `@error` if supported\n/// else with `@warn`, using `feature-exists('at-error')`\n/// to detect support.\n///\n/// @param {String} $message - Message to log\n///\n@function im-log($message) {\n  @if meta.feature-exists('at-error') {\n    @error $message;\n  } @else {\n    @warn $message;\n    $_: noop();\n  }\n\n  @return $message;\n}\n\n///\n/// Wrapper mixin for the log function so it can be used with a more friendly\n/// API than `@if im-log('..') {}` or `$_: im-log('..')`. Basically, use the function\n/// within functions because it is not possible to include a mixin in a function\n/// and use the mixin everywhere else because it's much more elegant.\n///\n/// @param {String} $message - Message to log\n///\n@mixin log($message) {\n  @if im-log($message) {\n  }\n}\n\n///\n/// Function with no `@return` called next to `@warn` in Sass 3.3\n/// to trigger a compiling error and stop the process.\n///\n@function noop() {\n}\n\n///\n/// Determines whether a list of conditions is intercepted by the static breakpoint.\n///\n/// @param {Arglist}   $conditions  - Media query conditions\n///\n/// @return {Boolean} - Returns true if the conditions are intercepted by the static breakpoint\n///\n@function im-intercepts-static-breakpoint($conditions...) {\n  $no-media-breakpoint-value: map.get($breakpoints, $im-no-media-breakpoint);\n\n  @if not $no-media-breakpoint-value {\n    @if im-log('`#{$im-no-media-breakpoint}` is not a valid breakpoint.') {\n    }\n  }\n\n  @each $condition in $conditions {\n    @if not map.has-key($media-expressions, $condition) {\n      $operator: get-expression-operator($condition);\n      $prefix: get-expression-prefix($operator);\n      $value: get-expression-value($condition, $operator);\n\n      @if ($prefix == 'max' and $value <= $no-media-breakpoint-value) or\n        ($prefix == 'min' and $value > $no-media-breakpoint-value)\n      {\n        @return false;\n      }\n    } @else if not list.index($im-no-media-expressions, $condition) {\n      @return false;\n    }\n  }\n\n  @return true;\n}\n\n////\n/// Parsing engine\n/// @author Kitty Giraudel\n/// @access private\n////\n\n///\n/// Get operator of an expression\n///\n/// @param {String} $expression - Expression to extract operator from\n///\n/// @return {String} - Any of `>=`, `>`, `<=`, `<`, `≥`, `≤`\n///\n@function get-expression-operator($expression) {\n  @each $operator in ('>=', '>', '<=', '<', '≥', '≤') {\n    @if string.index($expression, $operator) {\n      @return $operator;\n    }\n  }\n\n  // It is not possible to include a mixin inside a function, so we have to\n  // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because\n  // functions cannot be called anywhere in Sass, we need to hack the call in\n  // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with\n  // Sass 3.3, change this line in `@if im-log(..) {}` instead.\n  $_: im-log('No operator found in `#{$expression}`.');\n}\n\n///\n/// Get dimension of an expression, based on a found operator\n///\n/// @param {String} $expression - Expression to extract dimension from\n/// @param {String} $operator - Operator from `$expression`\n///\n/// @return {String} - `width` or `height` (or potentially anything else)\n///\n@function get-expression-dimension($expression, $operator) {\n  $operator-index: string.index($expression, $operator);\n  $parsed-dimension: string.slice($expression, 0, $operator-index - 1);\n  $parsed-dimension: str-trim($parsed-dimension);\n  $dimension: 'width';\n\n  @if string.length($parsed-dimension) > 0 {\n    $dimension: $parsed-dimension;\n  }\n\n  @return $dimension;\n}\n\n///\n/// Get dimension prefix based on an operator\n///\n/// @param {String} $operator - Operator\n///\n/// @return {String} - `min` or `max`\n///\n@function get-expression-prefix($operator) {\n  @return if(list.index(('<', '<=', '≤'), $operator), 'max', 'min');\n}\n\n///\n/// Get value of an expression, based on a found operator\n///\n/// @param {String} $expression - Expression to extract value from\n/// @param {String} $operator - Operator from `$expression`\n///\n/// @return {Number} - A numeric value\n///\n@function get-expression-value($expression, $operator) {\n  $operator-index: string.index($expression, $operator);\n  $value: string.slice($expression, $operator-index + string.length($operator));\n  $trimmedValue: str-trim($value);\n\n  @if map.has-key($breakpoints, $trimmedValue) {\n    $value: map.get($breakpoints, $trimmedValue);\n  } @else {\n    $value: to-number($trimmedValue);\n  }\n\n  $interval: map.get($unit-intervals, math.unit($value));\n\n  @if not $interval {\n    // It is not possible to include a mixin inside a function, so we have to\n    // rely on the `im-log(..)` function rather than the `log(..)` mixin. Because\n    // functions cannot be called anywhere in Sass, we need to hack the call in\n    // a dummy variable, such as `$_`. If anybody ever raise a scoping issue with\n    // Sass 3.3, change this line in `@if im-log(..) {}` instead.\n    $_: im-log('Unknown unit `#{math.unit($value)}`.');\n  }\n\n  @if $operator == '>' {\n    $value: $value + $interval;\n  } @else if $operator == '<' {\n    $value: $value - $interval;\n  }\n\n  @return $value;\n}\n\n///\n/// Parse an expression to return a valid media-query expression\n///\n/// @param {String} $expression - Expression to parse\n///\n/// @return {String} - Valid media query\n///\n@function parse-expression($expression) {\n  // If it is part of $media-expressions, it has no operator\n  // then there is no need to go any further, just return the value\n  @if map.has-key($media-expressions, $expression) {\n    @return map.get($media-expressions, $expression);\n  }\n\n  $operator: get-expression-operator($expression);\n  $dimension: get-expression-dimension($expression, $operator);\n  $prefix: get-expression-prefix($operator);\n  $value: get-expression-value($expression, $operator);\n\n  @return '(#{$prefix}-#{$dimension}: #{$value})';\n}\n\n///\n/// Slice `$list` between `$start` and `$end` indexes\n///\n/// @access private\n///\n/// @param {List} $list - List to slice\n/// @param {Number} $start [1] - Start index\n/// @param {Number} $end [length($list)] - End index\n///\n/// @return {List} Sliced list\n///\n@function slice($list, $start: 1, $end: list.length($list)) {\n  @if list.length($list) < 1 or $start > $end {\n    @return ();\n  }\n\n  $result: ();\n\n  @for $i from $start through $end {\n    $result: list.append($result, list.nth($list, $i), comma);\n  }\n\n  @return $result;\n}\n\n////\n/// String to number converter\n/// @author Kitty Giraudel\n/// @access private\n////\n\n///\n/// Casts a string into a number\n///\n/// @param {String | Number} $value - Value to be parsed\n///\n/// @return {Number}\n///\n\n@function to-number($value) {\n  @if meta.type-of($value) == 'number' {\n    @return $value;\n  } @else if meta.type-of($value) != 'string' {\n    $_: im-log('Value for `to-number` should be a number or a string.');\n  }\n\n  $first-character: string.slice($value, 1, 1);\n  $result: 0;\n  $digits: 0;\n  $minus: ($first-character == '-');\n  $numbers: (\n    '0': 0,\n    '1': 1,\n    '2': 2,\n    '3': 3,\n    '4': 4,\n    '5': 5,\n    '6': 6,\n    '7': 7,\n    '8': 8,\n    '9': 9,\n  );\n\n  // Remove +/- sign if present at first character\n  @if ($first-character == '+' or $first-character == '-') {\n    $value: string.slice($value, 2);\n  }\n\n  @for $i from 1 through string.length($value) {\n    $character: string.slice($value, $i, $i);\n\n    @if not(list.index(map.keys($numbers), $character) or $character == '.') {\n      @return to-length(if($minus, -$result, $result), string.slice($value, $i));\n    }\n\n    @if $character == '.' {\n      $digits: 1;\n    } @else if $digits == 0 {\n      $result: $result * 10 + map.get($numbers, $character);\n    } @else {\n      $digits: $digits * 10;\n      $result: $result + math.div(map.get($numbers, $character), $digits);\n    }\n  }\n\n  @return if($minus, -$result, $result);\n}\n\n///\n/// Add `$unit` to `$value`\n///\n/// @param {Number} $value - Value to add unit to\n/// @param {String} $unit - String representation of the unit\n///\n/// @return {Number} - `$value` expressed in `$unit`\n///\n@function to-length($value, $unit) {\n  $units: (\n    'px': 1px,\n    'cm': 1cm,\n    'mm': 1mm,\n    '%': 1%,\n    'ch': 1ch,\n    'pc': 1pc,\n    'in': 1in,\n    'em': 1em,\n    'rem': 1rem,\n    'pt': 1pt,\n    'ex': 1ex,\n    'vw': 1vw,\n    'vh': 1vh,\n    'vmin': 1vmin,\n    'vmax': 1vmax,\n  );\n\n  @if not list.index(map.keys($units), $unit) {\n    $_: im-log('Invalid unit `#{$unit}`.');\n  }\n\n  @return $value * map.get($units, $unit);\n}\n\n////\n/// String to number converter\n/// @author Jack McNicol\n/// @access private\n////\n\n///\n/// Trims a string of leading and trailing spaces\n///\n/// @param {String} $string - Value to be trimmed\n///\n/// @return {String}\n///\n\n@function str-trim($string) {\n  @if (str-slice($string, 1, 1) == ' ') {\n    @return str-trim(str-slice($string, 2));\n  } @else if (str-slice($string, str-length($string), -1) == ' ') {\n    @return str-trim(str-slice($string, 1, -2));\n  } @else {\n    @return $string;\n  }\n}\n\n///\n/// This mixin aims at redefining the configuration just for the scope of\n/// the call. It is helpful when having a component needing an extended\n/// configuration such as custom breakpoints (referred to as tweakpoints)\n/// for instance.\n///\n/// @author Kitty Giraudel\n///\n/// @param {Map} $tweakpoints [()] - Map of tweakpoints to be merged with `$breakpoints`\n/// @param {Map} $tweak-media-expressions [()] - Map of tweaked media expressions to be merged with `$media-expression`\n///\n/// @example scss - Extend the global breakpoints with a tweakpoint\n///  @include media-context(('custom': 678px)) {\n///    .foo {\n///      @include media('>phone', '<=custom') {\n///       // ...\n///      }\n///    }\n///  }\n///\n/// @example scss - Extend the global media expressions with a custom one\n///  @include media-context($tweak-media-expressions: ('all': 'all')) {\n///    .foo {\n///      @include media('all', '>phone') {\n///       // ...\n///      }\n///    }\n///  }\n///\n/// @example scss - Extend both configuration maps\n///  @include media-context(('custom': 678px), ('all': 'all')) {\n///    .foo {\n///      @include media('all', '>phone', '<=custom') {\n///       // ...\n///      }\n///    }\n///  }\n///\n@mixin media-context($tweakpoints: (), $tweak-media-expressions: ()) {\n  // Save global configuration\n  $global-breakpoints: $breakpoints;\n  $global-media-expressions: $media-expressions;\n\n  // Update global configuration\n  $breakpoints: map.merge($breakpoints, $tweakpoints) !global;\n  $media-expressions: map.merge($media-expressions, $tweak-media-expressions) !global;\n\n  @content;\n\n  // Restore global configuration\n  $breakpoints: $global-breakpoints !global;\n  $media-expressions: $global-media-expressions !global;\n}\n\n////\n/// include-media public exposed API\n/// @author Eduardo Boucas\n/// @access public\n////\n\n///\n/// Generates a media query based on a list of conditions\n///\n/// @param {Arglist}   $conditions  - Media query conditions\n///\n/// @example scss - With a single set breakpoint\n///  @include media('>phone') { }\n///\n/// @example scss - With two set breakpoints\n///  @include media('>phone', '<=tablet') { }\n///\n/// @example scss - With custom values\n///  @include media('>=358px', '<850px') { }\n///\n/// @example scss - With set breakpoints with custom values\n///  @include media('>desktop', '<=1350px') { }\n///\n/// @example scss - With a static expression\n///  @include media('retina2x') { }\n///\n/// @example scss - Mixing everything\n///  @include media('>=350px', '<tablet', 'retina3x') { }\n///\n@mixin media($conditions...) {\n  @if ($im-media-support and list.length($conditions) == 0) or\n    (not $im-media-support and im-intercepts-static-breakpoint($conditions...))\n  {\n    @content;\n  } @else if ($im-media-support and list.length($conditions) > 0) {\n    @media #{string.unquote(parse-expression(list.nth($conditions, 1)))} {\n      // Recursive call\n      $sliced-conditions: slice($conditions, 2);\n      @include media($sliced-conditions...) {\n        @content;\n      }\n    }\n  }\n}\n",".l-header {\n    border-bottom: 1px solid $chinese-silver;\n    position: relative;\n    z-index: 50;\n\n    &__outer {\n        width: 100%;\n        margin: 0 auto;\n        position: relative;\n\n        @include media(\">=xl\") {\n            width: 1440px;\n        }\n\n        @include media(\">=lg\") {\n            padding: 0 rem(25px);\n        }\n\n        // w-full xl:w-[1440px] mx-auto lg:px-[25px] relative\n    }\n\n    &__inner {\n        display: flex;\n        align-items: center;\n\n        @include media(\"<=lg\") {\n            flex-wrap: wrap;\n            justify-content: space-between;\n        }\n\n        @include media(\">=lg\") {\n            justify-content: space-between;\n        }\n\n        // flex max-lg:flex-wrap max-lg:justify-between lg:justify-between items-center\n    }\n\n    &__logo {\n        color: $secondary;\n        text-decoration: none;\n\n        &__wrapper {\n            display: flex;\n            align-items: center;\n            gap: rem(17px);\n\n            // flex items-center gap-[17px]\n\n            > picture {\n                padding: 0 rem(6px);\n    \n                @include media(\">=lg\") {\n                    padding: rem(8.22px) rem(8.94px);\n                }\n    \n                // px-1.5 lg:px-[8.94px] lg:py-[8.22px]\n    \n                > img {\n                    width: rem(101.36px);\n    \n                    @include media(\"<=lg\") {\n                        width: rem(68px);\n                    }\n    \n                    // max-lg:w-[68px] w-[101.36px]\n                }\n            }\n    \n            h1 {\n                font-size: rem(24px);\n                font-weight: 700;\n                line-height: 1.5;\n    \n                @include media(\"<=lg\") {\n                    display: none;\n                }\n    \n                @include media(\"<=xl\") {\n                    font-size: rem(18px);\n                }\n    \n                // max-lg:hidden max-xl:text-lg text-2xl font-bold leading-normal\n            }\n        }\n    }\n\n    &__mobile-nav {\n        @include media(\">lg\") {\n            display: none;\n        }\n\n        // lg:hidden\n\n        > a {\n            color: $secondary;\n            font-size: rem(12px);\n            line-height: rem(18px);\n            letter-spacing: 0.48px;\n            text-decoration: none;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            flex-direction: column;\n            padding: rem(10px);\n\n            // text-xs font-bold leading-[18px] tracking-[0.48px] text-center block p-2.5\n\n            > img {\n                margin: 0 auto;\n            }\n        }\n    }\n\n    &__nav {\n        @include media(\"<=lg\") {\n            display: none;\n            width: 100%;\n        }\n\n        @include media(\">=lg\") {\n            padding-top: rem(20px);\n        }\n\n        // max-lg:hidden max-lg:w-full lg:pt-5\n    }\n\n    &__topbar {\n        list-style: none;\n        padding-left: 0;\n\n        @include media(\">=lg\") {\n            display: flex;\n            justify-content: flex-end;\n            align-items: center;\n            gap: rem(24px);\n            margin-bottom: rem(12px);\n        }\n\n        // lg:flex lg:justify-end lg:items-center lg:gap-6 lg:mb-3\n\n        &__item {\n            font-size: rem(14px);\n            \n            @include media('>=lg') {\n                font-weight: 500;\n                line-height: rem(19.6px);\n            }\n\n            @include media(\"<=lg\") {\n                border-top: 1px solid $chinese-silver;\n            }\n\n            @include media(\">=lg\", \"<=xl\") {\n                font-size: rem(12px);\n            }\n            \n            // @apply max-lg:border-t max-lg:border-chinese-silver lg:max-xl:text-xs text-sm lg:font-medium lg:leading-[19.6px];\n\n            > a {\n                display: block;\n                transition: all .5s ease;\n                color: $secondary;\n                text-decoration: none;\n\n                @include media(\"<=lg\") {\n                    padding: rem(16px);\n                }\n\n                // @apply max-lg:p-4 block transition-all;\n\n                &::after {\n                    content: '';\n                    width: rem(7px);\n                    height: rem(11px);\n                    background-image: url('../svg/chevron-right-gray.svg');\n                    display: inline-block;\n                    margin-left: 5px;\n\n                    @include media(\"<=lg\") {\n                        content: none;\n                    }\n\n                    // @apply max-lg:content-none w-[7px] h-[11px] bg-[url('../svg/chevron-right-gray.svg')] inline-block ml-1.5;\n                }\n\n                &:hover {\n                    @include media(\">=lg\") {\n                        color: $primary;\n                    }\n\n                    // @apply lg:text-primary;\n                }\n            }\n\n            &--button {\n                font-size: 1rem;\n\n                @include media(\"<=xl\") {\n                    font-size: rem(14px);\n                }\n\n                // @apply max-lg:text-sm lg:max-xl:text-sm text-base;\n\n                > a {\n                    @include media(\">=lg\") {\n                        background-color: $primary;\n                        color: #fff;\n                        font-weight: 700;\n                        display: flex;\n                        justify-content: space-between;\n                        align-items: center;\n                        gap: rem(4px);\n                        border-radius: rem(9999px);\n                        padding: rem(12px) 1rem;\n                        transition: all .5s ease;\n                    }\n\n                    // @apply lg:bg-primary lg:font-bold lg:text-white lg:flex lg:justify-between lg:items-center lg:gap-1 lg:rounded-full lg:px-4 lg:py-3 transition-all;\n\n                    &::after {\n                        content: none;\n\n                        // @apply content-none;\n                    }\n\n                    &:hover {\n                        @include media(\">=lg\") {\n                            background-color: $primary-hover;\n                            color: #fff;\n                        }\n\n                        // @apply lg:bg-primary-hover lg:text-white;\n                    }\n                }\n\n                &__my-page {\n                    @include media(\"<=lg\") {\n                        display: none;\n                        width: rem(24px);\n                        height: rem(24px);\n                    }\n\n                    // max-lg:hidden w-6 h-6\n                }\n\n                &__login {\n                    @include media(\"<=lg\") {\n                        display: none;\n                        width: rem(18.46px);\n                        height: rem(20px);\n                    }\n\n                    // max-lg:hidden w-[18.46px] h-5\n                }\n            }\n        }\n    }\n\n    &__menu {\n        @include media(\">=lg\") {\n            display: flex;\n            justify-content: flex-end;\n            align-items: center;\n        }\n\n        // lg:flex lg:justify-end lg:items-center\n\n        &__item {\n            position: relative;\n            \n            @include media(\"<=lg\") {\n                font-size: rem(14px);\n                border-top: 1px solid $chinese-silver;\n            }\n\n            @include media(\">=lg\", \"<=xl\") {\n                font-size: rem(12px);\n            }\n\n            @include media(\">=lg\") {\n                font-weight: 500;\n                line-height: rem(25.2px);\n                padding: rem(11px) rem(25px);\n            }\n\n            // @apply max-lg:border-t max-lg:border-chinese-silver lg:max-xl:text-xs text-sm lg:font-medium lg:leading-[25.2px] lg:px-[25px] lg:py-[11px] relative;\n\n            > a {\n                color: $secondary;\n                text-decoration: none;\n                display: block;\n\n                @include media(\"<=lg\") {\n                    padding: 1rem;\n                }                \n\n                // @apply max-lg:p-4 block;\n\n                &::after {\n                    content: '';\n                    border-bottom-width: 0;\n                    border-color: transparent;\n                    width: calc(100% - 50px);\n                    height: 2px;\n                    position: absolute;\n                    left: 50%;\n                    transform: translateX(-50%);\n                    bottom: 0;\n                    transition: all .5s ease;\n\n                    @include media(\"<=lg\") {\n                        content: none;\n                    }\n\n                    // @apply max-lg:content-none border-b-0 border-transparent w-[calc(100%-50px)] h-[2px] absolute left-1/2 -translate-x-1/2 bottom-0 transition-all;\n                }\n\n                &:hover {\n                    &::after {\n                        @include media(\">=lg\") {\n                            border-bottom: 2px solid $chinese-silver;\n                        }\n\n                        // @apply lg:border-b-2 lg:border-chinese-silver;\n                    }\n                }\n            }\n\n            &--active {\n                > a {\n                    &::after {\n                        border-bottom: 2px solid $primary;\n\n                        // @apply border-b-2 border-primary;\n                    }\n\n                    &:hover {\n                        &::after {\n                            border-bottom: 2px solid $primary;\n\n                            // @apply border-b-2 border-primary;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}",".l-container {\n    width: 1120px;\n    max-width: 100%;\n    margin: auto;\n\n    @include media(\"<=xl\") {\n        padding-right: 1rem;\n        padding-left: 1rem;\n    }\n\n}\n\n.l-container--fluid {\n    padding-right: 1rem;\n    padding-left: 1rem;\n}",".btn {\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.64px;\n    color: #fff;\n    background-color: $secondary;\n    border: 0px;\n    border-radius: 200px;\n    padding: 12px 20px;\n    cursor: pointer;\n    box-shadow: none !important;\n    transition-property: all;\n    transition-duration: 300ms;\n    transition-timing-function: linear;\n    text-decoration: none;\n    align-items: center;\n    text-align: center;\n    display: inline-flex;\n    gap: 4px;\n    font-weight: 700;\n\n\n    &.mobile-w-full {\n        @include media(\"<=md\") {\n            width: 100%;\n        }\n    }\n\n    span{\n        width: 100%;\n    }\n\n    &.primary {\n        background-color: $primary;\n        color: #fff;\n\n\n        &:hover {\n            background-color: $primary-hover;\n            color: #fff;\n            text-decoration: underline;\n        }\n\n    }\n}",".accordion {\n    &__item {\n        font-size: 16px;\n        border-bottom: 1px solid $chinese-silver;\n    }\n\n    &__header {\n        font-weight: 500;\n        line-height: 27.2px;\n        letter-spacing: 0.64px;\n        color: $primary;\n    }\n\n    &__button {\n        display: flex;\n        justify-content: space-between;\n        gap: 15px;\n        padding: 16px 24px;\n        cursor: pointer;\n\n        &>div {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n\n            &>h3 {\n                margin: 0;\n                font-size: 16px;\n            }\n        }\n\n        @include media(\"<=md\") {\n            padding: 16px 12px;\n        }\n    }\n\n    &__meta {\n        padding-left: 52px;\n\n        @include media(\"<=md\") {\n            padding-left: 12px;\n        }\n    }\n\n    &__icon {\n        transition-property: all;\n        transition-duration: 300ms;\n        transition-timing-function: linear;\n\n        &.open {\n            transform: rotate(180deg);\n        }\n    }\n\n    &__content {\n        display: none;\n\n        padding: 0px 24px 24px 24px;\n        line-height: 27.2px;\n        letter-spacing: 0.64px;\n\n        @include media(\"<=md\") {\n            padding: 16px 12px;\n        }\n    }\n}",".p-breadcrumbs {\r\n    padding-top: rem(24px);\r\n\r\n    @include media(\"<=xl\") {\r\n        padding-left: rem(16px);\r\n        padding-right: rem(16px);\r\n    }\r\n\r\n    // pt-6 max-xl:px-4\r\n\r\n    &__wrapper {\r\n        width: 100%;\r\n        margin: 0 auto;\r\n\r\n        @include media(\">=xl\") {\r\n            width: rem(1120px);\r\n        }\r\n\r\n        // w-full xl:w-[1120px] mx-auto\r\n    }\r\n\r\n    &__list {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: rem(10px);\r\n\r\n        // flex items-center gap-2.5\r\n    }\r\n\r\n    &__item {\r\n        > a {\r\n            color: $secondary;\r\n            text-decoration: none;\r\n            font-size: rem(14px);\r\n            font-weight: 500;\r\n\r\n            // @apply text-sm font-medium;\r\n        }\r\n\r\n        &--base {\r\n            > a {\r\n                color: $primary;\r\n                text-decoration: none;\r\n                \r\n                // @apply text-primary underline;\r\n            }\r\n        }\r\n    }\r\n}",".text {\n    &-heading-1 {\n        font-family: $noto-sans;\n        font-size: 45px;\n        font-weight: 700;\n        line-height: 63px;\n        letter-spacing: 1.8px;\n\n        @include media(\"<=md\") {\n            font-size: 32px;\n        }\n\n    }\n\n    &-heading-2 {\n        font-family: $noto-sans;\n        font-size: 28px;\n        font-weight: 700;\n        line-height: 42px;\n        letter-spacing: 1.12px;\n        margin-top:0;\n\n        @include media(\"<=md\") {\n            font-size: 24px;\n        }\n    }\n\n    &-heading-3 {\n        font-family: $noto-sans;\n        font-size: 20px;\n        font-weight: 700;\n        line-height: 30px;\n        letter-spacing: 0.8px;\n        margin-top:0;\n    }\n\n    &-heading-4 {\n        font-family: $noto-sans;\n        font-size: 16px;\n        font-weight: 700;\n        line-height: 24px;\n        letter-spacing: 0.64px;\n        margin-top:0;\n    }\n\n    &-paragraph {\n        font-family: $noto-sans;\n        font-size: 14px;\n        font-weight: 700;\n        line-height: 23.8px;\n        letter-spacing: 0.56px;\n\n    }\n\n    &-ellipsis-2 {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n    }\n\n    &-badge {\n        font-family: 'montserrat';\n        background: #DC1C78;\n        font-weight: 600;\n        line-height: 19.5px;\n        letter-spacing: 0.52px;\n        color: #fff;\n        border-radius: 4px;\n\n        @include media(\"<=md\") {\n            font-size: 13px;\n        }\n\n    }\n\n\n    &-quote {\n        position: relative;\n        padding-left: 18px;\n\n        &:before {\n            content: '';\n            width: 4px;\n            height: 100%;\n            position: absolute;\n            top: 0;\n            left: 0;\n            background-color: $primary;\n        }\n    }\n}",".nav-links {\n\n\t&--heading {\n\t\tfont-weight: 700;\n\t\tmargin-top: 64px;\n\t}\n\n\t&__list {\n\t\tmargin-top: 40px;\n\t\tpadding: 0;\n\n\t\t&--item {\n\t\t\tdisplay: inline-block;\n\t\t\talign-items: middle;\n\t\t\tmargin-right: 30px;\n\t\t\tmargin-bottom: 20px;\n\t\t\ttext-decoration: none;\n\n\t\t\ta {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-family: $noto-sans;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 7px;\n\t\t\t\tborder-bottom: 1px solid #ccc;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcolor: #1a1a1a;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\t}\n}",".text-image-cta {\n    position: relative;\n    margin-top: 20px;\n\n    @include media(\"<=md\") {\n        margin-top: 44px;\n    }\n\n    .text-quote {\n        margin-bottom: 24px;\n    }\n\n\n\n    &__items {\n        gap: 32px;\n        display: grid;\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n\n        @include media(\"<=md\") {\n            grid-template-columns: repeat(1, minmax(0, 1fr));\n        }\n\n        &__content-wrapper {\n            &>p {\n                margin-bottom: 40px;\n            }\n\n            &__button-wrapper {\n                @include media(\"<=md\") {\n                    text-align: center;\n                }\n            }\n        }\n\n        &__image-wrapper {\n            img {\n                height: auto;\n                max-width: 100%;\n            }\n        }\n    }\n\n    &__image-wrapper {\n        margin: auto;\n        margin-top: 40px;\n        width: 736px;\n        max-width: 100%;\n        img {\n            height: auto;\n            max-width: 100%;\n        }\n    }\n\n    &__button-wrapper {\n        text-align: center;\n\n        a {\n            margin-top: 24px;\n            text-align: center;\n            max-width: 100%;\n            min-width: 300px;\n            font-weight: 700;\n            display: inline-flex;\n            gap: 4px;\n\n            @include media(\"<=md\") {\n                margin-top: 40px;\n            }\n\n            span {\n                width: 100%;\n            }\n\n        }\n    }\n\n\n    &--two-columns {\n        margin-top: 64px;\n\n        @include media(\"<=md\") {\n            margin-top: 44px;\n        }\n    }\n}",".text-cta {\n\tposition: relative;\n\tmargin-top: 64px;\n\n\t&__content-wrapper {\n\t\tborder: 1px solid $alto;\n\t\tborder-radius: 24px;\n\t\tpadding: 64px;\n\n\t\t@include media(\"<=md\") {\n\t\t\tpadding: 24px;\n\t\t}\n\n\t\t&>.text-heading-2 {\n\t\t\tmargin-top: 0px;\n\t\t\tmargin-bottom: 24px;\n\t\t}\n\n\t\t&>p {\n\t\t\tmargin-bottom: 40px;\n\t\t}\n\n\t\t&__buttons {\n\t\t\t&__list {\n\n\t\t\t\tgap: 24px;\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(3, minmax(0, 1fr));\n\t\t\t\tpadding: 0px;\n\t\t\t\tlist-style-type: none;\n\n\t\t\t\t@include media(\"<=md\") {\n\t\t\t\t\tgrid-template-columns: repeat(1, minmax(0, 1fr));\n\t\t\t\t}\n\n\n\t\t\t\t&>li {\n\t\t\t\t\t&>a {\n\t\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t\t&>span {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n.cta-two-columns {\n\tmargin-top: 32px;\n\n\t&__items {\n\t\tgap: 32px;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\n\t\t@include media(\"<=md\") {\n\t\t\tgrid-template-columns: repeat(1, minmax(0, 1fr));\n\t\t}\n\n\t\ta {\n\t\t\twidth: 100%;\n\n\t\t\t&>span {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.cta-with-bg {\n\t&__content-wrapper {\n\t\tborder: 0;\n\t\tbackground-color: $alice-blue;\n\t\ttext-align: center;\n\n\t\t&>p {\n\t\t\twidth: 798px;\n\t\t\tmax-width: 100%;\n\t\t\tmargin: auto;\n\t\t\tmargin-bottom: 40px;\n\t\t}\n\t}\n}",".faq-accordion {\n    position: relative;\n    margin-top: 64px;\n\n    @include media(\"<=md\") {\n        margin-top: 44px;\n    }\n\n    &__button-wrapper {\n        text-align: center;\n\n        .btn {\n\n            margin: 40px 0px;\n            \n        }\n    }\n\n}"]}
@font-face{font-family:"noto-sans-jp";src:url("../fonts/noto-sans-jp/NotoSansJP-Regular.eot");src:url("../fonts/noto-sans-jp/NotoSansJP-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans-jp/NotoSansJP-Regular.woff2") format("woff2"),url("../fonts/noto-sans-jp/NotoSansJP-Regular.woff") format("woff"),url("../fonts/noto-sans-jp/NotoSansJP-Regular.ttf") format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"noto-sans-jp";src:url("../fonts/noto-sans-jp/NotoSansJP-Medium.eot");src:url("../fonts/noto-sans-jp/NotoSansJP-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans-jp/NotoSansJP-Medium.woff2") format("woff2"),url("../fonts/noto-sans-jp/NotoSansJP-Medium.woff") format("woff"),url("../fonts/noto-sans-jp/NotoSansJP-Medium.ttf") format("truetype");font-style:normal;font-weight:500}@font-face{font-family:"noto-sans-jp";src:url("../fonts/noto-sans-jp/NotoSansJP-Bold.eot");src:url("../fonts/noto-sans-jp/NotoSansJP-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/noto-sans-jp/NotoSansJP-Bold.woff2") format("woff2"),url("../fonts/noto-sans-jp/NotoSansJP-Bold.woff") format("woff"),url("../fonts/noto-sans-jp/NotoSansJP-Bold.ttf") format("truetype");font-style:normal;font-weight:700}@font-face{font-family:"montserrat";src:url("../fonts/montserrat/Montserrat-Regular.eot");src:url("../fonts/montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/montserrat/Montserrat-Regular.woff2") format("woff2"),url("../fonts/montserrat/Montserrat-Regular.woff") format("woff"),url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype");font-style:normal;font-weight:400}@font-face{font-family:"montserrat";src:url("../fonts/montserrat/Montserrat-SemiBold.eot");src:url("../fonts/montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"),url("../fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"),url("../fonts/montserrat/Montserrat-SemiBold.woff") format("woff"),url("../fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype");font-style:normal;font-weight:600}@font-face{font-family:"montserrat";src:url("../fonts/montserrat/Montserrat-Bold.eot");src:url("../fonts/montserrat/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"),url("../fonts/montserrat/Montserrat-Bold.woff") format("woff"),url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype");font-style:normal;font-weight:700}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{padding-bottom:env(safe-area-inset-bottom)}body,html{font:400 1rem/27.2px noto-sans-jp;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;font-feature-settings:"kern";font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;box-sizing:border-box}body *:focus-visible,html *:focus-visible{outline:0 !important}*,*:before,*:after{box-sizing:inherit}.l-footer__wrapper{width:100%}@media(min-width: 1280px){.l-footer__wrapper{width:70rem;margin:0 auto;padding-top:3.75rem}}@media(min-width: 1024px)and (max-width: 1280px){.l-footer__mega-menu{padding:0 1rem}}.l-footer__mega-menu__outer{margin-bottom:2.5rem}@media(min-width: 1024px){.l-footer__mega-menu__outer{display:flex;gap:2rem}}@media(max-width: 1024px){.l-footer__mega-menu__outer{padding:0 1rem}}@media(min-width: 1024px){.l-footer__mega-menu__inner{width:25%}}@media(min-width: 1280px){.l-footer__mega-menu__inner{width:22.86%}}@media(max-width: 1024px){.l-footer__mega-menu__inner{margin-bottom:2rem}}@media(min-width: 1024px){.l-footer__mega-menu__inner--one-half{width:50%}}@media(min-width: 1280px){.l-footer__mega-menu__inner--one-half{width:48.57%}}.l-footer__mega-menu__inner>header{border-bottom:1px solid #ccc;margin-bottom:1rem}@media(min-width: 1024px){.l-footer__mega-menu__inner__wrapper{display:flex;gap:2rem}}@media(min-width: 1024px){.l-footer__mega-menu__inner__wrapper>.l-footer__mega-menu__list{width:50%}}.l-footer__mega-menu p,.l-footer__mega-menu li{font-size:.875rem;line-height:1.575rem;margin-bottom:.625rem}.l-footer__mega-menu p>a,.l-footer__mega-menu li>a{color:#1a1a1a;text-decoration:none;transition:all .5s ease}.l-footer__mega-menu p>a:hover,.l-footer__mega-menu li>a:hover{color:#007db8}.l-footer__mega-menu h4{font-size:.875rem;font-weight:700;color:#007db8;margin-bottom:.9375rem;padding-right:2.6875rem;position:relative}.l-footer__mega-menu h4>a{color:#007db8;text-decoration:none;transition:all .5s ease}.l-footer__mega-menu h4>a::after{content:"";background-image:url("../svg/arrow-right-blue.svg");background-size:cover;background-position:center;background-repeat:no-repeat;width:.81125rem;height:.79rem;position:absolute;top:50%;transform:translateY(-50%);right:0;transition:all .5s ease}.l-footer__mega-menu h4>a:hover{color:#006493}.l-footer__mega-menu h4>a:hover::after{right:.25rem}.l-footer__nav-menu{border-top:1px solid #ccc;padding:1.5rem 0 1.625rem}@media(max-width: 768px){.l-footer__nav-menu{padding-left:1rem;padding-right:1rem}}.l-footer__nav-menu ul{display:flex;justify-content:center;gap:1rem}@media(max-width: 768px){.l-footer__nav-menu ul{flex-wrap:wrap}}@media(min-width: 1024px){.l-footer__nav-menu ul{gap:3.125rem}}.l-footer__nav-menu ul>li{font-size:.875rem;line-height:1.225rem}.l-footer__nav-menu__main{margin-bottom:1.5rem}@media(min-width: 1024px){.l-footer__nav-menu__main{margin-bottom:1rem}}.l-footer__nav-menu__main>li>a{color:#007db8;text-decoration:none;transition:all .5s ease}.l-footer__nav-menu__main>li>a:hover{color:#006493}.l-footer__nav-menu__sub>li>a{color:#1a1a1a;text-decoration:none;transition:all .5s ease}.l-footer__nav-menu__sub>li>a::after{content:"";width:.4375rem;height:.6875rem;background-image:url("../svg/chevron-right-black.svg");display:inline-block;margin-left:.3125rem;transition:all .5s ease}.l-footer__nav-menu__sub>li>a:hover{color:#007db8}.l-footer__copyright{width:100%;background-color:#007db8;padding:4px 0}.l-footer__copyright>p{color:#fff;text-align:center;font-size:.75rem;line-height:1.35rem}.l-header{border-bottom:1px solid #ccc;position:relative;z-index:50}.l-header__outer{width:100%;margin:0 auto;position:relative}@media(min-width: 1280px){.l-header__outer{width:1440px}}@media(min-width: 1024px){.l-header__outer{padding:0 1.5625rem}}.l-header__inner{display:flex;align-items:center}@media(max-width: 1024px){.l-header__inner{flex-wrap:wrap;justify-content:space-between}}@media(min-width: 1024px){.l-header__inner{justify-content:space-between}}.l-header__logo{color:#1a1a1a;text-decoration:none}.l-header__logo__wrapper{display:flex;align-items:center;gap:1.0625rem}.l-header__logo__wrapper>picture{padding:0 .375rem}@media(min-width: 1024px){.l-header__logo__wrapper>picture{padding:.51375rem .55875rem}}.l-header__logo__wrapper>picture>img{width:6.335rem}@media(max-width: 1024px){.l-header__logo__wrapper>picture>img{width:4.25rem}}.l-header__logo__wrapper h1{font-size:1.5rem;font-weight:700;line-height:1.5}@media(max-width: 1024px){.l-header__logo__wrapper h1{display:none}}@media(max-width: 1280px){.l-header__logo__wrapper h1{font-size:1.125rem}}@media(min-width: 1025px){.l-header__mobile-nav{display:none}}.l-header__mobile-nav>a{color:#1a1a1a;font-size:.75rem;line-height:1.125rem;letter-spacing:.48px;text-decoration:none;text-align:center;display:flex;justify-content:center;flex-direction:column;padding:.625rem}.l-header__mobile-nav>a>img{margin:0 auto}@media(max-width: 1024px){.l-header__nav{display:none;width:100%}}@media(min-width: 1024px){.l-header__nav{padding-top:1.25rem}}.l-header__topbar{list-style:none;padding-left:0}@media(min-width: 1024px){.l-header__topbar{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem;margin-bottom:.75rem}}.l-header__topbar__item{font-size:.875rem}@media(min-width: 1024px){.l-header__topbar__item{font-weight:500;line-height:1.225rem}}@media(max-width: 1024px){.l-header__topbar__item{border-top:1px solid #ccc}}@media(min-width: 1024px)and (max-width: 1280px){.l-header__topbar__item{font-size:.75rem}}.l-header__topbar__item>a{display:block;transition:all .5s ease;color:#1a1a1a;text-decoration:none}@media(max-width: 1024px){.l-header__topbar__item>a{padding:1rem}}.l-header__topbar__item>a::after{content:"";width:.4375rem;height:.6875rem;background-image:url("../svg/chevron-right-gray.svg");display:inline-block;margin-left:5px}@media(max-width: 1024px){.l-header__topbar__item>a::after{content:none}}@media(min-width: 1024px){.l-header__topbar__item>a:hover{color:#007db8}}.l-header__topbar__item--button{font-size:1rem}@media(max-width: 1280px){.l-header__topbar__item--button{font-size:.875rem}}@media(min-width: 1024px){.l-header__topbar__item--button>a{background-color:#007db8;color:#fff;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:.25rem;border-radius:624.9375rem;padding:.75rem 1rem;transition:all .5s ease}}.l-header__topbar__item--button>a::after{content:none}@media(min-width: 1024px){.l-header__topbar__item--button>a:hover{background-color:#006493;color:#fff}}@media(max-width: 1024px){.l-header__topbar__item--button__my-page{display:none;width:1.5rem;height:1.5rem}}@media(max-width: 1024px){.l-header__topbar__item--button__login{display:none;width:1.15375rem;height:1.25rem}}@media(min-width: 1024px){.l-header__menu{display:flex;justify-content:flex-end;align-items:center}}.l-header__menu__item{position:relative}@media(max-width: 1024px){.l-header__menu__item{font-size:.875rem;border-top:1px solid #ccc}}@media(min-width: 1024px)and (max-width: 1280px){.l-header__menu__item{font-size:.75rem}}@media(min-width: 1024px){.l-header__menu__item{font-weight:500;line-height:1.575rem;padding:.6875rem 1.5625rem}}.l-header__menu__item>a{color:#1a1a1a;text-decoration:none;display:block}@media(max-width: 1024px){.l-header__menu__item>a{padding:1rem}}.l-header__menu__item>a::after{content:"";border-bottom-width:0;border-color:rgba(0,0,0,0);width:calc(100% - 50px);height:2px;position:absolute;left:50%;transform:translateX(-50%);bottom:0;transition:all .5s ease}@media(max-width: 1024px){.l-header__menu__item>a::after{content:none}}@media(min-width: 1024px){.l-header__menu__item>a:hover::after{border-bottom:2px solid #ccc}}.l-header__menu__item--active>a::after{border-bottom:2px solid #007db8}.l-header__menu__item--active>a:hover::after{border-bottom:2px solid #007db8}.l-container{width:1120px;max-width:100%;margin:auto}@media(max-width: 1280px){.l-container{padding-right:1rem;padding-left:1rem}}.l-container--fluid{padding-right:1rem;padding-left:1rem}.btn{font-size:16px;line-height:24px;letter-spacing:.64px;color:#fff;background-color:#1a1a1a;border:0px;border-radius:200px;padding:12px 20px;cursor:pointer;box-shadow:none !important;transition-property:all;transition-duration:300ms;transition-timing-function:linear;text-decoration:none;align-items:center;text-align:center;display:inline-flex;gap:4px;font-weight:700}@media(max-width: 768px){.btn.mobile-w-full{width:100%}}.btn span{width:100%}.btn.primary{background-color:#007db8;color:#fff}.btn.primary:hover{background-color:#006493;color:#fff;text-decoration:underline}.accordion__item{font-size:16px;border-bottom:1px solid #ccc}.accordion__header{font-weight:500;line-height:27.2px;letter-spacing:.64px;color:#007db8}.accordion__button{display:flex;justify-content:space-between;gap:15px;padding:16px 24px;cursor:pointer}.accordion__button>div{display:flex;justify-content:space-between;align-items:center}.accordion__button>div>h3{margin:0;font-size:16px}@media(max-width: 768px){.accordion__button{padding:16px 12px}}.accordion__meta{padding-left:52px}@media(max-width: 768px){.accordion__meta{padding-left:12px}}.accordion__icon{transition-property:all;transition-duration:300ms;transition-timing-function:linear}.accordion__icon.open{transform:rotate(180deg)}.accordion__content{display:none;padding:0px 24px 24px 24px;line-height:27.2px;letter-spacing:.64px}@media(max-width: 768px){.accordion__content{padding:16px 12px}}.p-breadcrumbs{padding-top:1.5rem}@media(max-width: 1280px){.p-breadcrumbs{padding-left:1rem;padding-right:1rem}}.p-breadcrumbs__wrapper{width:100%;margin:0 auto}@media(min-width: 1280px){.p-breadcrumbs__wrapper{width:70rem}}.p-breadcrumbs__list{display:flex;align-items:center;gap:.625rem}.p-breadcrumbs__item>a{color:#1a1a1a;text-decoration:none;font-size:.875rem;font-weight:500}.p-breadcrumbs__item--base>a{color:#007db8;text-decoration:none}.text-heading-1{font-family:"noto-sans-jp";font-size:45px;font-weight:700;line-height:63px;letter-spacing:1.8px}@media(max-width: 768px){.text-heading-1{font-size:32px}}.text-heading-2{font-family:"noto-sans-jp";font-size:28px;font-weight:700;line-height:42px;letter-spacing:1.12px;margin-top:0}@media(max-width: 768px){.text-heading-2{font-size:24px}}.text-heading-3{font-family:"noto-sans-jp";font-size:20px;font-weight:700;line-height:30px;letter-spacing:.8px;margin-top:0}.text-heading-4{font-family:"noto-sans-jp";font-size:16px;font-weight:700;line-height:24px;letter-spacing:.64px;margin-top:0}.text-paragraph{font-family:"noto-sans-jp";font-size:14px;font-weight:700;line-height:23.8px;letter-spacing:.56px}.text-ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.text-badge{font-family:"montserrat";background:#dc1c78;font-weight:600;line-height:19.5px;letter-spacing:.52px;color:#fff;border-radius:4px}@media(max-width: 768px){.text-badge{font-size:13px}}.text-quote{position:relative;padding-left:18px}.text-quote:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0;background-color:#007db8}.nav-links--heading{font-weight:700;margin-top:64px}.nav-links__list{margin-top:40px;padding:0}.nav-links__list--item{display:inline-block;align-items:middle;margin-right:30px;margin-bottom:20px;text-decoration:none}.nav-links__list--item a{font-size:16px;font-family:"noto-sans-jp";display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid #ccc;text-decoration:none;color:#1a1a1a}.nav-links__list--item:last-child{margin-right:0}.text-image-cta{position:relative;margin-top:20px}@media(max-width: 768px){.text-image-cta{margin-top:44px}}.text-image-cta .text-quote{margin-bottom:24px}.text-image-cta__items{gap:32px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}@media(max-width: 768px){.text-image-cta__items{grid-template-columns:repeat(1, minmax(0, 1fr))}}.text-image-cta__items__content-wrapper>p{margin-bottom:40px}@media(max-width: 768px){.text-image-cta__items__content-wrapper__button-wrapper{text-align:center}}.text-image-cta__items__image-wrapper img{height:auto;max-width:100%}.text-image-cta__image-wrapper{margin:auto;margin-top:40px;width:736px;max-width:100%}.text-image-cta__image-wrapper img{height:auto;max-width:100%}.text-image-cta__button-wrapper{text-align:center}.text-image-cta__button-wrapper a{margin-top:24px;text-align:center;max-width:100%;min-width:300px;font-weight:700;display:inline-flex;gap:4px}@media(max-width: 768px){.text-image-cta__button-wrapper a{margin-top:40px}}.text-image-cta__button-wrapper a span{width:100%}.text-image-cta--two-columns{margin-top:64px}@media(max-width: 768px){.text-image-cta--two-columns{margin-top:44px}}.text-cta{position:relative;margin-top:64px}.text-cta__content-wrapper{border:1px solid #d4d4d4;border-radius:24px;padding:64px}@media(max-width: 768px){.text-cta__content-wrapper{padding:24px}}.text-cta__content-wrapper>.text-heading-2{margin-top:0px;margin-bottom:24px}.text-cta__content-wrapper>p{margin-bottom:40px}.text-cta__content-wrapper__buttons__list{gap:24px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));padding:0px;list-style-type:none}@media(max-width: 768px){.text-cta__content-wrapper__buttons__list{grid-template-columns:repeat(1, minmax(0, 1fr))}}.text-cta__content-wrapper__buttons__list>li>a{width:100%}.text-cta__content-wrapper__buttons__list>li>a>span{display:block;width:100%}.cta-two-columns{margin-top:32px}.cta-two-columns__items{gap:32px;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr))}@media(max-width: 768px){.cta-two-columns__items{grid-template-columns:repeat(1, minmax(0, 1fr))}}.cta-two-columns__items a{width:100%}.cta-two-columns__items a>span{display:block;width:100%}.cta-with-bg__content-wrapper{border:0;background-color:#f0f9ff;text-align:center}.cta-with-bg__content-wrapper>p{width:798px;max-width:100%;margin:auto;margin-bottom:40px}.faq-accordion{position:relative;margin-top:64px}@media(max-width: 768px){.faq-accordion{margin-top:44px}}.faq-accordion__button-wrapper{text-align:center}.faq-accordion__button-wrapper .btn{margin:40px 0px}
/*# sourceMappingURL=app.css.map */