@charset "UTF-8";
/* -------------------------------------
    Font Install
------------------------------------- */
@import url('https://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,900;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Belanosima&display=swap');
/* -------------------------------------
    Reset
------------------------------------- */
* {
    min-height: 0;
}

html {
    color: var(--color-font_default);
    font-family: var(--font-family_default);
    font-size: var(--font-size_default);
}

body {
    margin: 0;
    overflow-x: hidden;
}

ul,
ol,
dl,
dt,
dd {
    list-style: none;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-size: inherit;
    font-weight: normal;
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

/* -------------------------------------
    Custom Properties
------------------------------------- */
:root {
    /* BreakPoint --------------- */
    --bp-pc_start: 768px;
    --bp-sp_end: 767px;
    /* Color -------------------- */
    --color-white: rgb(255 255 255 / 100%);
    --color-white_10: rgb(255 255 255 / 10%);
    --color-white_20: rgb(255 255 255 / 20%);
    --color-white_30: rgb(255 255 255 / 30%);
    --color-white_40: rgb(255 255 255 / 40%);
    --color-white_50: rgb(255 255 255 / 50%);
    --color-white_60: rgb(255 255 255 / 60%);
    --color-white_70: rgb(255 255 255 / 70%);
    --color-white_80: rgb(255 255 255 / 80%);
    --color-white_90: rgb(255 255 255 / 90%);
    --color-key: rgb(1 71 186 / 100%);
    --color-key_04: rgb(1 71 186 / 4%);
    --color-corp: rgb(220 0 12 / 100%);
    --color-cv: rgb(252 104 79 / 100%);
    --color-background_block: rgb(250 250 253 / 100%);
    --color-background_table: rgb(249 249 252 / 100%);
    --color-background_base: rgb(248 248 244 / 100%);
    --color-background_header: rgb(248 248 244 / 100%);
    --color-background_footer: rgb(51 52 57 / 100%);
    --color-font_default: rgb(51 51 51 / 100%);
    --color-font_disabled: rgb(187 196 214 / 100%);
    --color-border_default: rgb(209 216 228 / 100%);
    --color-border_menu: rgb(227 234 220 / 100%);
    --color-label_default: ;
    --color-label_primary: ;
    --color-disabled: rgb(165 173 188 / 100%);
    --color-main: rgb(46 105 128 / 100%);
    --color-main02: rgb(109 162 181 / 100%);
    --color-main-light: rgb(180 190 255 / 100%);
    --color-main_extralight: rgb(248 248 255 / 100%);
    --color-gray: rgb(37 38 44 / 100%);
    --color-lightgray: rgb(165 173 188 / 100%);
    --color-primary: rgb(248 153 137 / 100%);
    --color-gradation_01: linear-gradient(
        90deg,
        var(--color-main),
        var(--color-primary)
    );
    --color-theme01: rgb(248 248 244 / 100%);
    --color-theme02: rgb(230 236 225 / 100%);
    --color-theme03: rgb(240 240 231 / 100%);
    --color-rnsquare: 110 162 181;
    /* Margin ------------------- */
    --margin-card: 2.4rem;
    --margin-nav: 3rem;
    /* Padding ------------------ */
    --padding-side_default: 24px;
    --padding-side_sp: 15px;
    --padding-section: 10rem 0;
    --padding-input: 8rem 0;
    --padding-header: 60px;
    --padding-footer_pc: 8rem var(--padding-side_default) 5rem;
    --padding-footer_sp: 4rem var(--padding-side_sp);
    --padding-button_cv: 1.3rem 3rem;
    /* Space ------------------ */
    --space_vartical: 4rem;
    --space_horizontal: 2.4rem;
    /* Height ------------------- */
    --height-header: 11.5rem;
    --height-header_sp: 5rem;
    --height-footer: 60rem;
    /* Width -------------------- */
    --width-content: calc(1200px + (var(--padding-side_default) * 2));
    --width-content_2column: 894px;
    --width-content_detail: 792px;
    --width-side: clamp(20rem, 25vw, 30rem);
    --width-side_right: clamp(26rem, 69vw, 50rem);
    /* Font --------------------- */
    --font-size_default: 62.5%;
    --font-size_40: 4rem;
    --font-size_30: 3rem;
    --font-size_24: 2.4rem;
    --font-size_20: 2rem;
    --font-size_18: 1.8rem;
    --font-size_16: 1.6rem;
    --font-size_14: 1.4rem;
    --font-size_13: 1.3rem;
    --font-size_12: 1.2rem;
    --font-size_basic: clamp(1.3rem, 1.69vw, 1.6rem);
    --font-family_default: 'Noto Sans JP', sans-serif;
    --font-family_libre: 'Libre Baskerville', serif;
    --font-family_archivo: 'Archivo', sans-serif;
    --font-family_belanosima: 'Belanosima', sans-serif;
    /* Line Height --------------------- */
    --line-height_default: 1.75;
    /* Background --------------- */
    --bg-image_default: center center/100% no-repeat;
    --bg_gradient01: transparent
        linear-gradient(180deg, #f7f7f7 0%, #edeaff 0%, #fcfcfc 100%) 0% 0%
        no-repeat padding-box;
    /* Button ------------------- */
    --btn-background: rgb(255 255 255 / 100%);
    --btn-background_primary: var(--color-key);
    --btn-border: rgb(255 255 255 / 100%);
    --btn-border_primary: var(--color-key);
    --btn-font-color: var(--color-font_default);
    --btn-font-color_primary: rgb(255 255 255 / 100%);
    --btn-font-size: 2.4rem;
    --btn-font-weight: normal;
    --btn-font-weight_primary: bold;
    --btn-padding_pc: 1.8rem 7.7rem;
    --btn-radius: 0px;
    --btn-max-width: 30rem;
    --btn-min-width: 23.8rem;
    --btn-width: fit-content;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
}
:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0, 0, 0);
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0);
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(
        to left,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999;
}

.swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%;
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

/* Components ------------------- */
/*    Title
------------------------------------- */
.p-headline {
    position: relative;
}
.p-headline h1 {
    font-weight: normal;
}
.p-headline h1 > * {
    display: block;
}
.p-headline h1 > * {
    display: block;
}
.p-headline h1 .p-headline-title_jp {
    font-size: clamp(2.4rem, 4.07vw, 4.4rem);
    line-height: 1.5;
}
.p-headline h1 .p-headline-title_en {
    color: var(--color-main);
    font-family: var(--font-family_libre);
    font-size: clamp(1.4rem, 1.82vw, 1.8rem);
    line-height: 1.5;
}
.p-headline-logo {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(155px, 40vw, 500px);
    z-index: -1;
}
.p-headline-logo > img {
    display: block;
    object-fit: contain;
    width: 100%;
}

.c-title.at-lv2 {
    padding-bottom: 55px;
}
.c-title.at-lv2 > * {
    font-size: clamp(2rem, 2.6vw, 3.2rem);
    padding-bottom: 19px;
    position: relative;
}
.c-title.at-lv2 > *::after {
    background: transparent
        linear-gradient(60deg, rgb(46, 105, 128) 0%, #eaa46f 100%, #f0a66e 100%)
        0% 0% no-repeat padding-box;
    bottom: 0;
    content: '';
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 80px;
}
.c-title.at-lv2.at-side-line {
    padding-bottom: 40px;
}
.c-title.at-lv2.at-side-line > * {
    display: flex;
    font-size: clamp(1.8rem, 2.34vw, 2.8rem);
}
.c-title.at-lv2.at-side-line > *::before {
    align-self: stretch;
    background: transparent
        linear-gradient(
            180deg,
            rgb(46, 105, 128) 0%,
            rgb(234, 164, 111) 88%,
            rgb(240, 166, 110) 100%
        )
        0% 0% no-repeat padding-box;
    content: '';
    display: block;
    flex-shrink: 0;
    margin-right: 15px;
    width: 10px;
}
.c-title.at-lv2.at-side-line > *::after {
    content: '';
    display: none;
}
.c-title.at-lv2.u-about-benefits {
    padding-bottom: 100px;
}
@media screen and (width <= 767px) {
    .c-title.at-lv2 {
        padding-bottom: 30px;
    }
    .c-title.at-lv2 > * {
        padding-bottom: 10px;
        position: relative;
    }
    .c-title.at-lv2 > *::after {
        width: 40px;
    }
    .c-title.at-lv2.at-side-line > *::before {
        margin-right: 10px;
    }
}
.c-title.at-lv3 {
    border-bottom: 1px solid var(--color-main);
    margin-bottom: 20px;
    padding-bottom: 14px;
}
.c-title.at-lv3 > * {
    font-size: clamp(1.8rem, 2.34vw, 3rem);
}
.c-title.at-lv3.at-dual-border {
    border-bottom: none;
}
.c-title.at-lv3.at-dual-border > * {
    display: flex;
}
.c-title.at-lv3.at-dual-border > * > strong {
    border-bottom: 1px solid var(--color-main);
    flex-shrink: 0;
    font-size: clamp(1.6rem, 2.08vw, 2.4rem);
    font-weight: normal;
    line-height: 30px;
    padding: 0 0.5em 20px;
}
.c-title.at-lv3.at-dual-border > * > span {
    border-bottom: 1px solid rgb(110, 162, 181);
    flex: 1;
    font-size: 18px;
    font-size: clamp(1.4rem, 1.82vw, 1.8rem);
    line-height: 30px;
    padding: 0 1em 20px;
}
.c-title.at-lv3.at-small > * {
    font-size: 14px;
}
@media screen and (width <= 767px) {
    .c-title.at-lv3 {
        margin-bottom: 28px;
        padding-bottom: 9px;
    }
    .c-title.at-lv3.at-dual-border > * > strong {
        line-height: 24px;
        padding: 10px;
    }
    .c-title.at-lv3.at-dual-border > * > span {
        flex: 1;
        line-height: 24px;
        padding: 10px;
    }
    .c-title.at-lv3.at-small > * {
        font-size: 14px;
    }
}
.c-title.at-lv4 {
    margin-bottom: 16px;
}
.c-title.at-lv4 > * {
    color: var(--color-main);
    font-size: clamp(1.6rem, 2.08vw, 2.4rem);
}
@media screen and (width <= 767px) {
    .c-title.at-lv4 {
        margin-bottom: 19px;
    }
}
.c-title.at-news_detail {
    margin-bottom: 20px;
}
.c-title.at-news_detail > * {
    font-size: clamp(1.6rem, 2.08vw, 3.6rem);
    line-height: 1.75;
}

.c-link {
    color: rgb(92, 138, 211);
    cursor: pointer;
    display: inline-block;
    font-size: var(--font-size_basic);
    font-weight: bold;
    line-height: var(--line-height_default);
    position: relative;
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
}
.c-link.at-pdf:hover,
.c-link.at-arrow:hover {
    opacity: 0.8;
    text-decoration: none;
}
.c-link.at-pdf::after {
    content: url('../images/common/icon/icon-pdf.svg');
    display: inline-block;
    height: 1em;
    margin-left: 0.5em;
    width: 1em;
}
.c-link.at-arrow::after {
    content: '>';
    position: absolute;
    right: -1.5em;
    top: 50%;
    transform: translateY(-50%);
}
.c-link.at-map {
    color: var(--color-primary);
    display: inline-block;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}
.c-link.at-map:hover {
    opacity: 0.8;
}
.c-link.at-map::before {
    content: url('../images/common/icon/icon-map.svg');
    display: inline-block;
    padding: 0 0.2em 0 0.5em;
}
.c-link.at-external::after {
    content: url('../images/common/icon/icon-link.svg');
    display: inline-block;
    height: 1em;
    margin-left: 0.5em;
    width: 1em;
}
.c-link.at-parent,
.c-link.at-child {
    align-items: center;
    color: initial;
    display: flex;
    font-weight: normal;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.c-link.at-parent:hover,
.c-link.at-child:hover {
    opacity: 0.6;
}
.c-link.at-parent::after {
    border-right: 2px solid var(--color-main);
    border-top: 2px solid var(--color-main);
    content: '';
    display: block;
    height: 0.4em;
    margin-left: 1em;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
    width: 0.4em;
}
.c-link.at-parent:hover::after {
    transform: translateX(50%) rotate(45deg);
}

/*    Button
------------------------------------- */
.c-button {
    background: var(--btn-background);
    border: 1px solid var(--color-key);
    box-sizing: border-box;
    color: var(--color-font_default);
    cursor: pointer;
    display: block;
    font-size: var(--font-size_basic);
    line-height: 1;
    padding: 1.1875em;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.c-button::after {
    transition: all 0.2s ease-in-out;
}
.c-button.at-list {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgb(110, 162, 181);
    font-size: var(--font-size_basic);
    height: 100%;
    padding: 20px clamp(30px, 3.91vw, 40px) 20px clamp(15px, 1.95vw, 20px);
    position: relative;
    text-align: left;
    transition: all 0.2s ease-in-out;
    width: 100%;
}
.c-button.at-list::after {
    border-right: 1px solid var(--color-main);
    border-top: 1px solid var(--color-main);
    content: '';
    display: block;
    height: 0.3em;
    position: absolute;
    right: clamp(15px, 1.95vw, 20px);
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.3em;
}
.c-button.at-list:hover {
    opacity: 0.6;
}
.c-button.at-list:hover::after {
    transform: translate(50%, -50%) rotate(45deg);
}
.c-button.at-list.at-down::after,
.c-button.at-list.at-down:hover::after {
    transform: translateY(-50%) rotate(135deg);
}
.c-button.at-round {
    border: 1px solid var(--color-primary);
    border-radius: 50px;
    color: var(--color-font_default);
    min-width: 240px;
    text-align: center !important;
    width: fit-content;
}
@media screen and (width <= 767px) {
    .c-button.at-round {
        max-width: 300px;
        width: 100%;
    }
}
.c-button.at-round > svg {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.c-button.at-round > svg path {
    fill: var(--color-primary);
    transition: all 0.2s ease-in-out;
}
.c-button.at-round.small {
    min-width: 200px;
}
.c-button.at-round:hover {
    background: var(--color-primary);
    color: white;
}
.c-button.at-round:hover > svg path {
    fill: var(--color-white);
}
.c-button.at-round:hover::after {
    color: white;
}
.c-button.at-round::after {
    color: var(--color-primary);
}
@media screen and (width <= 767px) {
    .c-button.at-round.sp-center {
        margin: auto;
    }
}
.c-button.at-arrow::after {
    border-right: 1px solid var(--color-primary);
    border-top: 1px solid var(--color-primary);
    content: '';
    display: block;
    height: 0.3em;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    transition: all 0.2s ease-in-out;
    width: 0.3em;
}
.c-button.at-arrow:hover::after {
    border-color: var(--color-white);
    transform: translate(50%, -50%) rotate(45deg);
}
.c-button.at-arrow_reverse::after {
    border-left: 1px solid var(--color-primary);
    border-top: 1px solid var(--color-primary);
    content: '';
    display: block;
    height: 0.3em;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    transition: all 0.2s ease-in-out;
    width: 0.3em;
}
.c-button.at-arrow_reverse:hover::after {
    border-color: var(--color-white);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.c-button.at-tag {
    background: transparent;
    border: 1px solid var(--color-main);
    color: var(--color-main);
    font-size: 12px;
    padding: 4px 28px;
}
.c-button.at-tag.at-small {
    background: white;
    padding: 5px 10px;
}
.c-button.at-tag_round {
    background: var(--color-white);
    border: 1px solid var(--color-main);
    border-radius: 50px;
    color: var(--color-main);
    font-size: 18px;
    padding: 10px 25px;
}
@media screen and (width <= 767px) {
    .c-button.at-tag {
        padding: 4px 5px;
    }
    .c-button.at-tag.at-small {
        padding: 4px 5px;
    }
    .c-button.at-tag_round {
        border-radius: 50px;
        font-size: 14px;
        padding: 10px;
    }
}
.c-button.at-sort {
    align-items: center;
    border: 1px solid rgb(109, 162, 181);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    line-height: 40px;
    min-width: 121px;
    padding: 0 15px;
}
.c-button.at-sort::before {
    content: url('../images/common/icon/icon-search_refine.svg');
    display: block;
    margin-right: 10px;
}
.c-button.at-primary {
    background: var(--color-cv);
    border: none;
    border-radius: 4rem;
    color: var(--color-white);
    font-size: var(--font-size_13);
    padding: var(--padding-button_cv);
    position: relative;
    transition: all 0.2s ease-in-out;
}
.c-button.at-primary > svg {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.c-button.at-primary > svg path {
    fill: var(--color-black);
}
.c-button.at-primary:hover > svg > path {
    fill: var(--color-white);
}
.c-button.at-category {
    border: 1px solid var(--color-main);
    border-radius: 30px 0 0 30px;
    color: var(--color-main);
    line-height: 1.75;
    min-width: 200px;
    padding: 0.8em 20px 0.8em 40px;
    position: relative;
    text-align: center;
    width: fit-content;
}
.c-button.at-category::before {
    background: var(--color-primary);
    border-radius: 100%;
    content: '';
    display: block;
    height: 10px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
}
.c-button.at-category.at-small {
    border-radius: 20px 0 0 20px;
    min-width: initial;
    padding: 0 5px 0 22px;
}
.c-button.at-category.at-small::before {
    height: 10px;
    left: 7.5px;
    top: 50%;
}

/*    Breadcrumb
------------------------------------- */
.p-breadcrumb {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 10;
}
.p-breadcrumb-item * {
    color: var(--color-disabled);
    display: inline-block;
    font-size: var(--font-size_12);
    margin: 0 10px;
    transition: all 0.2s ease-in-out;
}
.p-breadcrumb-item *:hover {
    color: var(--color-black);
}
.p-breadcrumb-item:not(:last-child)::after {
    content: '|';
    display: inline-block;
}
.p-breadcrumb-item:last-child * {
    color: var(--color-black);
    pointer-events: none;
}

.breadcrumbs-links {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: var(--width-content);
    padding: 0 var(--padding-side_default) 8rem;
}
.breadcrumbs-links .breadcrumbs-list {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 10;
}
.breadcrumbs-links .breadcrumbs-list .breadcrumb-item * {
    color: var(--color-disabled);
    display: inline-block;
    font-size: var(--font-size_12);
    margin: 0 10px;
    transition: all 0.2s ease-in-out;
}
.breadcrumbs-links .breadcrumbs-list .breadcrumb-item *:hover {
    color: var(--color-black);
}
.breadcrumbs-links .breadcrumbs-list .breadcrumb-item:not(:last-child)::after {
    content: '|';
    display: inline-block;
}
.breadcrumbs-links .breadcrumbs-list .breadcrumb-item:last-child * {
    color: var(--color-black);
}

/*    Label
------------------------------------- */
.c-label {
    background: var(--color-label_default);
}

.c-icon-pdf {
    font-size: inherit;
}
.c-icon-pdf::after {
    content: url('../images/common/icon/icon-pdf.svg');
    display: inline-block;
    height: 1em;
    margin: 0 0 0 0.8em;
    width: 0.8em;
}

/*    Form
------------------------------------- */
/*    Table
------------------------------------- */
.p-table {
    border-spacing: 0;
    width: 100%;
}
.p-table_thead tr th {
    border: 1px solid rgb(227, 234, 220);
}
.p-table_tbody tr th,
.p-table_tbody tr td {
    border-bottom: 1px solid rgb(227, 234, 220);
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
    text-align: left;
}
.p-table_tbody tr th {
    background: rgb(240, 240, 231);
    box-sizing: border-box;
    padding: 20px 15px;
    width: 180px;
}
.p-table_tbody tr td {
    padding: 20px;
}
.p-table_tbody tr td.l-flex {
    display: flex;
    flex-wrap: wrap;
}
.p-table_tbody tr td.l-flex > *:first-child {
    width: clamp(100px, 12vw, 145px);
}

@media screen and (width <= 767px) {
    .p-table_tbody tr > th,
    .p-table_tbody tr > td {
        box-sizing: border-box;
        display: block;
        padding: 15px 10px;
        width: 100%;
    }
    .p-table_tbody tr > td.l-flex > * {
        width: 100%;
    }
}
/*    Text
------------------------------------- */
.c-text {
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
}
.c-text.at-small {
    font-size: var(--font-size_12);
}
.c-text.at-xlarge {
    font-size: var(--font-size_24);
}

/*    Image
------------------------------------- */
.c-image_wrap {
    display: block;
    overflow: hidden;
    position: relative;
}
.c-image_wrap img {
    display: block;
    width: 100%;
}
.c-image_wrap .c-image_inner {
    display: block;
    width: 100%;
}
.c-image_wrap.at-aspect_basic {
    width: 100%;
}
.c-image_wrap.at-aspect_basic .c-image_inner {
    aspect-ratio: 180/135;
    object-fit: cover;
}
.c-image_wrap.at-aspect_wide {
    margin: 0 0 20px;
    width: 100%;
}
.c-image_wrap.at-aspect_wide .c-image_inner {
    aspect-ratio: 894/285;
    object-fit: cover;
}
.c-image_wrap.at-slide_thumbnail {
    aspect-ratio: 78/52;
    border-radius: 4px;
    object-fit: cover;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.c-image_wrap.at-slide_thumbnail .c-image_inner {
    height: 100% !important;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
}
.c-image_wrap.at-youtube {
    aspect-ratio: 560/315;
}
.c-image_wrap.at-youtube > * {
    height: 100% !important;
    width: 100% !important;
}

/*    Image
------------------------------------- */
.c-icon {
    display: inline-block;
}
.c-icon > * {
    width: 100%;
}

.-js-fade {
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.at-from_bottom {
    transform: translateY(20px);
}

.-js-fade.is-show {
    opacity: 1;
}
.-js-fade.is-show.at-from_bottom {
    transform: translateY(0);
}

/* Modules ------------------- */
/*    List
------------------------------------- */
.p-list.at-column {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.p-list.at-column.u-about-chart {
    gap: clamp(1.5rem, 1.95vw, 3rem);
}
@media screen and (width <= 767px) {
    .p-list.at-column.u-about-chart {
        gap: 10px 15px;
    }
}
.p-list.at-column > li {
    display: block;
    width: 100%;
}
.p-list.at-column.at-two > li {
    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
}
.p-list.at-column.at-three > li {
    flex: 1 1 calc(33.3333333333% - 13.3333333333px);
    max-width: calc(33.3333333333% - 13.3333333333px);
}
.p-list.at-column.at-four > li,
.p-list.at-column.at-four_two > li {
    flex: 1 1 calc(25% - 15px);
    max-width: calc(25% - 15px);
}
.p-list.at-column.at-five > li {
    flex: 1 1 calc(20% - 16px);
    max-width: calc(20% - 16px);
}
.p-list.at-column.at-list_cards {
    gap: 40px 20px;
}
.p-list.at-column > .c-colspan {
    max-width: calc(100% - 20px) !important;
}
@media screen and (width <= 767px) {
    .p-list.at-column {
        gap: 0;
    }
    .p-list.at-column.at-two > li,
    .p-list.at-column.at-three > li,
    .p-list.at-column.at-four > li {
        flex-basis: 100%;
        max-width: 100%;
    }
    .p-list.at-column.at-four_two {
        gap: 0 15px;
    }
    .p-list.at-column.at-four_two > li {
        flex: 1 1 calc(50% - 7.5px);
        max-width: calc(50% - 7.5px);
    }
    .p-list.at-column.at-list_cards {
        gap: 0;
    }
}
.p-list.at-list_wrap > li:not(:first-child) {
    margin-top: 40px;
}
@media screen and (width <= 767px) {
    .p-list.at-list_wrap > li:not(:first-child) {
        margin-top: 30px;
    }
}
.p-list.at-list_parent > li:not(:first-child) {
    margin-top: 55px;
}
.p-list.at-list_parent > li > .c-link {
    font-size: clamp(1.6rem, 2.08vw, 2.4rem);
}
@media screen and (width <= 767px) {
    .p-list.at-list_parent:last-child {
        margin-top: 30px;
    }
    .p-list.at-list_parent > li:not(:first-child) {
        margin-top: 40px;
    }
}
.p-list.at-list_child {
    padding-left: 1em;
}
.p-list.at-list_child > li {
    margin-top: 20px;
}
.p-list.at-list_child > li > .c-link {
    font-size: clamp(1.4rem, 1.82vw, 1.8rem);
}
.p-list.at-order_dotted {
    counter-reset: list;
}
.p-list.at-order_dotted > li {
    display: flex;
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
}
.p-list.at-order_dotted > li::before {
    content: counter(list) '.';
    counter-increment: list;
    display: inline-block;
    flex-shrink: 0;
    width: 2em;
}
@media screen and (width <= 767px) {
    .p-list.at-order_dotted > li::before {
        width: 1.75em;
    }
}
.p-list.at-order_nested > li {
    display: flex;
    padding-left: 2em;
}
.p-list.at-order_nested > li:not(:first-child) {
    margin-top: 1.5em;
}
.p-list.at-order_nested > li > * {
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
}
.p-list.at-order_nested > li > span {
    flex-shrink: 0;
    width: 2em;
}
@media screen and (width <= 767px) {
    .p-list.at-order_nested > li {
        padding-left: 0;
    }
}
.p-list.at-about-vision .c-list_item {
    display: flex;
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
    margin-bottom: 1em;
}
.p-list.at-about-vision .c-list_item > dt {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    width: 8em;
}
.p-list.at-about-vision .c-list_item > dt::after {
    content: ':';
}
.p-list.at-about-vision .c-list_item > dd {
    margin-left: 1em;
}
.p-list.at-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 4px;
}
.p-list.at-tags > li {
    display: block;
    width: fit-content;
}
.p-list.at-slider_thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 24px;
}
@media screen and (width <= 767px) {
    .p-list.at-slider_thumbnails {
        gap: 14px;
        justify-content: center;
        margin-top: 17px;
    }
}
.p-list.at-slider_thumbnails > li {
    display: block;
    width: calc(12.5% - 21px);
}
@media screen and (width <= 767px) {
    .p-list.at-slider_thumbnails > li {
        border: 1px solid var(--color-main);
        border-radius: 100%;
        height: 10px;
        width: 10px;
    }
    .p-list.at-slider_thumbnails > li.active {
        background: var(--color-primary);
        border-color: var(--color-primary);
    }
    .p-list.at-slider_thumbnails > li > .c-image_wrap {
        display: none;
    }
}
.p-list.at-banners {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.p-list.at-banners > li {
    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
}
.p-list.at-banners > li.at-colspan {
    flex: 1 1 100%;
    max-width: 100%;
}
@media screen and (width <= 767px) {
    .p-list.at-banners {
        gap: 15px;
    }
    .p-list.at-banners > li {
        flex: 1 1 100%;
        max-width: 100%;
    }
}
.p-list.at-detail_links > li {
    margin-bottom: 0.5em;
}
.p-list.at-news_tab {
    border-bottom: 1px solid rgb(109, 162, 181);
    display: flex;
    margin: 0 0 4.5rem;
}
.p-list.at-news_tab li {
    padding: 0 1.5rem;
    position: relative;
    transition: 0.2s;
}
.p-list.at-news_tab li::after {
    background: var(--color-primary);
    bottom: -1px;
    content: '';
    display: block;
    height: 0.3rem;
    left: 0;
    position: absolute;
    transition: 0.2s;
    width: 0%;
}
.p-list.at-news_tab li a {
    color: rgb(143, 150, 148);
    display: block;
    font-size: clamp(12px, 3.4vw, 16px);
    padding: 0 0 1rem;
    width: fit-content;
}
.p-list.at-news_tab li.active::after {
    width: 100%;
}
.p-list.at-news_tab li.active a {
    color: inherit;
}
@media screen and (width <= 767px) {
    .p-list.at-news_tab {
        flex-wrap: wrap;
    }
    .p-list.at-news_tab > li {
        padding: 0;
        width: 33.3333333333%;
    }
    .p-list.at-news_tab > li > a {
        margin: auto;
        padding: 1em 0;
    }
}

/*    Card
------------------------------------- */
.c-card.at-basic > .l-inner > .c-image_wrap {
    flex-shrink: 0;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
}
.c-card.at-basic > .l-inner > .c-image_wrap .c-image_inner {
    aspect-ratio: 180/135;
    background: var(--color-main_extralight);
    display: block;
    object-fit: cover;
    width: 100%;
}
.c-card.at-basic > .l-inner > .c-image_wrap .c-tag {
    background: rgb(46, 105, 128);
    border-radius: 0 0 12px;
    color: white;
    font-size: 14px;
    left: 0;
    padding: 4px 10px;
    position: absolute;
    top: 0;
}
.c-card.at-basic > .l-inner > * {
    font-size: 14px;
}
.c-card.at-basic > .l-inner .c-title {
    font-size: 18px;
    margin-bottom: 10px;
}
.c-card.at-basic > .l-inner .caption {
    font-size: 12px;
}
.c-card.at-basic > .l-inner table th,
.c-card.at-basic > .l-inner table td {
    border-bottom: 1px solid rgb(227, 234, 220);
    font-size: 14px;
    font-weight: normal;
    line-height: var(--line-height_default);
    padding: 10px 0 10px 10px;
}
.c-card.at-basic > .l-inner table th {
    background: rgb(240, 240, 231);
    width: 25%;
}
.c-card.at-basic > .l-inner table td {
    width: 50%;
}
.c-card.at-basic > .l-inner dl > div {
    display: flex;
}
.c-card.at-basic > .l-inner dl > div dt,
.c-card.at-basic > .l-inner dl > div dd {
    font-size: 14px;
}
.c-card.at-basic > .l-inner dl > div dt {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
}
.c-card.at-basic > .l-inner dl > div dt::after {
    content: ':';
    display: inline-block;
    padding: 0 0.5em;
}
.c-card.at-basic.at-small > .l-inner .c-title {
    font-size: var(--font-size_basic);
    margin-bottom: 10px;
}
.c-card.at-basic.at-small > .l-inner_bottom {
    align-items: center;
    display: flex;
}
.c-card.at-basic.at-small > .l-inner_bottom time {
    align-items: center;
    color: rgb(110, 162, 181);
    display: flex;
    font-family: var(--font-family_libre);
    font-size: 12px;
    font-weight: bold;
    pointer-events: none;
}
.c-card.at-basic.at-small > .l-inner_bottom time::after {
    content: '|';
    display: inline-block;
    padding: 0 0.5em;
}
.c-card.at-basic.at-small > .l-inner_bottom .p-list {
    display: flex;
    flex-wrap: wrap;
}
.c-card.at-basic.at-small > .l-inner_bottom .p-list li > a {
    color: rgb(110, 162, 181);
    font-size: 12px;
    margin-right: 10px;
}
@media screen and (width <= 767px) {
    .c-card.at-basic:not(:first-child) {
        margin-top: 30px;
    }
}
.c-card.at-news {
    border-bottom: 1px solid rgb(209, 216, 229);
    box-sizing: border-box;
    display: block;
    padding: 0 20px 25px;
    width: 100%;
}
.c-card.at-news:not(:first-child) {
    margin-top: 20px;
}
.c-card.at-news.u-nomessage {
    border: none;
}
.c-card.at-news > .l-inner .u-news_header {
    display: flex;
    margin-bottom: 15px;
}
.c-card.at-news > .l-inner .u-news_header > p,
.c-card.at-news > .l-inner .u-news_header > time {
    flex-shrink: 0;
    font-size: var(--font-size_basic);
    padding-right: 20px;
}
.c-card.at-news > .l-inner .u-news_header > time {
    color: rgb(110, 162, 181);
    font-family: var(--font-family_libre);
    font-weight: bold;
    line-height: var(--line-height_default);
    pointer-events: none;
}
.c-card.at-news .c-text {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease-in-out;
}
.c-card.at-news .c-text:hover {
    opacity: 0.6;
}
@media screen and (width <= 767px) {
    .c-card.at-news {
        padding: 0 0 15px;
    }
}
.c-card.at-list {
    width: 100%;
}
.c-card.at-list:not(:first-child) {
    margin-top: 30px;
}
.c-card.at-list > .l-inner {
    align-items: center;
    display: flex;
    text-decoration: none !important;
}
.c-card.at-list > .l-inner .c-image_wrap {
    flex-shrink: 0;
    margin-right: 24px;
    max-width: 282px;
    min-width: 81px;
    width: 33.3333333333%;
}
.c-card.at-list > .l-inner .c-image_wrap .c-image_inner {
    aspect-ratio: 180/135;
    display: block;
    object-fit: cover;
    width: 100%;
}
.c-card.at-list > .l-inner .c-title {
    align-items: center;
    color: #000;
    display: flex;
    font-size: clamp(16px, 2.08vw, 24px);
    gap: 1em;
    text-decoration: none !important;
}
.c-card.at-list > .l-inner .c-title::after {
    border-radius: 1px;
    border-right: 2px solid var(--color-main);
    border-top: 2px solid var(--color-main);
    content: '';
    display: block;
    height: 0.3em;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
    width: 0.3em;
}
.c-card.at-list > .l-inner .c-title:hover::after {
    transform: translateX(0.5em) rotate(45deg);
}
.c-card.at-list > .l-inner .c-subtitle {
    color: #000;
    font-size: clamp(14px, 1.82vw, 18px);
    margin-top: 10px;
    text-decoration: none !important;
}
.c-card.at-list > .l-inner .c-text {
    -webkit-box-orient: vertical;
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin-top: 20px;
    overflow: hidden;
    text-decoration: none !important;
    text-overflow: ellipsis;
}
.c-card.at-list > .l-inner:hover {
    opacity: 0.7;
}
.c-card.at-list > .l-inner:hover .c-title::after {
    transform: translateX(0.5em) rotate(45deg);
}
@media screen and (width <= 767px) {
    .c-card.at-list > .l-inner {
        align-items: flex-start;
    }
    .c-card.at-list > .l-inner .c-image_wrap {
        margin-right: 10px;
        width: 25%;
    }
    .c-card.at-list > .l-inner .c-subtitle {
        margin-top: 15px;
    }
    .c-card.at-list > .l-inner .c-text {
        margin-top: 10px;
    }
}
.c-card.at-list.at-small > .l-inner .c-image_wrap {
    max-width: 180px;
}
.c-card.at-list.at-small > .l-inner .c-subtitle,
.c-card.at-list.at-small > .l-inner .c-text {
    font-size: 14px;
    margin-top: 10px;
}
.c-card.at-list.at-extrasmall a {
    transition: all 0.2s ease-in-out;
}
.c-card.at-list.at-extrasmall a:hover {
    opacity: 0.7;
}
.c-card.at-list.at-extrasmall > .l-inner .c-image_wrap {
    margin-right: 10px;
    max-width: 80px;
}
.c-card.at-list.at-extrasmall > .l-inner .c-title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 12px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.c-card.at-list.at-extrasmall > .l-inner .c-title::after {
    display: none;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom {
    align-items: center;
    display: flex;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom *,
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom .c-text_theme03 {
    color: rgb(110, 162, 181);
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom time,
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom .p-list > li > * {
    align-items: center;
    display: flex;
    font-family: var(--font-family_libre);
    font-size: 12px;
    font-weight: bold;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom time::after {
    content: '|';
    display: inline-block;
    padding: 0 0.5em;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom .p-list {
    display: flex;
    flex-wrap: wrap;
}
.c-card.at-list.at-extrasmall > .l-inner .l-inner_bottom .p-list li > * {
    display: inline-block;
    font-weight: normal;
    margin-right: 10px;
}
.c-card.at-shodow_type01 {
    background: white;
    border-radius: 10px;
    box-shadow: 5px 5px rgb(243, 243, 235);
}
.c-card.at-banner_link {
    display: block;
    transition: all 0.2s ease-in-out;
}
.c-card.at-banner_link .c-image_wrap {
    aspect-ratio: 600/285;
    border-radius: 4px;
    margin: 0;
}
.c-card.at-banner_link .c-image_wrap .c-image_inner {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.c-card.at-banner_link .c-image_wrap .c-image_inner.u-rn {
    min-width: 200px;
    object-fit: contain;
    width: 50%;
    z-index: 10;
}
.c-card.at-banner_link .c-image_wrap .c-image_inner.u-rn_lg {
    min-width: 200px;
    object-fit: contain;
    width: 80%;
    z-index: 10;
}
@media screen and (width <= 767px) {
    .c-card.at-banner_link .c-image_wrap .c-image_inner.u-rn_lg {
        min-width: 200px;
        width: 50%;
    }
}
.c-card.at-banner_link .c-image_wrap p {
    align-items: center;
    bottom: 0;
    color: white;
    display: flex;
    font-size: var(--font-size_basic);
    font-weight: 500;
    justify-content: space-between;
    padding: 24px;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.c-card.at-banner_link .c-image_wrap p::after {
    border-right: 1px solid var(--color-white);
    border-top: 1px solid var(--color-white);
    content: '';
    display: block;
    height: 0.3em;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out;
    width: 0.3em;
}
.c-card.at-banner_link.at-colspan .c-image_wrap {
    aspect-ratio: 1200/285;
}
.c-card.at-banner_link.at-narrow .c-image_wrap {
    aspect-ratio: 437/120;
}
.c-card.at-banner_link:hover {
    opacity: 0.7;
}
.c-card.at-banner_link:hover p::after {
    transform: translateX(50%) rotate(45deg);
}
.c-card.at-banner_link.at-external .c-image_wrap p::after {
    border: none;
    content: url('../images/common/icon/icon-link_white.svg');
    height: 1em;
    transform: initial;
    width: 1em;
}
@media screen and (width <= 767px) {
    .c-card.at-banner_link .c-image_wrap {
        aspect-ratio: 600/200;
    }
    .c-card.at-banner_link .c-image_wrap > p {
        padding: 1em;
    }
    .c-card.at-banner_link.at-colspan .c-image_wrap {
        aspect-ratio: 600/240;
    }
}
.c-card.u-about-chart {
    padding: clamp(1.5rem, 1.95vw, 4rem) 1rem clamp(1.5rem, 1.95vw, 4.5rem);
    position: relative;
}
.c-card.u-about-chart > .inner {
    z-index: 10;
}
.c-card.u-about-chart h3 {
    font-size: 30px;
    font-size: clamp(2rem, 2.6vw, 3rem);
    margin-bottom: 19px;
    text-align: center;
}
.c-card.u-about-chart .u-chart-number {
    font-size: clamp(2rem, 2.6vw, 3rem);
    font-weight: 600;
    text-align: center;
}
.c-card.u-about-chart .u-chart-number > strong {
    color: var(--color-primary);
    font-family: Archivo, sans-serif;
    font-size: 80px;
    font-size: clamp(4rem, 5.2vw, 8rem);
    font-weight: 700;
    padding: 0 5px;
}
.c-card.u-about-chart.u-span_type1 {
    max-width: calc(33.3333333333% - clamp(1.5rem, 1.95vw, 3rem));
}
@media screen and (width <= 767px) {
    .c-card.u-about-chart.u-span_type1 {
        max-width: initial;
        width: 100%;
    }
}
.c-card.u-about-chart.u-span_type2 {
    max-width: calc(66.6666666667% - clamp(1.5rem, 1.95vw, 3rem));
}
@media screen and (width <= 767px) {
    .c-card.u-about-chart.u-span_type2 {
        max-width: initial;
        width: 100%;
    }
}
.c-card.u-about-chart.u-span_type3 {
    max-width: calc(33.3333333333% - clamp(1.5rem, 1.95vw, 3rem));
}
@media screen and (width <= 767px) {
    .c-card.u-about-chart.u-span_type3 {
        max-width: calc(50% - 7.5px);
    }
}
.c-card.u-about-chart .u-icon-map {
    align-items: center;
    display: flex;
}
.c-card.u-about-chart .u-icon-map:not(:first-child) {
    margin-top: 20px;
}
.c-card.u-about-chart .u-icon-map::before {
    background: url('../images/company/top/icon-pin.svg') no-repeat center
        center;
    background-size: 100% 100%;
    content: '';
    display: block;
    height: 34px;
    margin-right: 10px;
    object-fit: contain;
    width: 26px;
}
@media screen and (width <= 767px) {
    .c-card.u-about-chart .u-icon-map::before {
        height: 18px;
        margin-right: 5px;
        width: 14px;
    }
}
.c-card.u-about-chart .u-icon-map > dt {
    font-size: clamp(1.4rem, 1.82vw, 1.8rem);
    min-width: 5em;
}
.c-card.u-about-chart .u-icon-map > dd.u-chart-number {
    font-size: var(--font-size_basic);
}
.c-card.u-about-chart .u-icon-map > dd.u-chart-number > strong {
    font-size: clamp(3rem, 3.91vw, 4rem);
}
.c-card.u-about-chart.u-order1 {
    background: #fff url('../images/company/top/bg-crown.svg') no-repeat center
        center;
    background-size: auto 100%;
}
.c-card.u-about-chart.u-order2 {
    background: #fff url('../images/company/top/bg-map.svg') no-repeat right
        30px center;
}
.c-card.u-about-chart.u-order2 > .inner {
    width: fit-content;
}
.c-card.u-about-chart.u-order2 h3,
.c-card.u-about-chart.u-order2 .u-chart-number {
    font-size: clamp(1.6rem, 2.4vw, 3rem);
}
@media screen and (width <= 767px) {
    .c-card.u-about-chart.u-order2 h3,
    .c-card.u-about-chart.u-order2 .u-chart-number {
        font-size: clamp(2rem, 2.6vw, 3rem);
    }
}
.c-card.u-about-chart.u-order3 {
    background: #fff url('../images/company/top/bg-human.svg') no-repeat center
        center;
    background-size: auto 100%;
}
.c-card.u-about-chart.u-order4 {
    background: #fff url('../images/company/top/bg-graph.svg') no-repeat center
        center;
}
.c-card.u-about-chart.u-order5 {
    background: #fff url('../images/company/top/bg-battery.svg') no-repeat
        center center;
}
.c-card.u-about-chart.u-locations {
    align-items: center;
    display: flex;
    gap: 0 clamp(1.8rem, 15.36vw, 4rem);
    justify-content: center;
}
.c-card.u-about-chart .u-count_discription {
    font-size: clamp(1.1rem, 1.43vw, 1.4rem);
    text-align: center;
}
.c-card.u-about-benefit {
    padding: clamp(1.5rem, 1.95vw, 4rem);
}
.c-card.u-about-benefit .c-icon {
    display: block;
    height: 50px;
    margin: 0 auto 20px;
}
.c-card.u-about-benefit dt {
    color: var(--color-main);
    font-size: clamp(1.6rem, 2.08vw, 2.4rem);
    line-height: 1.5;
    margin-bottom: 14px;
    text-align: center;
}
@media screen and (width <= 767px) {
    .c-card.u-about-benefit {
        display: flex;
        gap: 28px;
        padding: 25px 30px 30px;
    }
    .c-card.u-about-benefit .c-icon {
        height: 44px;
        margin: 0;
    }
    .c-card.u-about-benefit dt {
        margin-bottom: 10px;
        text-align: left;
    }
}

.p-cards.u-about-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.p-cards.u-about-benefits > * {
    max-width: calc(33.3333333333% - 20px);
}
@media screen and (width <= 767px) {
    .p-cards.u-about-benefits > * {
        max-width: 100%;
        width: 100%;
    }
}

/*    Sidebar
------------------------------------- */
.p-sidebar {
    box-sizing: border-box;
    height: 0;
    margin: 0 auto 0 0;
    max-width: var(--width-content);
    position: sticky;
    top: 150px;
    width: fit-content;
    z-index: 10;
}
@media screen and (width >= 1248px) {
    .p-sidebar {
        margin: 0 auto 0 calc((100% - var(--width-content)) / 2);
    }
}
.p-sidebar > .l-inner {
    max-width: var(--width-side);
    padding: 0 var(--padding-side_default);
}
.p-sidebar > .l-inner > nav > h2 {
    font-size: clamp(1.4rem, 1.82vw, 1.8rem);
    font-weight: normal;
    margin-bottom: 14px;
}
.p-sidebar > .l-inner > nav > .p-list > li {
    font-size: var(--font-size_14);
    font-size: clamp(1.1rem, 1.43vw, 1.4rem);
    margin-bottom: 15px;
    padding-left: 15px;
    position: relative;
}
.p-sidebar > .l-inner > nav > .p-list > li.active::before {
    background: var(--color-main);
    border-radius: 100%;
    content: '';
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s ease;
    width: 4px;
}
.p-sidebar.at-page-journal {
    margin: 0 0 0 auto;
    width: 300px;
}
@media screen and (width >= 1248px) {
    .p-sidebar.at-page-journal {
        margin: 0 calc((100% - var(--width-content)) / 2) 0 auto;
    }
}
.p-sidebar.at-page-journal > .l-inner {
    padding: 0 15px;
    width: 100%;
}

@media screen and (width <= 767px) {
    .p-sidebar {
        display: none;
    }
}
.p-pagenation {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 40px;
}
@media screen and (width <= 767px) {
    .p-pagenation {
        gap: 0;
    }
}
.p-pagenation > li {
    display: block;
}
.p-pagenation > li > a {
    border-radius: 100%;
    display: block;
    font-size: clamp(1.4rem, 1.69vw, 1.6rem);
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    text-align: center;
    transition: all 0.2s ease-in-out;
    width: auto;
}
@media screen and (width <= 767px) {
    .p-pagenation > li > a {
        height: 26px;
        line-height: 26px;
        min-width: 26px;
    }
}
.p-pagenation > li > a:hover {
    color: var(--color-main);
}
.p-pagenation > li.active > a {
    background: var(--color-main);
    color: white;
    pointer-events: none;
}
.p-pagenation > li.disabled > a {
    pointer-events: none;
}
.p-pagenation > li.c-prev > a,
.p-pagenation > li.c-next > a {
    border: 1px solid var(--color-main);
    border-radius: 4px;
    display: block;
    height: 32px;
    position: relative;
    transition: all 0.2s ease-in-out;
    width: 68px;
}
@media screen and (width <= 767px) {
    .p-pagenation > li.c-prev > a,
    .p-pagenation > li.c-next > a {
        width: 32px;
    }
}
.p-pagenation > li.c-prev > a::before,
.p-pagenation > li.c-next > a::before {
    border-color: var(--color-main);
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all 0.2s ease-in-out;
}
.p-pagenation > li.c-prev > a:hover,
.p-pagenation > li.c-next > a:hover {
    background: var(--color-main);
    color: white;
}
.p-pagenation > li.c-prev > a:hover::before,
.p-pagenation > li.c-next > a:hover::before {
    border-color: var(--color-white);
}
.p-pagenation > li.c-prev {
    margin-right: 30px;
}
@media screen and (width <= 767px) {
    .p-pagenation > li.c-prev {
        margin-right: 15px;
    }
}
.p-pagenation > li.c-prev > a::before {
    border-left: 1px solid var(--color-main);
    border-top: 1px solid var(--color-main);
    content: '';
    height: 0.3em;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 0.3em;
}
.p-pagenation > li.c-next {
    margin-left: 30px;
}
@media screen and (width <= 767px) {
    .p-pagenation > li.c-next {
        margin-left: 15px;
    }
}
.p-pagenation > li.c-next > a::before {
    border-right: 1px solid var(--color-main);
    border-top: 1px solid var(--color-main);
    content: '';
    height: 0.3em;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 0.3em;
}
@media screen and (width <= 767px) {
    .p-pagenation > li.c-prev {
        margin-right: 20px;
    }
    .p-pagenation > li.c-next {
        margin-left: 20px;
    }
}

/* Unique ------------------- */
/* Section stainabillity ---------- */
.u-stainabillity-banner {
    background: url('../images/sustainabillity/bg-sustainabillity.png')
        no-repeat center center/cover;
}
.u-stainabillity-banner .l-inner {
    display: grid;
    gap: 0 40px;
    grid-template-areas: 'title image' 'content image' 'button image';
}
.u-stainabillity-banner .l-inner > .c-section_title {
    grid-area: title;
}
.u-stainabillity-banner .l-inner > .c-section_content {
    grid-area: content;
}
.u-stainabillity-banner .l-inner > .p-block_button {
    grid-area: button;
}
.u-stainabillity-banner .l-inner > .c-section_image {
    display: flex;
    flex-direction: column;
    grid-area: image;
    justify-content: center;
}
.u-stainabillity-banner .c-section_title_en {
    color: var(--color-primary) !important;
    font-family: var(--font-family_libre);
}
.u-stainabillity-banner .c-discription > p {
    font-size: clamp(1.6rem, 2.08vw, 2.4rem) !important;
}
@media screen and (width <= 767px) {
    .u-stainabillity-banner {
        background: url('../images/sustainabillity/bg-sustainabillity_sp.png')
            no-repeat center center/cover;
    }
    .u-stainabillity-banner .l-inner {
        grid-template-areas: 'title' 'content' 'image' 'button';
    }
    .u-stainabillity-banner .l-inner > .c-section_title {
        padding-bottom: 30px;
    }
    .u-stainabillity-banner .l-inner > .p-block_button {
        grid-area: button;
    }
    .u-stainabillity-banner .l-inner > .c-section_image {
        display: block;
        padding: 0 20px 40px;
    }
    .u-stainabillity-banner .l-inner .p-block_button {
        display: flex;
        justify-content: center;
        padding: 0 20px;
    }
    .u-stainabillity-banner .l-inner .p-block_button > a {
        width: 100%;
    }
}

/* Swiper Customize ---------- */
/* フェードエフェクト 共通調整 */
.swiper-fade .swiper-slide {
    transition-property: opacity !important;
}

.swiper .swiper-button-prev,
.swiper .swiper-button-next {
    background: var(--color-white);
    border: 1px solid var(--color-primary);
    border-radius: 100%;
    color: var(--color-primary);
    height: 50px;
    position: relative;
    transition: all 0.2s ease-in-out;
    width: 50px;
    z-index: 10;
}
.swiper .swiper-button-prev.disabled,
.swiper .swiper-button-next.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after {
    content: '';
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: all 0.2s ease-in-out;
    width: 6px;
}
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-next:hover {
    background: var(--color-primary);
}
.swiper .swiper-button-prev:hover::after,
.swiper .swiper-button-next:hover::after {
    border-color: var(--color-white);
}
.swiper .swiper-button-prev::after {
    border-left: 1px solid var(--color-primary);
    border-top: 1px solid var(--color-primary);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.swiper .swiper-button-next::after {
    border-right: 1px solid var(--color-primary);
    border-top: 1px solid var(--color-primary);
    transform: translate(-50%, -50%) rotate(45deg);
}
.swiper .swiper-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    margin-top: clamp(20px, 2.6vw, 25px);
    width: 100%;
}
@media screen and (width <= 767px) {
    .swiper .swiper-pagination {
        gap: 12px;
    }
}
.swiper .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid var(--color-main);
    border-radius: 100%;
    height: 10px;
    width: 10px;
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--color-primary);
    border-color: var(--color-primary);
}
.swiper.at_kv {
    margin: 0 auto;
    max-width: 1000px;
    min-width: 285px;
    overflow: visible;
    position: relative;
    width: clamp(80%, 100% - 100px, 90%);
}
.swiper.at_kv .swiper-slide > .l-inner {
    align-items: center;
    display: flex;
    position: relative;
}
.swiper.at_kv .swiper-slide > .l-inner::after {
    background: var(--color-gradation_01);
    border-radius: 10px;
    content: '';
    display: block;
    height: 100%;
    left: 5px;
    position: absolute;
    top: 5px;
    width: 100%;
    z-index: -1;
}
.swiper.at_kv .swiper-slide > .l-inner > .c-image {
    width: 60%;
}
.swiper.at_kv .swiper-slide > .l-inner > .c-image > .c-image_wrap {
    border-radius: 10px 0 0 10px;
    flex-shrink: 0;
    padding-top: 80%;
    position: relative;
}
.swiper.at_kv
    .swiper-slide
    > .l-inner
    > .c-image
    > .c-image_wrap
    > .c-image_inner {
    height: 100%;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.swiper.at_kv .swiper-slide .c-content {
    align-self: stretch;
    background: var(--color-white);
    border-radius: 0 10px 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(1.5rem, 1.95vw, 6rem) clamp(1.5rem, 1.95vw, 6rem)
        clamp(3rem, 3.91vw, 6rem) clamp(1.5rem, 1.95vw, 6rem);
    width: 40%;
}
.swiper.at_kv .swiper-slide .c-content > .c-categories {
    margin-bottom: 15px;
}
.swiper.at_kv .swiper-slide .c-content > .c-title {
    margin-bottom: 34px;
}
.swiper.at_kv .swiper-slide .c-content > .c-title > * {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: clamp(1.6rem, 2.08vw, 2.4rem);
    -webkit-line-clamp: 3;
    line-height: 1.75;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (width <= 767px) {
    .swiper.at_kv .swiper-slide > .l-inner {
        flex-direction: column;
    }
    .swiper.at_kv .swiper-slide > .l-inner > .c-image {
        width: 100%;
    }
    .swiper.at_kv .swiper-slide > .l-inner > .c-image > .c-image_wrap {
        border-radius: 10px 10px 0 0;
        width: 100%;
    }
    .swiper.at_kv .swiper-slide .c-content {
        border-radius: 0 0 10px 10px;
        width: 100%;
    }
    .swiper.at_kv .swiper-slide .c-content > .c-categories {
        margin-bottom: 5px;
    }
    .swiper.at_kv .swiper-slide .c-content > .c-title {
        margin-bottom: 20px;
    }
    .swiper.at_kv .swiper-slide .c-content > .c-title > * {
        -webkit-line-clamp: 2;
        min-height: 3.5em;
    }
}
.swiper.at_kv .swiper-button_wrap {
    display: flex;
    justify-content: space-between;
    margin-left: -25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 50px);
    z-index: 20;
}
.swiper.at-overflow_right {
    overflow: visible;
    position: relative;
}
.swiper.at-overflow_right::before {
    background: var(--color-theme01);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 100%;
    z-index: 20;
}
.swiper.at-overflow_right > .swiper-slide {
    width: calc(33.3333333333% - 12px);
    z-index: 1;
}
.swiper.at-overflow_right .swiper-button_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
    width: 130px;
}
@media screen and (width <= 767px) {
    .swiper.at-overflow_right .swiper-button_wrap {
        display: none;
    }
}
.swiper.at-overflow_right .c-card.at-basic:not(:first-child) {
    margin-top: 0;
}
@media screen and (width <= 767px) {
    .swiper.at-overflow_right.u-tech_slide .swiper-button_wrap {
        display: flex;
        margin-top: 20px;
    }
}
.swiper.at-thumbnail {
    margin-bottom: 20px;
    overflow: visible;
    position: relative;
}
.swiper.at-thumbnail > .swiper-wrapper {
    overflow: hidden;
}
.swiper.at-thumbnail > .swiper-wrapper > .c-image_wrap {
    margin-bottom: 0 !important;
}
.swiper.at-thumbnail > .swiper-button_wrap,
.swiper.at-thumbnail > .swiper-pagination {
    display: none;
}
.swiper.at-thumbnail.show-button > .swiper-button_wrap {
    display: flex;
    justify-content: space-between;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 50px);
    z-index: 10;
}
@media screen and (width <= 767px) {
    .swiper.at-thumbnail.show-button > .swiper-button_wrap {
        width: 100%;
    }
}
.swiper.at-thumbnail .c-slide_caption {
    font-size: 12px;
    padding-bottom: 0;
    padding-top: 10px;
}
@media screen and (width <= 767px) {
    .swiper.at-thumbnail {
        margin-bottom: 0;
    }
    .swiper.at-thumbnail > .swiper-button_wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 47%;
        transform: translateY(-50%);
        width: 100%;
        z-index: 20;
    }
    .swiper.at-thumbnail > .swiper-button_wrap > .swiper-button-prev,
    .swiper.at-thumbnail > .swiper-button_wrap > .swiper-button-next {
        background: transparent;
        border-color: transparent;
        cursor: pointer;
    }
    .swiper.at-thumbnail > .swiper-button_wrap > .swiper-button-prev::after,
    .swiper.at-thumbnail > .swiper-button_wrap > .swiper-button-next::after {
        border-color: var(--color-white);
        border-width: 3px;
        height: 13px;
        width: 13px;
    }
    .swiper.at-thumbnail > .swiper-pagination {
        display: flex;
    }
}

.l-container.at-bg_theme03 .swiper.at-overflow_right.u-tech_slide::before {
    background: var(--color-theme03);
}

.l-container.at-bg_white .swiper.at-overflow_right.u-tech_slide::before {
    background: var(--color-white);
}

@media screen and (width <= 767px) {
    .swiper-thumbnail {
        display: none !important;
    }
}
.u-text_theme03 {
    color: rgb(110, 162, 181);
}

.u-modal > .p-section {
    left: 50%;
    max-height: 100%;
    max-width: calc(var(--width-content) + var(--padding-side_sp) * 2);
    overflow-y: auto;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 101;
}
.u-modal > .p-section > .l-container {
    padding: 0 var(--padding-side_sp);
}
.u-modal > .p-section > .l-container > .l-inner {
    background: var(--color-theme01);
    border-radius: 10px;
    box-sizing: border-box;
    margin: initial;
    max-width: var(--width-content);
    padding: 60px 40px;
    position: relative;
}
.u-modal > .p-section > .l-container > .l-inner .close-button {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    font-size: clamp(1.1rem, 1.43vw, 1.4rem);
    position: absolute;
    right: 30px;
    top: 20px;
    transition: all 0.2s ease-in-out;
}
@media screen and (width <= 767px) {
    .u-modal > .p-section > .l-container > .l-inner .close-button {
        right: 15px;
        top: 15px;
    }
}
.u-modal > .p-section > .l-container > .l-inner .close-button:hover {
    opacity: 0.6;
}
.u-modal > .p-section > .l-container > .l-inner .close-button_icon {
    border: 1px solid var(--color-main);
    border-radius: 100%;
    display: block;
    height: 20px;
    margin-right: 0.5em;
    position: relative;
    width: 20px;
}
.u-modal > .p-section > .l-container > .l-inner .close-button_icon::before,
.u-modal > .p-section > .l-container > .l-inner .close-button_icon::after {
    background: var(--color-main);
    content: '';
    display: block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 10px;
}
.u-modal > .p-section > .l-container > .l-inner .close-button_icon::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.u-modal > .p-section > .l-container > .l-inner .close-button_icon::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (width <= 767px) {
    .u-modal > .p-section > .l-container > .l-inner {
        padding: 60px 20px 20px;
    }
}
.u-modal form {
    padding-bottom: 40px;
}
.u-modal form .form-content {
    box-sizing: border-box;
    font-size: clamp(1.1rem, 1.43vw, 1.4rem);
}
.u-modal form .form-content > .at-lv4 {
    color: var(--color-main);
    font-size: clamp(1.6rem, 2.08vw, 2.4rem);
    margin-bottom: 16px;
}
.u-modal form .form-content > ul.checkbox.p-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
}
@media screen and (width <= 767px) {
    .u-modal form .form-content > ul.checkbox.p-list {
        gap: 20px;
    }
}
.u-modal form .form-content > ul.checkbox.p-list > li {
    display: block;
    min-width: 220px;
    padding-left: 30px;
    padding-right: 20px;
    width: 20%;
}
@media screen and (width <= 767px) {
    .u-modal form .form-content > ul.checkbox.p-list > li {
        min-width: initial;
        padding-right: 0;
        width: calc(50% - 10px);
    }
}
.u-modal form .form-content > ul.checkbox input[type='checkbox'] {
    display: none;
}
.u-modal form .form-content > ul.checkbox input[type='checkbox'] + label {
    position: relative;
    word-wrap: break-word;
}
.u-modal
    form
    .form-content
    > ul.checkbox
    input[type='checkbox']
    + label::before {
    background: var(--color-white);
    border: 1px solid rgb(109, 162, 181);
    content: '';
    display: block;
    height: 20px;
    left: -30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}
.u-modal
    form
    .form-content
    > ul.checkbox
    input[type='checkbox']
    + label::before {
    border-radius: 2px;
}
.u-modal
    form
    .form-content
    > ul.checkbox
    input[type='radio']:checked
    + label::after {
    background: rgb(109, 162, 181);
    border-radius: 100%;
    content: '';
    display: block;
    height: 14px;
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
}
.u-modal
    form
    .form-content
    > ul.checkbox
    input[type='checkbox']:checked
    + label::before {
    background: rgb(46, 105, 128);
    border: 1px solid rgb(46, 105, 128);
    content: '';
    display: block;
    height: 20px;
    left: -30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}
.u-modal
    form
    .form-content
    > ul.checkbox
    input[type='checkbox']:checked
    + label::after {
    background: transparent;
    border-bottom: 2px solid var(--color-white);
    border-left: 2px solid var(--color-white);
    content: '';
    display: block;
    height: 5px;
    left: -26px;
    position: absolute;
    top: 44%;
    transform: translateY(-50%) rotate(-45deg);
    width: 12px;
}

.u-modal_result {
    border-top: 1px solid var(--color-theme02);
}
@media screen and (width <= 767px) {
    .u-modal_result {
        margin-bottom: 0 !important;
    }
}
.u-modal_result > * {
    font-size: var(--font-size_basic);
    margin: 20px auto;
    text-align: center;
}
.u-modal_result > * > strong {
    color: var(--color-primary);
    font-family: var(--font-family_libre);
    font-size: clamp(1.6rem, 2.08vw, 2.4rem);
    margin: 0 0.1em;
}
.u-modal_result > .c-button.at-round {
    align-items: center;
    background: var(--color-primary);
    color: white;
    display: flex;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}
.u-modal_result > .c-button.at-round > svg {
    margin-right: 10px;
    position: initial;
    transform: scale(1.8) translateY(1px);
}
.u-modal_result > .c-button.at-round > svg > path {
    fill: white;
}
.u-modal_result > .c-button.at-round:hover {
    background: white;
    color: var(--color-primary);
}
.u-modal_result > .c-button.at-round:hover > svg > path {
    fill: var(--color-primary);
}

.u-modal-back {
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 100;
}

.u-tooltip-trigger {
    color: var(--color-primary);
    cursor: pointer;
}
.u-tooltip-trigger::after {
    content: '*';
    display: inline;
}

.u-tooltip-info {
    display: none;
}

/* -------------------------------------
    TOPPAGE
------------------------------------- */
/*
    Common
------------------------------------- */
.p-main.page-top {
    overflow: hidden;
}
.p-main.page-top .u-sus_banner {
    position: fixed;
    bottom: 60px;
    right: clamp(5px, 4vw, 200px);
    width: clamp(150px, 18vw, 320px);
    z-index: 10;
}
@media screen and (width <= 767px) {
    .p-main.page-top .u-sus_banner {
        bottom: 30px;
    }
}
.p-main.page-top .u-sus_banner.old {
    width: 240px;
    right: 40px;
}
@media screen and (width <= 767px) {
    .p-main.page-top .u-sus_banner.old {
        width: 41vw;
        right: 15px;
    }
}
.p-main.page-top .p-main_content > .l-container {
    background: var(--color-background_base);
}
.p-main.page-top .p-section {
    position: relative;
}
.p-main.page-top .p-section .c-title_background {
    color: var(--color-main);
    font-family: var(--font-family_libre);
    font-size: 16rem;
    mix-blend-mode: multiply;
    opacity: 0.07;
    position: absolute;
    white-space: nowrap;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-section .c-title_background {
        font-size: 16vw;
    }
}
.p-main.page-top .p-section.at-about {
    position: relative;
}
.p-main.page-top .p-section.at-about .c-filter {
    bottom: 0;
    height: calc(100% + 100vh);
    mix-blend-mode: multiply;
    position: absolute;
    width: 100%;
    z-index: -4;
}
.p-main.page-top .p-section.at-rnsquare {
    background: linear-gradient(
        0deg,
        rgb(var(--color-rnsquare) / 0%) 49.99%,
        rgb(var(--color-rnsquare) / 100%) 50%
    );
    overflow: hidden;
}
.p-main.page-top .p-section.at-sustainabillity {
    background: url('../images/sustainabillity/bg-sustainabillity.png') center
        center/cover no-repeat;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-section.at-sustainabillity {
        background: url('../images/sustainabillity/bg-sustainabillity_sp.png')
            center center/cover no-repeat;
    }
}
.p-main.page-top .p-section.at-recruit {
    background: var(--color-main02);
}
.p-main.page-top .p-section > .l-container {
    padding: 10rem 0;
    position: relative;
}
.p-main.page-top .p-section > .l-container > * {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--width-content);
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-section > .l-container > * {
        flex-wrap: wrap;
    }
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-section > .l-container > .l-inner {
        padding: 0 var(--padding-side_sp);
    }
}
.p-main.page-top .p-section > .l-container .c-section_title {
    padding: 0;
}
.p-main.page-top
    .p-section
    > .l-container
    .c-section_title
    > *
    .c-section_title_en {
    color: var(--color-primary);
    display: block;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-section
        > .l-container
        .c-section_title
        > *
        .c-section_title_en {
        margin-bottom: 15px;
    }
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-section > .l-container .c-section_title > * {
        font-size: var(--font-size_24);
    }
    .p-main.page-top
        .p-section
        > .l-container
        .c-section_title
        > *
        .c-section_title_en {
        font-size: 0.58em;
    }
}
.p-main.page-top .p-section > .l-container .c-section_title ~ * {
    margin: 3.8rem 0 0;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-section > .l-container .c-section_title ~ * {
        margin: 2rem 0 0;
    }
}
.p-main.page-top .p-section > .l-container .c-section_content .p-block_button {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin: 3.8rem 0 0;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-section
        > .l-container
        .c-section_content
        .p-block_button {
        align-items: center;
        bottom: 6rem;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 100%;
    }
    .p-main.page-top
        .p-section
        > .l-container
        .c-section_content
        .p-block_button
        .c-button {
        max-width: 30rem;
        width: calc(100% - var(--padding-side_sp) * 2);
    }
}
.p-main.page-top
    .p-section
    > .l-container
    .c-section_content
    .c-discription
    .c-main_text {
    font-size: clamp(1.8rem, 2.34vw, 2.4rem);
}
.p-main.page-top
    .p-section
    > .l-container
    .c-section_content
    .c-discription
    .c-main_text
    > span {
    display: inline-block;
}
.p-main.page-top .p-section > .l-container .c-section_block_3rd {
    padding-top: 40px;
}
.p-main.page-top
    .p-section
    > .l-container
    .c-section_block_3rd
    .p-block_button {
    display: flex;
    justify-content: flex-end;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-section
        > .l-container
        .c-section_block_3rd
        .p-block_button {
        justify-content: center;
    }
    .p-main.page-top
        .p-section
        > .l-container
        .c-section_block_3rd
        .p-block_button
        > .c-button {
        max-width: 30rem;
        width: 100%;
    }
}

/*
    Parts
------------------------------------- */
.p-slider.at-interlocked {
    display: flex;
    flex-grow: 100;
    gap: 2.4rem;
}
.p-slider.at-interlocked .p-list.at-image {
    min-height: 52.2rem;
    position: relative;
    width: 100%;
}
.p-slider.at-interlocked .p-list.at-image li {
    width: 100% !important;
}
.p-slider.at-interlocked .p-list.at-image .swiper-slide {
    position: relative;
    width: 100% !important;
    z-index: 1;
}
.p-slider.at-interlocked .p-list.at-image .swiper-slide.current-slide {
    z-index: 5;
}
.p-slider.at-interlocked .p-list.at-button {
    width: 100%;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail {
    align-items: center;
    display: flex;
    filter: saturate(0);
    font-size: clamp(1.4rem, 1.82vw, 1.8rem);
    gap: 1rem;
    justify-content: flex-start;
    padding: 1.8rem 1rem;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(1) {
    font-family: var(--font-family_archive);
    font-weight: 700;
    opacity: 0.2;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(2) {
    opacity: 0.2;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(3) {
    margin-left: auto;
}
.p-slider.at-interlocked .p-list.at-button li .c-mater {
    background: url('../images/common/icon/icon-arrow_right_gray.svg') center
        center/5px no-repeat;
    opacity: 0.4;
}
.p-slider.at-interlocked .p-list.at-button li .c-mater .mater_circle {
    display: block;
    transform: rotate(-90deg);
}
.p-slider.at-interlocked .p-list.at-button li .c-mater .mater_circle circle {
    fill: transparent;
    stroke: var(--color-disabled);
    stroke-dasharray: 154;
    stroke-width: 1px;
}
.p-slider.at-interlocked
    .p-list.at-button
    li.swiper-slide-thumb-active
    .thumbnail {
    background: var(--color-white);
    filter: drop-shadow(0 0 10px rgba(109, 162, 181, 0.5));
}
.p-slider.at-interlocked
    .p-list.at-button
    li.swiper-slide-thumb-active
    .thumbnail
    > *:nth-of-type(1) {
    color: var(--color-primary);
    opacity: 1;
}
.p-slider.at-interlocked
    .p-list.at-button
    li.swiper-slide-thumb-active
    .thumbnail
    > *:nth-of-type(2) {
    opacity: 1;
}
.p-slider.at-interlocked
    .p-list.at-button
    li.swiper-slide-thumb-active
    .thumbnail
    > *:nth-of-type(3) {
    margin-left: auto;
}
.p-slider.at-interlocked
    .p-list.at-button
    li.swiper-slide-thumb-active
    .c-mater {
    background: url('../images/common/icon/icon-arrow_right_or.svg') center
        center/5px no-repeat;
    opacity: 1;
}
.p-slider.at-interlocked
    .p-list.at-button
    li.swiper-slide-thumb-active
    .c-mater
    .mater_circle {
    display: block;
    transform: rotate(-90deg);
}
.p-slider.at-interlocked
    .p-list.at-button
    li.swiper-slide-thumb-active
    .c-mater
    .mater_circle
    circle {
    animation: circlar_motion ease 5s infinite;
    stroke: var(--color-primary);
}
@keyframes circlar_motion {
    from {
        stroke-dashoffset: 154;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@media screen and (width <= 767px) {
    .p-slider.at-works > .l-flex.at-between_bottom {
        display: block !important;
    }
}

.p-slider.at-interlocked {
    display: flex;
    flex-grow: 100;
    gap: 2.4rem;
}
.p-slider.at-interlocked .u-slider_tech {
    width: 65%;
}
.p-slider.at-interlocked .p-list.at-image {
    aspect-ratio: 792/528;
    min-height: 52.2rem;
    position: relative;
    width: 100%;
}
.p-slider.at-interlocked .p-list.at-image li {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease-in-out;
    width: 100%;
    z-index: 1;
}
.p-slider.at-interlocked .p-list.at-image li.active {
    opacity: 1;
    z-index: 5;
}
.p-slider.at-interlocked .p-list.at-button {
    width: 100%;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail {
    align-items: center;
    display: flex;
    filter: saturate(0);
    font-size: clamp(1.4rem, 1.82vw, 1.8rem);
    gap: 1rem;
    justify-content: flex-start;
    padding: 1.8rem 1rem;
    transition: all 0.2s ease-in-out;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(1) {
    font-family: var(--font-family_archive);
    font-weight: 700;
    opacity: 0.2;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(2) {
    opacity: 0.2;
}
.p-slider.at-interlocked .p-list.at-button li .thumbnail > *:nth-of-type(3) {
    margin-left: auto;
}
.p-slider.at-interlocked .p-list.at-button li .c-mater {
    background: url('../images/common/icon/icon-arrow_right_gray.svg') center
        center/5px no-repeat;
    opacity: 0.4;
    transition: all 0.2s ease-in-out;
}
.p-slider.at-interlocked .p-list.at-button li .c-mater .mater_circle {
    display: block;
    transform: rotate(-90deg);
}
.p-slider.at-interlocked .p-list.at-button li .c-mater .mater_circle circle {
    fill: transparent;
    stroke: var(--color-disabled);
    stroke-dasharray: 154;
    stroke-width: 1px;
}
.p-slider.at-interlocked .p-list.at-button li.active .thumbnail {
    background: var(--color-white);
    filter: drop-shadow(0 0 10px rgba(109, 162, 181, 0.5));
}
.p-slider.at-interlocked
    .p-list.at-button
    li.active
    .thumbnail
    > *:nth-of-type(1) {
    color: var(--color-primary);
    opacity: 1;
}
.p-slider.at-interlocked
    .p-list.at-button
    li.active
    .thumbnail
    > *:nth-of-type(2) {
    opacity: 1;
}
.p-slider.at-interlocked
    .p-list.at-button
    li.active
    .thumbnail
    > *:nth-of-type(3) {
    margin-left: auto;
}
.p-slider.at-interlocked .p-list.at-button li.active .c-mater {
    background: url('../images/common/icon/icon-arrow_right_or.svg') center
        center/5px no-repeat;
    opacity: 1;
}
.p-slider.at-interlocked .p-list.at-button li.active .c-mater .mater_circle {
    display: block;
    transform: rotate(-90deg);
}
.p-slider.at-interlocked
    .p-list.at-button
    li.active
    .c-mater
    .mater_circle
    circle {
    animation: circlar_motion ease 5s infinite;
    animation-play-state: running;
    stroke: var(--color-primary);
}
@keyframes circlar_motion {
    from {
        stroke-dashoffset: 154;
    }
    to {
        stroke-dashoffset: 0;
    }
}

.kerning {
    letter-spacing: -0.3em;
}

.p-main.page-top .p-main_content {
    /*
      Keyvisual
  ------------------------------------- */
    /*
      Keyvisual News
  ------------------------------------- */
    /*
      About
  ------------------------------------- */
    /*
      RNSquare
  ------------------------------------- */
    /*
      Technology
  ------------------------------------- */
    /*
      Works
  ------------------------------------- */
    /*
      Sustainabillity
  ------------------------------------- */
    /*
      Recruit
  ------------------------------------- */
    /*
      News
  ------------------------------------- */
}
.p-main.page-top .p-main_content .p-movie_area {
    /* 修正用に追加 */
    /* 修正用に追加 ここまで */
}
.p-main.page-top .p-main_content .p-movie_area .p-background {
    height: 100svh;
    left: 50%;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -5;
    object-fit: cover;
}
.p-main.page-top .p-main_content .p-movie_area .fixed-hero .c-section_title {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s;
}
.p-main.page-top .p-main_content .p-movie_area .fixed-hero .c-section_title h1 {
    color: var(--color-black);
    filter: drop-shadow(0 0 5px rgba(88, 126, 139, 0.6));
    font-size: clamp(48px, 3vw, 68px);
    letter-spacing: 0.3em;
    text-align: center;
    transition: color 2s;
    white-space: nowrap;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .fixed-hero
    .c-section_title
    h1.kvloaded {
    color: #fff;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-movie_area
        .fixed-hero
        .c-section_title
        h1 {
        font-size: 7vw;
    }
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .fixed-hero
    .c-section_title
    h1
    .c-en {
    display: block;
    font-family: var(--font-family_libre);
    font-size: 0.415em;
    letter-spacing: 0.28em;
    margin: 1em auto 0;
    width: fit-content;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .fixed-hero
    .c-section_title.kvloaded
    h1 {
    color: #fff;
}
.p-main.page-top .p-main_content .p-movie_area .p-background_movie {
    height: 0;
    left: 50%;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -5;
}
.p-main.page-top .p-main_content .p-movie_area .p-background_movie .l-inner {
    height: 100vh;
    position: relative;
    top: 0;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-background_movie
    .l-inner
    video {
    left: 50%;
    min-height: 100vh;
    min-width: 100vw;
    object-fit: cover;
    position: absolute;
    top: calc(50% - 1px);
    transform: translate(-50%, -50%);
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-movie_area
        .p-background_movie
        .l-inner
        video {
        height: 100vh;
        min-height: auto;
        min-width: auto;
        width: 100%;
    }
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container {
    height: 100vh;
    padding: 0;
    position: relative;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container
    > .l-inner {
    display: block;
    height: 100%;
    margin: 0;
    max-width: none;
    padding: 0;
    position: relative;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container
    > .l-inner
    .c-section_title {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container
    > .l-inner
    .c-section_title
    h1 {
    color: var(--color-black);
    filter: drop-shadow(0 0 5px rgba(88, 126, 139, 0.6));
    font-size: clamp(48px, 3vw, 68px);
    letter-spacing: 0.3em;
    text-align: center;
    transition: color 2s;
    white-space: nowrap;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container
    > .l-inner
    .c-section_title
    h1.kvloaded {
    color: #fff;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-movie_area
        .p-section.at-keyvisual
        > .l-container
        > .l-inner
        .c-section_title
        h1 {
        font-size: 7vw;
    }
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container
    > .l-inner
    .c-section_title
    h1
    .c-en {
    display: block;
    font-family: var(--font-family_libre);
    font-size: 0.415em;
    letter-spacing: 0.28em;
    margin: 1em auto 0;
    width: fit-content;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container
    > .l-inner
    .c-section_title.kvloaded
    h1 {
    color: #fff;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container
    > .bg-logo {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 0;
}
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container
    > .bg-logo
    > * {
    height: 100%;
    max-height: calc(100vh - 60px);
    max-width: 90vw;
    min-width: 700px;
    object-fit: contain;
    width: 100%;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-movie_area
        .p-section.at-keyvisual
        > .l-container
        > .bg-logo {
        right: -45px;
    }
    .p-main.page-top
        .p-main_content
        .p-movie_area
        .p-section.at-keyvisual
        > .l-container
        > .bg-logo
        > * {
        max-width: calc(100vw - 45px);
        min-width: initial;
    }
}
.p-main.page-top .p-main_content .c-section_block_news {
    bottom: 0;
    left: 0;
    position: absolute;
}
.p-main.page-top .p-main_content .c-section_block_news.bottom-full {
    bottom: 100%;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .c-section_block_news {
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
}
.p-main.page-top .p-main_content .c-section_block_news > .l-inner {
    align-items: center;
    background: var(--color-white);
    border-radius: 0 2px 2px 0;
    display: flex;
    gap: 2rem;
    justify-content: space-between;
    min-width: 76.5rem;
    padding: 1.5rem 2rem 1.5rem 4rem;
    width: 100%;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .c-section_block_news > .l-inner {
        min-width: auto;
        padding: 2rem;
    }
}
.p-main.page-top .p-main_content .c-section_block_news > .l-inner .l-left {
    align-items: center;
    display: flex;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .c-section_block_news > .l-inner .l-left {
        display: block;
        width: calc(100% - 8rem);
    }
}
.p-main.page-top
    .p-main_content
    .c-section_block_news
    > .l-inner
    .l-left
    .c-date {
    color: var(--color-lightgray);
    font-family: var(--font-family_libre);
    font-size: var(--font-size_14);
    min-width: 10rem;
}
.p-main.page-top
    .p-main_content
    .c-section_block_news
    > .l-inner
    .l-left
    .c-title {
    display: block;
    font-size: var(--font-size_14);
    max-width: 70rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media screen and (width <= 1199px) {
    .p-main.page-top
        .p-main_content
        .c-section_block_news
        > .l-inner
        .l-left
        .c-title {
        max-width: 59vw;
        width: 100%;
    }
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .c-section_block_news
        > .l-inner
        .l-left
        .c-title {
        max-width: none;
        width: 100%;
    }
}
.p-main.page-top
    .p-main_content
    .c-section_block_news
    > .l-inner
    .c-block_button {
    flex-shrink: 0;
}
.p-main.page-top
    .p-main_content
    .c-section_block_news
    > .l-inner
    .c-block_button
    > * {
    font-size: var(--font-size_12);
    min-width: 6.7rem;
    padding: 0.6rem 1rem;
}
.p-main.page-top
    .p-main_content
    .c-section_block_news
    > .l-inner
    .c-block_button
    > *
    .c-icon {
    margin: 0 0 0 0.5rem;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .c-section_block_news
        > .l-inner
        .c-block_button
        > * {
        padding: 1rem;
    }
}
.p-main.page-top .p-main_content .p-section.at-about .c-title_background {
    color: var(--color-white);
    mix-blend-mode: screen;
    opacity: 0.1;
    top: 18rem;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .p-section.at-about .c-title_background {
        top: 2rem;
    }
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container {
    padding: 30rem 0 13rem;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .p-section.at-about > .l-container {
        padding: 4.5rem 0 13rem;
    }
}
.p-main.page-top .p-main_content .p-section.at-about > .l-container > .l-inner {
    gap: clamp(2rem, 6vw, 8rem);
}
.p-main.page-top
    .p-main_content
    .p-section.at-about
    > .l-container
    .c-section_block_1st {
    max-width: 50rem;
    width: 60%;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-about
        > .l-container
        .c-section_block_1st {
        width: 100%;
    }
}
.p-main.page-top
    .p-main_content
    .p-section.at-about
    > .l-container
    .c-section_block_1st
    .c-section_title
    > * {
    color: var(--color-white);
}
.p-main.page-top
    .p-main_content
    .p-section.at-about
    > .l-container
    .c-section_block_1st
    .c-section_content {
    color: var(--color-white);
}
.p-main.page-top
    .p-main_content
    .p-section.at-about
    > .l-container
    .c-section_block_1st
    .c-section_content
    .c-discription
    .c-main_text {
    font-size: var(--font-size_30);
}
.p-main.page-top
    .p-main_content
    .p-section.at-about
    > .l-container
    .c-section_block_1st
    .c-section_content
    .c-discription
    .c-sub_text {
    font-size: var(--font-size_18);
    margin: 3rem 0 0;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-about
        > .l-container
        .c-section_block_1st
        .c-section_content
        .c-discription
        .c-main_text {
        font-size: var(--font-size_20);
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-about
        > .l-container
        .c-section_block_1st
        .c-section_content
        .c-discription
        .c-sub_text {
        font-size: var(--font-size_16);
        margin: 2rem 0 0;
    }
}
.p-main.page-top
    .p-main_content
    .p-section.at-about
    > .l-container
    .c-section_block_2nd {
    padding: 6rem 0 0;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .p-section .c-title_background {
        top: 1rem;
    }
}
.p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container {
    padding: 8rem 0 10rem;
}
.p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container > * {
    display: block;
}
.p-main.page-top
    .p-main_content
    .p-section.at-rnsquare
    > .l-container
    .c-section_block_1st
    .c-section_title
    > * {
    color: var(--color-white);
}
.p-main.page-top
    .p-main_content
    .p-section.at-rnsquare
    > .l-container
    .c-section_block_2nd {
    margin: 6rem 0 0;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-rnsquare
        > .l-container
        .c-section_block_2nd {
        margin-top: 4rem;
    }
}
.p-main.page-top
    .p-main_content
    .p-section.at-rnsquare
    > .l-container
    .c-section_block_2nd
    .c-section_content
    .swiper
    .swiper-pagination {
    margin-top: 4rem;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .p-section.at-rnsquare > .l-container {
        padding: 5rem 0 3rem;
    }
}
.p-main.page-top .p-main_content .p-section.at-technology .c-title_background {
    right: 0;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container {
    padding: 7rem 0 8rem;
}
.p-main.page-top .p-main_content .p-section.at-technology > .l-container > * {
    display: block;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_1st
    .c-section_content
    .p-slider.at-tech {
    display: flex;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd {
    margin: 6rem 0 0;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-technology
        > .l-container
        .c-section_block_2nd {
        margin-top: 3rem;
    }
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-slider {
    max-height: 528px;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-slider
    > .swiper-container.at-tech-slider {
    flex-grow: 1;
    overflow-y: hidden;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-slider
    > .swiper-container.at-tech-slider_thumbnails {
    flex-shrink: 0;
    max-width: 384px;
    width: 35%;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-slider
    > .swiper-container.at-tech-slider_thumbnails
    > .swiper-wrapper
    > .swiper-slide {
    cursor: pointer;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-slider
    > .swiper-container
    > .swiper-slide {
    border-radius: 4px;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-slider
    > .swiper-container
    > .swiper-slide
    > .c-image_wrap {
    height: 100%;
    width: 100%;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-slider
    > .swiper-container
    > .swiper-notification {
    display: none;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li:not(:last-child) {
    margin-bottom: 15px;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li
    > a
    .c-image_wrap {
    aspect-ratio: 375/231;
    border-radius: 4px;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li
    > a
    .c-image_wrap
    > img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li
    > a
    .thumbnail {
    align-items: center;
    background: var(--color-white);
    display: flex;
    padding: 10px 15px;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li
    > a
    .thumbnail
    > .c-number {
    color: var(--color-primary);
    font-family: var(--font-family_archivo);
    font-size: 18px;
    margin-right: 10px;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li
    > a
    .thumbnail
    > .c-title {
    font-size: 18px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li
    > a
    .thumbnail
    > .c-mater {
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    height: 40px;
    margin-left: auto;
    position: relative;
    transition: all 0.2s ease-in-out;
    width: 40px;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li
    > a
    .thumbnail
    > .c-mater::after {
    border-right: 1px solid var(--color-primary);
    border-top: 1px solid var(--color-primary);
    content: '';
    display: block;
    height: 5px;
    left: 48%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: all 0.2s ease-in-out;
    width: 5px;
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li
    > a:hover
    .thumbnail
    > .c-mater {
    background: var(--color-primary);
}
.p-main.page-top
    .p-main_content
    .p-section.at-technology
    > .l-container
    .c-section_block_2nd
    .p-list.at-tech_sp
    > li
    > a:hover
    .thumbnail
    > .c-mater::after {
    border-color: white;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .p-section.at-technology > .l-container {
        padding: 3rem 0;
    }
}
.p-main.page-top .p-main_content .p-section.at-works {
    overflow: hidden;
}
.p-main.page-top .p-main_content .p-section.at-works .u-works_backgrond {
    left: 0;
    position: absolute;
    top: 0;
}
.p-main.page-top .p-main_content .p-section.at-works > .l-container {
    padding: 14rem 0 8rem;
}
.p-main.page-top .p-main_content .p-section.at-works > .l-container > * {
    display: block;
}
.p-main.page-top
    .p-main_content
    .p-section.at-works
    > .l-container
    .c-section_block_2nd {
    margin: 4rem 0 0;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .p-section.at-works > .l-container {
        padding: 3rem 0 6rem;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-works
        > .l-container
        .c-section_block_2nd
        .c-button {
        margin: 40px auto 0;
        max-width: 30rem;
        width: 100%;
    }
}
.p-main.page-top
    .p-main_content
    .p-section.at-sustainabillity
    .c-title_background {
    right: 0;
}
.p-main.page-top .p-main_content .p-section.at-sustainabillity > .l-container {
    padding: 9rem 0;
}
.p-main.page-top
    .p-main_content
    .p-section.at-sustainabillity
    > .l-container
    > .l-inner
    .c-section_block_1st {
    max-width: 54rem;
    width: 100%;
}
.p-main.page-top
    .p-main_content
    .p-section.at-sustainabillity
    > .l-container
    > .l-inner
    .c-section_block_2nd {
    align-items: center;
    display: flex;
    max-width: 58rem;
    width: 100%;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-sustainabillity
        > .l-container
        > .l-inner
        .c-section_block_2nd {
        margin: 4rem 0 6rem;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-sustainabillity
        > .l-container
        > .l-inner
        .c-section_block_2nd
        .c-section_content {
        width: 100%;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-sustainabillity
        > .l-container
        > .l-inner
        .c-section_block_2nd
        .c-section_content
        .l-inner {
        width: 100%;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-sustainabillity
        > .l-container
        > .l-inner
        .c-section_block_2nd
        .c-section_content
        .l-inner
        .c-image_wrap {
        margin: 0 auto;
        min-width: 29rem;
        width: 80%;
    }
}
.p-main.page-top .p-main_content .p-section.at-recruit .c-title_background {
    color: var(--color-white);
    mix-blend-mode: screen;
    opacity: 0.07;
}
.p-main.page-top .p-main_content .p-section.at-recruit > .l-container {
    max-height: 659px;
    overflow-y: hidden;
    padding: 0;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner {
        padding: 0;
    }
}
.p-main.page-top
    .p-main_content
    .p-section.at-recruit
    > .l-container
    > .l-inner
    .c-section_block_1st {
    max-width: 58rem;
    padding: 14rem 0;
}
.p-main.page-top
    .p-main_content
    .p-section.at-recruit
    > .l-container
    > .l-inner
    .c-section_block_1st
    .c-section_title
    > * {
    color: var(--color-white);
}
.p-main.page-top
    .p-main_content
    .p-section.at-recruit
    > .l-container
    > .l-inner
    .c-section_block_1st
    .c-section_content {
    color: var(--color-white);
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner
        .c-section_block_1st {
        padding: 6rem var(--padding-side_sp) 0;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner
        .c-section_block_1st
        .c-section_content {
        margin: 3rem 0 5rem;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner
        .c-section_block_1st
        .c-section_content
        .p-block_button {
        display: block;
        margin: 3.8rem auto 0;
        position: static;
        transform: none;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner
        .c-section_block_1st
        .c-section_content
        .p-block_button
        > *
        > a {
        margin: 0 auto;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner
        .c-section_block_1st
        .c-section_content
        .p-block_button
        > *:first-child {
        margin-bottom: 1.5rem;
    }
}
.p-main.page-top
    .p-main_content
    .p-section.at-recruit
    > .l-container
    > .l-inner
    .c-section_block_2nd {
    overflow: hidden;
}
.p-main.page-top
    .p-main_content
    .p-section.at-recruit
    > .l-container
    > .l-inner
    .c-section_block_2nd
    .c-section_content
    .l-inner {
    display: flex;
    gap: 2rem;
}
.p-main.page-top
    .p-main_content
    .p-section.at-recruit
    > .l-container
    > .l-inner
    .c-section_block_2nd
    .c-section_content
    .l-inner
    .p-list.at-recruit_scrolling {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.p-main.page-top
    .p-main_content
    .p-section.at-recruit
    > .l-container
    > .l-inner
    .c-section_block_2nd
    .c-section_content
    .l-inner
    .p-list.at-recruit_scrolling.at-left {
    animation: scrollToBottom 30s infinite linear;
}
.p-main.page-top
    .p-main_content
    .p-section.at-recruit
    > .l-container
    > .l-inner
    .c-section_block_2nd
    .c-section_content
    .l-inner
    .p-list.at-recruit_scrolling.at-right {
    animation: scrollToTop 30s infinite linear;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner
        .c-section_block_2nd
        .c-section_content
        .l-inner {
        gap: 5px;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner
        .c-section_block_2nd
        .c-section_content
        .l-inner
        .p-list.at-recruit_scrolling {
        flex-direction: row;
        gap: 5px;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner
        .c-section_block_2nd
        .c-section_content
        .l-inner
        .p-list.at-recruit_scrolling.at-left,
    .p-main.page-top
        .p-main_content
        .p-section.at-recruit
        > .l-container
        > .l-inner
        .c-section_block_2nd
        .c-section_content
        .l-inner
        .p-list.at-recruit_scrolling.at-right {
        animation: none;
    }
}
.p-main.page-top .p-main_content .p-section.at-news .c-title_background {
    right: 0;
}
.p-main.page-top .p-main_content .p-section.at-news > .l-container {
    padding: 15rem 0 11.6rem;
}
@media screen and (width <= 767px) {
    .p-main.page-top .p-main_content .p-section.at-news > .l-container {
        padding: 3.6rem 0 6rem;
    }
}
.p-main.page-top
    .p-main_content
    .p-section.at-news
    > .l-container
    .c-section_block_2nd {
    max-width: 89.4rem;
    width: 100%;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-news
        > .l-container
        .c-section_block_2nd {
        margin: 0 0 8.5rem;
    }
}
.p-main.page-top
    .p-main_content
    .p-section.at-news
    > .l-container
    .c-section_block_2nd
    .c-section_content
    .p-list.at-news_tab {
    border-bottom: 1px solid rgb(109, 162, 181);
    display: flex;
    margin: 0 0 4.5rem;
}
.p-main.page-top
    .p-main_content
    .p-section.at-news
    > .l-container
    .c-section_block_2nd
    .c-section_content
    .p-list.at-news_tab.u-nomessage {
    border: none;
}
.p-main.page-top
    .p-main_content
    .p-section.at-news
    > .l-container
    .c-section_block_2nd
    .c-section_content
    .p-list.at-news_tab
    li {
    padding: 0 1.5rem;
    position: relative;
    transition: 0.2s;
}
.p-main.page-top
    .p-main_content
    .p-section.at-news
    > .l-container
    .c-section_block_2nd
    .c-section_content
    .p-list.at-news_tab
    li::after {
    background: var(--color-primary);
    bottom: -1px;
    content: '';
    display: block;
    height: 0.3rem;
    left: 0;
    position: absolute;
    transition: 0.2s;
    width: 0%;
}
.p-main.page-top
    .p-main_content
    .p-section.at-news
    > .l-container
    .c-section_block_2nd
    .c-section_content
    .p-list.at-news_tab
    li
    a {
    color: rgb(143, 150, 148);
    display: block;
    font-size: clamp(12px, 3.4vw, 16px);
    padding: 0 0 1rem;
    width: fit-content;
}
.p-main.page-top
    .p-main_content
    .p-section.at-news
    > .l-container
    .c-section_block_2nd
    .c-section_content
    .p-list.at-news_tab
    li.active::after {
    width: 100%;
}
.p-main.page-top
    .p-main_content
    .p-section.at-news
    > .l-container
    .c-section_block_2nd
    .c-section_content
    .p-list.at-news_tab
    li.active
    a {
    color: inherit;
}
@media screen and (width <= 767px) {
    .p-main.page-top
        .p-main_content
        .p-section.at-news
        > .l-container
        .c-section_block_2nd
        .c-section_content
        .p-list.at-news_tab {
        flex-wrap: wrap;
        gap: 1.7rem 0;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-news
        > .l-container
        .c-section_block_2nd
        .c-section_content
        .p-list.at-news_tab
        li {
        padding: 0;
        width: 33.3333333333%;
    }
    .p-main.page-top
        .p-main_content
        .p-section.at-news
        > .l-container
        .c-section_block_2nd
        .c-section_content
        .p-list.at-news_tab
        li
        a {
        font-size: clamp(12px, 3.4vw, 16px);
        padding: 0 0 1.7rem;
        text-align: center;
        width: 100%;
    }
}

@keyframes scrollToTop {
    0% {
        transform: translateY(-50%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes scrollToBottom {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}
/*
    English
------------------------------------- */
.p-main.page-top
    .p-main_content
    .p-movie_area
    .p-section.at-keyvisual
    > .l-container
    > .l-inner
    .c-section_title
    h1
    .c-en.u-singlecatchcopy {
    font-size: clamp(1.2rem, 2.34vw, 4rem);
}

/*-----------*/
.p-background_movie_01 {
    height: 100vh;
    left: 50%;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: -1;
}
.p-background_movie_01 .c-catchcopy {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.2s;
    z-index: 1;
}
.p-background_movie_01 .c-catchcopy h1 {
    color: var(--color-black);
    filter: drop-shadow(0 0 5px rgba(88, 126, 139, 0.6));
    font-size: clamp(48px, 3vw, 68px);
    letter-spacing: 0.3em;
    text-align: center;
    transition: color 2s;
    white-space: nowrap;
}
.p-background_movie_01 .c-catchcopy h1.kvloaded {
    color: #fff;
}
@media screen and (width <= 767px) {
    .p-background_movie_01 .c-catchcopy h1 {
        font-size: 7vw;
    }
}
.p-background_movie_01 .c-catchcopy h1 .c-en {
    display: block;
    font-family: var(--font-family_libre);
    font-size: 0.415em;
    letter-spacing: 0.28em;
    margin: 1em auto 0;
    width: fit-content;
}
.p-background_movie_01 .c-catchcopy.kvloaded h1 {
    color: #fff;
}
.p-background_movie_01 video {
    left: 50%;
    min-height: 100vh;
    min-width: 100vw;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* -------------------------------------
    Contact
------------------------------------- */
.c-indicator {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    overflow-x: hidden;
    position: relative;
}
.c-indicator::after {
    background: rgb(240, 240, 231);
    content: '';
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 100%;
    z-index: -2;
}
.c-indicator_index .c-indicator_num {
    background: var(--color-white);
    border: 1px solid var(--color-main);
    border-radius: 100%;
    color: var(--color-main);
    display: block;
    font-family: var(--font-family_libre);
    font-size: var(--font-size_basic);
    height: 40px;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 40px;
}
.c-indicator_index .c-indicator_title {
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}

#webapp_form0,
#webapp_confirm,
#thank_you {
    margin-bottom: 100px;
}
@media screen and (width <= 767px) {
    #webapp_form0,
    #webapp_confirm,
    #thank_you {
        margin-bottom: 60px;
    }
}

#webapp_form0 .c-indicator_index:nth-child(1) .c-indicator_num {
    background: var(--color-main);
    color: var(--color-white);
}
#webapp_form0 .c-indicator_index:nth-child(1) .c-indicator_num::before {
    background: var(--color-main);
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    right: 100%;
    top: 18px;
    width: 30vw;
    z-index: -1;
}

#webapp_confirm .c-indicator_index:nth-child(1) .c-indicator_num::before,
#webapp_confirm .c-indicator_index:nth-child(2) .c-indicator_num::before {
    background: var(--color-main);
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    right: 100%;
    top: 18px;
    width: 30vw;
    z-index: -1;
}
#webapp_confirm .c-indicator_index:nth-child(2) .c-indicator_num {
    background: var(--color-main);
    color: var(--color-white);
}

#thank_you .c-indicator_index:nth-child(1) .c-indicator_num::before,
#thank_you .c-indicator_index:nth-child(2) .c-indicator_num::before,
#thank_you .c-indicator_index:nth-child(3) .c-indicator_num::before {
    background: var(--color-main);
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    right: 100%;
    top: 18px;
    width: 30vw;
    z-index: -1;
}
#thank_you .c-indicator_index:nth-child(3) .c-indicator_num {
    background: var(--color-main);
    color: var(--color-white);
}
#thank_you .c-indicator_index:nth-child(3) .c-indicator_num::after {
    background: var(--color-main);
    content: '';
    display: block;
    height: 4px;
    left: 100%;
    position: absolute;
    top: 18px;
    width: 30vw;
    z-index: -1;
}
#thank_you .title_lv2 {
    display: none;
}
#thank_you .c-section_content {
    margin-bottom: 24px;
}
#thank_you .c-section_content:not(:first-child) {
    margin-top: 60px;
}
@media screen and (width <= 767px) {
    #thank_you .c-section_content:not(:first-child) {
        margin-top: 40px;
    }
}
#thank_you .c-section_content .c-discription > * {
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
}

.section_title,
.section_margin {
    box-sizing: border-box;
    margin: 0 auto 40px;
    max-width: var(--width-content_2column);
    padding: 0 var(--padding-side_default);
}
@media screen and (width <= 767px) {
    .section_title,
    .section_margin {
        padding: var(--padding-side_sp);
    }
}

.title_lv1,
.title_lv2 {
    font-size: clamp(2rem, 2.6vw, 3.2rem);
    margin-bottom: 55px;
    padding-bottom: 19px;
    position: relative;
}
.title_lv1::after,
.title_lv2::after {
    background: transparent
        linear-gradient(60deg, rgb(46, 105, 128) 0%, #eaa46f 100%, #f0a66e 100%)
        0% 0% no-repeat padding-box;
    bottom: 0;
    content: '';
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 80px;
}
@media screen and (width <= 767px) {
    .title_lv1,
    .title_lv2 {
        margin-bottom: 30px;
    }
}

form > .c-section_content {
    margin-bottom: 24px;
}
form > .c-section_content:not(:first-child) {
    margin-top: 60px;
}
@media screen and (width <= 767px) {
    form > .c-section_content:not(:first-child) {
        margin-top: 40px;
    }
}
form > .c-section_content.at-indicator {
    margin: 60px 0;
}
@media screen and (width <= 767px) {
    form > .c-section_content.at-indicator {
        margin: 30px 0;
    }
}
form > .c-section_content .c-discription > * {
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
}
form > .c-section_content.at-aligned_center > * {
    margin: inherit auto;
    text-align: center;
}
@media screen and (width <= 767px) {
    form > .c-section_content.at-aligned_center > * {
        margin: initial;
        text-align: initial;
    }
}

.form-item {
    border-bottom: 1px solid rgb(227, 234, 220);
    display: table;
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
    table-layout: fixed;
    text-align: left;
    width: 100%;
}
@media screen and (width <= 767px) {
    .form-item {
        display: block;
    }
}
.form-item label {
    font-size: var(--font-size_basic);
}
.form-item input[type='text'],
.form-item input[type='email'],
.form-item input[type='tel'],
.form-item input[type='number'],
.form-item input[type='date'],
.form-item select {
    background: var(--color-white);
    border: 1px solid rgb(109, 162, 181);
    box-sizing: border-box;
    font-size: 14px;
    padding: 10px;
}
.form-item input[type='text'] ::placeholder,
.form-item input[type='email'] ::placeholder,
.form-item input[type='tel'] ::placeholder,
.form-item input[type='number'] ::placeholder,
.form-item input[type='date'] ::placeholder,
.form-item select ::placeholder {
    color: rgb(207, 213, 211);
}
.form-item input[type='text'],
.form-item input[type='email'],
.form-item input[type='date'] {
    max-width: 100%;
    width: 100%;
}
.form-item input[type='radio'],
.form-item input[type='checkbox'] {
    display: none;
}
.form-item input[type='radio'] + label,
.form-item input[type='checkbox'] + label {
    padding-left: 30px;
    position: relative;
}
.form-item input[type='radio'] + label::before,
.form-item input[type='checkbox'] + label::before {
    background: var(--color-white);
    border: 1px solid rgb(109, 162, 181);
    content: '';
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}
.form-item input[type='radio'] + label::before {
    border-radius: 100%;
}
.form-item input[type='checkbox'] + label::before {
    border-radius: 2px;
}
.form-item input[type='radio']:checked + label::after {
    background: rgb(109, 162, 181);
    border-radius: 100%;
    content: '';
    display: block;
    height: 14px;
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
}
.form-item input[type='checkbox']:checked + label::before {
    background: rgb(46, 105, 128);
    border: 1px solid rgb(46, 105, 128);
    content: '';
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}
.form-item input[type='checkbox']:checked + label::after {
    background: transparent;
    border-bottom: 2px solid var(--color-white);
    border-left: 2px solid var(--color-white);
    content: '';
    display: block;
    height: 5px;
    left: 4px;
    position: absolute;
    top: 44%;
    transform: translateY(-50%) rotate(-45deg);
    width: 12px;
}
.form-item select {
    width: 100%;
}
.form-item textarea {
    background: var(--color-white);
    border: 1px solid rgb(109, 162, 181);
    box-sizing: border-box;
    font-size: 14px;
    padding: 10px;
    width: 100%;
}
.form-item ::placeholder {
    color: rgb(207, 213, 211);
}
.form-item > .form-title,
.form-item > .form-content {
    box-sizing: border-box;
    display: table-cell;
    font-size: 14px;
    padding: 20px;
    vertical-align: middle;
}
.form-item > .form-title {
    background: rgb(240, 240, 231);
    width: 33.3333333333%;
}
.form-item > .form-title > .icon-required {
    background: rgb(214, 32, 32);
    border-radius: 2px;
    color: var(--color-white);
    float: right;
    margin: 0 0 0 auto;
    padding: 2px 5px;
}
@media screen and (width <= 767px) {
    .form-item > .form-title {
        display: block;
        padding: 10px 15px;
        width: 100%;
    }
    .form-item > .form-title > .icon-required {
        display: inline-block;
        float: none;
        font-size: 12px;
        margin-left: 0.5em;
    }
    .form-item > .form-content {
        display: block;
        padding: 15px 0;
        width: 100%;
    }
}
.form-item > .form-content > .form-item > .form-title {
    background: transparent;
    width: 7em;
}
.form-item .form-cap {
    color: rgb(143, 150, 148);
    display: block;
    font-size: clamp(1.1rem, 1.43vw, 1.4rem);
    margin-top: 5px;
}
.form-item ul.radio > li.radio-item {
    margin-bottom: 1rem;
}
@media screen and (width <= 767px) {
    .form-item ul.radio > li.radio-item > input[type='text'] {
        flex-shrink: 0;
        margin: 10px 0 0 !important;
        width: 100% !important;
    }
}
.form-item ul.checkbox > li.checkbox-item {
    display: inline-block;
    margin-right: 20px;
}

.cols {
    display: flex;
    gap: 10px 20px;
}
.cols > * {
    flex-shrink: 0;
}
@media screen and (width <= 767px) {
    .cols input[type='text'] {
        max-width: 100%;
        width: 100%;
    }
}
.cols.name-group > li {
    align-items: center;
    display: flex;
    gap: 10px 20px;
    max-width: 50%;
}
.cols.name-group > li > span {
    display: block;
    font-size: 14px;
}
.cols.name-group input[type='text'] {
    max-width: 200px;
    min-width: 120px;
    width: 30vw;
}
@media screen and (width <= 767px) {
    .cols.name-group {
        flex-wrap: wrap;
    }
    .cols.name-group > li {
        max-width: inherit;
        width: 100%;
    }
    .cols.name-group > li > input[type='text'] {
        max-width: 100%;
        width: 100%;
    }
}
.cols.phone-group,
.cols.zipcode-group {
    gap: initial;
}
.cols.phone-group > li,
.cols.zipcode-group > li {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
}
.cols.phone-group > li input,
.cols.zipcode-group > li input {
    box-sizing: border-box;
    min-width: auto !important;
    width: 100%;
}
.cols.phone-group > li {
    width: 33.3333333333%;
}
.cols.phone-group > li:last-child {
    width: calc(33.3333333333% - 2em);
}
.cols.phone-group > li:not(:last-child) {
    padding-right: 1em;
}
.cols.zipcode-group > li {
    width: 20%;
}
.cols.zipcode-group > li:first-child {
    width: calc(20% + 1.5em);
}
.cols.zipcode-group > li:not(:last-child) {
    padding-right: 1em;
}
.cols.zipcode-group > li:last-child {
    min-width: 132px;
}
.cols.button-set {
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}
@media screen and (width <= 767px) {
    .cols.button-set {
        margin-top: 0;
    }
}
.cols.button-set > li {
    display: block;
    width: fit-content;
}

@media screen and (width <= 767px) {
    #webapp_form0 .cols.button-set {
        margin-top: 40px;
    }
}

.btn_default {
    background: var(--color-white);
    border: 1px solid var(--color-main);
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    padding: 10px clamp(10px, 1.3vw, 25px);
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.btn_default:hover {
    background: var(--color-main);
    color: var(--color-white);
}
@media screen and (width <= 767px) {
    .btn_default {
        font-size: 12px;
    }
}

.btn_send,
.btn_back {
    border-radius: 50px;
    box-sizing: border-box;
    color: var(--color-font_default);
    display: block;
    font-size: var(--font-size_basic);
    line-height: 1;
    min-width: 240px;
    padding: 1.1875em;
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.btn_send::after,
.btn_back::after {
    content: '';
    display: block;
    height: 0.5em;
    position: absolute;
    top: 50%;
    transition: all 0.2s ease-in-out;
    width: 0.5em;
}
.btn_send > em,
.btn_back > em {
    font-style: normal;
}
.btn_send:hover,
.btn_back:hover {
    background: var(--color-primary);
    color: white;
}
.btn_send:hover::after,
.btn_back:hover::after {
    color: white;
}

.btn_back {
    background: var(--color-white);
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}
.btn_back::after {
    border-left: 1px solid var(--color-primary);
    border-top: 1px solid var(--color-primary);
    left: clamp(15px, 1.95vw, 20px);
    transform: translateY(-50%) rotate(-45deg);
}
.btn_back:hover {
    background: var(--color-primary);
    color: var(--color-white);
}
.btn_back:hover::after {
    border-color: var(--color-white);
}

.btn_send {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: var(--color-white);
}
.btn_send:hover {
    background: var(--color-white);
    color: var(--color-primary);
}

#webapp_confirm .form-title > .icon-required {
    display: none;
}
#webapp_confirm .u-input_only {
    display: none;
}

.error.fail-alert {
    color: rgb(214, 32, 32);
    margin-bottom: 0.3em;
}

/* Page Company ---------- */
/* Company TOP ---------- */
.u-company-top_kv {
    margin: 60px auto;
    max-width: 660px;
    min-width: 320px;
    width: 90%;
}
@media screen and (width <= 767px) {
    .u-company-top_kv {
        margin-bottom: 40px auto;
    }
}

.u-philosophy_message_main-visual.c-image_wrap {
    margin: auto;
    margin-bottom: 50px;
    max-width: 538px;
    min-width: 300px;
    width: 90%;
}
.u-philosophy_message_content {
    display: flex;
    flex-wrap: wrap;
}
.u-philosophy_message_content .c-section_image {
    flex-shrink: 0;
    padding-right: 40px;
    width: 50%;
}
@media screen and (width <= 767px) {
    .u-philosophy_message_content .c-section_image {
        padding: 0 45px;
        width: 100%;
    }
}
.u-philosophy_message_content > .c-section_content {
    width: 50%;
}
@media screen and (width <= 767px) {
    .u-philosophy_message_content > .c-section_content {
        width: 100%;
    }
}
.u-philosophy_message_content .c-section_copy > p {
    color: var(--color-main) !important;
    font-size: clamp(1.6rem, 2.08vw, 2.4rem) !important;
    line-height: 1.75;
}
.u-philosophy_message_sign {
    margin-top: 5px;
    max-width: 159px;
    min-width: 120px;
    width: 20vw;
}

.u-company_safety .c-section_image.u-slogan {
    max-width: 715px;
    width: 90%;
}
.u-company_safety .c-section_image.u-safety_message {
    width: 22rem;
}
.u-company_safety .c-section_image.u-safety_graph {
    max-width: 700px;
    width: 80%;
}
@media screen and (width <= 767px) {
    .u-company_safety .c-section_image.u-slogan {
        width: 100%;
    }
    .u-company_safety .c-section_image.u-safety_message {
        margin: 0 auto;
    }
    .u-company_safety .c-section_image.u-safety_graph {
        width: 100%;
    }
}
.u-company_safety .c-image_wrap.u-aspect_long {
    aspect-ratio: 437/614;
}
.u-company_safety .c-image_wrap.u-aspect_long > .c-image_inner {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.u-company_safety .c-section_content.u-slogan {
    display: flex;
    justify-content: space-between;
}
.u-company_safety .c-section_content.u-slogan .u-slogan_images {
    display: flex;
    gap: 10px 20px;
}
.u-company_safety .c-section_content.u-slogan > .c-content_right {
    width: 80%;
}
.u-company_safety .c-section_content.u-slogan > .c-content_right img {
    width: calc(25% - 20px);
}
.u-company_safety .c-section_content.u-slogan > .c-content_left {
    width: 20%;
}
.u-company_safety .c-section_content.u-slogan > .c-content_left img {
    width: calc(100% - 20px);
}
@media screen and (width <= 767px) {
    .u-company_safety .c-section_content.u-slogan {
        flex-direction: column;
        gap: 30px;
    }
    .u-company_safety .c-section_content.u-slogan .u-slogan_images {
        flex-wrap: wrap;
        gap: 40px 30px;
    }
    .u-company_safety .c-section_content.u-slogan > .c-content_right,
    .u-company_safety .c-section_content.u-slogan > .c-content_left {
        width: 100%;
    }
    .u-company_safety .c-section_content.u-slogan > .c-content_right img,
    .u-company_safety .c-section_content.u-slogan > .c-content_left img {
        width: calc(50% - 20px);
    }
}

/* Page RN Square ---------- */
.p-main.u-rnsquare {
    overflow: hidden;
}

.u-rn.at-headline {
    position: relative;
    z-index: 0;
}
.u-rn.at-slider {
    position: relative;
    z-index: 1;
}
.u-rn > .l-container.u-rn_headline {
    background: var(--color-main) url('../images/rn-square/bg-grid.svg')
        no-repeat center center;
    background-size: cover;
    padding-bottom: clamp(210px, 30vw, 240px);
    position: relative;
}
.u-rn > .l-container.u-rn_headline .c-image {
    margin: auto;
    max-width: 590px;
    min-width: 246px;
    padding: 200px 0 60px;
    width: 80%;
}
@media screen and (width <= 1199px) {
    .u-rn > .l-container.u-rn_headline .c-image {
        padding: 105px 0 55px;
    }
}
@media screen and (width <= 767px) {
    .u-rn > .l-container.u-rn_headline .c-image {
        padding: 80px 0 50px;
    }
}
.u-rn > .l-container.u-rn_slider {
    background: var(--color-theme01) url('../images/rn-square/bg-drawing.png')
        no-repeat center center;
}
.u-rn > .l-container.u-rn_slider > .l-inner > .c-section_content > .swiper {
    margin-bottom: -250px;
    position: relative;
    transform: translateY(-250px);
    z-index: 2;
}
@media screen and (width <= 767px) {
    .u-rn > .l-container.u-rn_slider > .l-inner > .c-section_content > .swiper {
        margin-bottom: -230px;
        transform: translateY(-230px);
    }
}
.u-rn > .l-container .c-section_content.u-rn_copy {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 80px 0;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-copy {
    color: var(--color-main);
    flex-shrink: 0;
    font-size: clamp(2rem, 2.6vw, 3rem);
    line-height: 1.75;
    width: 50%;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-copy > p {
    position: relative;
    width: fit-content;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-copy > p > span {
    padding: 0 0.3em;
    position: relative;
    z-index: 1;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-copy > p::after {
    background: rgb(248, 181, 168);
    bottom: 0;
    content: '';
    display: block;
    height: 0.8em;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-discription {
    color: var(--color-main);
    width: 50%;
}
.u-rn > .l-container .c-section_content.u-rn_copy > .c-discription > * {
    font-size: clamp(1.4rem, 1.82vw, 1.8rem);
}
@media screen and (width <= 767px) {
    .u-rn > .l-container .c-section_content.u-rn_copy {
        align-items: flex-start;
        flex-direction: column;
        padding: 0;
    }
    .u-rn > .l-container .c-section_content.u-rn_copy > .c-copy {
        width: 100%;
    }
    .u-rn > .l-container .c-section_content.u-rn_copy > .c-discription {
        margin-top: 20px;
        width: 100%;
    }
    .u-rn > .l-container .c-section_content.u-rn_copy > .c-discription > * {
        font-size: 14px;
    }
}
.u-rn > .l-container .c-section_content.u-rn_sort {
    background: rgb(110, 162, 181);
    display: flex;
    padding: 40px 30px;
}
.u-rn > .l-container .c-section_content.u-rn_sort .left-content {
    padding-right: 40px;
    width: 60%;
}
.u-rn
    > .l-container
    .c-section_content.u-rn_sort
    .left-content
    > .p-list.at-tags {
    gap: 10px 15px;
}
.u-rn > .l-container .c-section_content.u-rn_sort .right-content {
    width: 40%;
}
.u-rn > .l-container .c-section_content.u-rn_sort .c-title.at-lv2 > * {
    color: var(--color-white);
    font-family: var(--font-family_belanosima);
    font-size: 30px;
    padding: 0;
}
.u-rn > .l-container .c-section_content.u-rn_sort .c-title.at-lv2 > *::after {
    display: none;
}
.u-rn > .l-container .c-section_content.u-rn_sort .c-button.at-category {
    border: none;
}
@media screen and (width <= 767px) {
    .u-rn > .l-container .c-section_content.u-rn_sort {
        flex-direction: column;
        gap: 15px;
        padding: 15px;
    }
    .u-rn > .l-container .c-section_content.u-rn_sort .left-content {
        padding: 0;
        width: 100%;
    }
    .u-rn
        > .l-container
        .c-section_content.u-rn_sort
        .left-content
        > .p-list.at-tags {
        gap: 10px;
    }
    .u-rn > .l-container .c-section_content.u-rn_sort .right-content {
        width: 100%;
    }
    .u-rn > .l-container .c-section_content.u-rn_sort .c-title.at-lv2 {
        padding-bottom: 15px;
    }
    .u-rn > .l-container .c-section_content.u-rn_sort .c-title.at-lv2 > * {
        font-size: 20px;
    }
}
.u-rn > .l-container .c-section_content.u-rn_recommend_slider {
    margin-bottom: 70px !important;
}
.u-rn > .l-container .u-rn-search > .c-form_wrap {
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.u-rn > .l-container .u-rn-search > .c-form_wrap > input {
    background: var(--color-white);
    border: 1px solid rgb(247, 247, 247);
    border-radius: 4px;
    font-size: var(--font-size_basic);
    height: 54px;
    padding: 1em;
    width: 100%;
}
.u-rn > .l-container .u-rn-search > .c-form_wrap > .c-button {
    align-items: center;
    background: var(--color-primary);
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
}
.u-rn > .l-container .u-rn-search > .c-form_wrap > .c-button::after {
    content: url('../images/common/icon/icon-search_white_rn.svg');
}
.u-rn > .l-container.u-rn_topics {
    padding-top: 100px;
    position: relative;
    z-index: 1;
}
.u-rn > .l-container.u-rn_topics::before,
.u-rn > .l-container.u-rn_topics::after {
    background: var(--color-primary);
    content: '';
    display: block;
    height: 350px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.u-rn > .l-container.u-rn_topics::before {
    left: 0;
    max-width: 60%;
    min-width: 560px;
}
.u-rn > .l-container.u-rn_topics::after {
    left: -100%;
}
@media screen and (width <= 767px) {
    .u-rn > .l-container.u-rn_topics {
        padding: 40px 0;
    }
    .u-rn > .l-container.u-rn_topics::before {
        min-width: initial;
    }
    .u-rn > .l-container.u-rn_topics::after {
        height: 285px;
        left: -100px;
    }
    .u-rn
        > .l-container.u-rn_topics
        > .c-section_content
        .at-aligned_right
        > * {
        margin: auto !important;
    }
}
.u-rn > .l-container.u-rn_recommend {
    background: repeating-linear-gradient(
        90deg,
        var(--color-theme01),
        var(--color-theme01) 200px,
        var(--color-theme02) 1px,
        var(--color-theme02) 201px
    );
    overflow-x: hidden;
}
@media screen and (width <= 767px) {
    .u-rn > .l-container.u-rn_recommend {
        background: repeating-linear-gradient(
            90deg,
            var(--color-theme01),
            var(--color-theme01) 100px,
            var(--color-theme02) 1px,
            var(--color-theme02) 101px
        );
    }
}
@media screen and (width <= 767px) {
    .u-rn > .l-container.u-rn_recommend .l-flex.at-between_bottom {
        justify-content: center;
        margin-top: 40px;
    }
}
.u-rn > .l-container.u-rn_bottom {
    background: var(--color-main) url('../images/rn-square/bg-grid.svg')
        no-repeat center center;
    background-size: cover;
    position: relative;
}
.u-rn > .l-container.u-rn_bottom .l-inner {
    align-items: center;
    display: flex;
}
.u-rn > .l-container.u-rn_bottom .l-inner .c-image {
    flex-shrink: 0;
    max-width: 420px;
    min-width: 180px;
    padding: 0 60px;
}
.u-rn > .l-container.u-rn_bottom .l-inner .c-section_content {
    width: 66.6666666667%;
}
.u-rn > .l-container.u-rn_bottom .l-inner .c-section_content > .c-discription {
    color: var(--color-white);
    font-size: 14px;
}
@media screen and (width <= 767px) {
    .u-rn > .l-container.u-rn_bottom {
        padding: 30px 0;
    }
    .u-rn > .l-container.u-rn_bottom .l-inner {
        align-items: center;
        flex-direction: column;
    }
    .u-rn > .l-container.u-rn_bottom .l-inner .c-image {
        margin-bottom: 24px;
        padding: 0;
        width: 50%;
    }
    .u-rn > .l-container.u-rn_bottom .l-inner .c-section_content {
        width: 100%;
    }
    .u-rn
        > .l-container.u-rn_bottom
        .l-inner
        .c-section_content
        > .c-discription {
        font-size: 12px;
    }
}
.u-rn .u-rn_keyword {
    background: var(--color-theme03)
        url('../images/common/logo/logo-pagetitle.svg') no-repeat;
    background-position: right -3% center;
    background-size: auto 105%;
    padding: 40px;
    position: relative;
}
@media screen and (width <= 767px) {
    .u-rn .u-rn_keyword {
        background-position: right bottom;
        background-size: auto 270px;
        padding: 30px 15px;
    }
}

.c-title.at-lv2.u-rn_topics > *,
.c-title.at-lv2.u-rn_recommend > * {
    font-family: var(--font-family_belanosima);
    font-size: clamp(4rem, 5.2vw, 8rem);
}
.c-title.at-lv2.u-rn_topics > *::after,
.c-title.at-lv2.u-rn_recommend > *::after {
    display: none;
}
.c-title.at-lv2.u-rn_topics > * {
    color: var(--color-white);
}
.c-title.at-lv2.u-rn_recommend > * {
    color: var(--color-primary);
}

.p-section.u-rn_headline {
    padding-bottom: 0;
}
.p-section.u-rn_headline.at-title-area > .l-container {
    padding: 120px 0 150px;
}
@media screen and (width <= 1199px) {
    .p-section.u-rn_headline.at-title-area > .l-container {
        padding: 50px 0 150px !important;
    }
}
@media screen and (width <= 767px) {
    .p-section.u-rn_headline.at-title-area > .l-container {
        padding: 50px 0 0 !important;
    }
}
.p-section.u-rn_headline.at-title-area > .l-container > .l-inner {
    background: var(--color-main) url('../images/rn-square/bg-grid.svg');
    max-width: none;
}
.p-section.u-rn_headline.at-title-area
    > .l-container
    > .l-inner
    > .c-section_content {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: var(--width-content);
    padding-bottom: 22px;
    padding-top: 22px;
}
.p-section.u-rn_headline.at-title-area
    > .l-container
    > .l-inner
    > .c-section_content
    > .c-image {
    max-width: 222px;
}
@media screen and (width <= 767px) {
    .p-section.u-rn_headline.at-title-area
        > .l-container
        > .l-inner
        > .c-section_content
        > .c-image {
        max-width: 160px;
    }
}
.p-section.u-rn_headline .breadcrumbs-list > .breadcrumb-item > *,
.p-section.u-rn_headline .breadcrumbs-list > .p-breadcrumb-item > *,
.p-section.u-rn_headline .p-breadcrumb > .breadcrumb-item > *,
.p-section.u-rn_headline .p-breadcrumb > .p-breadcrumb-item > * {
    color: rgba(255, 255, 255, 0.7);
}
.p-section.u-rn_headline .breadcrumbs-list > .breadcrumb-item > *:hover,
.p-section.u-rn_headline .breadcrumbs-list > .p-breadcrumb-item > *:hover,
.p-section.u-rn_headline .p-breadcrumb > .breadcrumb-item > *:hover,
.p-section.u-rn_headline .p-breadcrumb > .p-breadcrumb-item > *:hover {
    color: var(--color-white);
}
.p-section.u-rn_headline .breadcrumbs-list > .breadcrumb-item:last-child > *,
.p-section.u-rn_headline .breadcrumbs-list > .p-breadcrumb-item:last-child > *,
.p-section.u-rn_headline .p-breadcrumb > .breadcrumb-item:last-child > *,
.p-section.u-rn_headline .p-breadcrumb > .p-breadcrumb-item:last-child > * {
    color: var(--color-white);
}
.p-section.u-rn_headline
    .breadcrumbs-list
    > .breadcrumb-item:not(:last-child)::after,
.p-section.u-rn_headline
    .breadcrumbs-list
    > .p-breadcrumb-item:not(:last-child)::after,
.p-section.u-rn_headline
    .p-breadcrumb
    > .breadcrumb-item:not(:last-child)::after,
.p-section.u-rn_headline
    .p-breadcrumb
    > .p-breadcrumb-item:not(:last-child)::after {
    color: var(--color-white);
}
@media screen and (width <= 767px) {
    .p-section.u-rn_headline .breadcrumbs-list,
    .p-section.u-rn_headline .p-breadcrumb {
        display: none;
    }
}

.p-section.at-square_search > .l-container {
    padding-bottom: 40px;
}
@media screen and (width <= 767px) {
    .p-section.at-square_search > .l-container {
        padding-bottom: 30px;
    }
}
.p-section.at-square_search > .l-container > .l-inner .c-discription {
    display: flex;
    gap: 1.5em;
}

.p-section.u-rn_square > .l-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: auto;
    max-width: var(--width-content);
}
@media screen and (width <= 767px) {
    .p-section.u-rn_square > .l-container {
        flex-direction: column-reverse;
        justify-content: flex-start;
        margin: initial;
        width: 100%;
    }
}
.p-section.u-rn_square > .l-container > .p-sidebar {
    flex-shrink: 0;
    margin: initial !important;
    max-width: initial !important;
    width: calc(320px + var(--padding-side_default)) !important;
}
.p-section.u-rn_square > .l-container > .p-sidebar > .l-inner {
    max-width: initial !important;
    padding: 0 var(--padding-side_default) !important;
}
@media screen and (width <= 767px) {
    .p-section.u-rn_square > .l-container > .p-sidebar {
        display: block !important;
        height: auto !important;
        width: 100% !important;
    }
    .p-section.u-rn_square
        > .l-container
        > .p-sidebar
        > .l-inner
        > nav
        > .p-list
        > li {
        padding-left: 0;
    }
}
.p-section.u-rn_square > .l-container > .p-section {
    max-width: var(--width-content_detail);
}
.p-section.u-rn_square > .l-container > .p-section img {
    max-width: 100%;
    object-fit: contain;
}
@media screen and (width <= 767px) {
    .p-section.u-rn_square > .l-container > .p-section {
        max-width: 100%;
    }
    .p-section.u-rn_square > .l-container > .p-section img {
        aspect-ratio: none !important;
        height: auto !important;
        width: auto !important;
    }
}

.p-section.at-rn_detail_thumbnail > .l-container {
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 5;
}
.p-section.at-rn_detail_thumbnail > .l-container > .u-rn_background {
    filter: blur(3px);
    height: 105%;
    left: 50%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 105%;
    z-index: -1;
}
.p-section.at-rn_detail_thumbnail > .l-container > .l-inner {
    padding: 0;
}
.p-section.at-rn_detail_thumbnail > .l-container > .l-inner .c-image_wrap {
    height: 100%;
    margin: 0 auto;
    max-height: 460px;
    max-width: 80%;
    width: 100%;
    z-index: 1;
}
.p-section.at-rn_detail_thumbnail > .l-container > .l-inner .c-image_wrap > * {
    background-position: center;
    height: 100%;
    max-height: 460px;
    object-fit: cover;
    width: 100%;
}

@media screen and (width <= 767px) {
    #rn_recommend-button {
        width: 100%;
    }
    #rn_recommend-button > a {
        margin: auto;
    }
}

/* Tech TOP ------------------- */
.p-section.u-tech_detail {
    margin: auto;
    max-width: var(--width-content_2column);
}
.p-section.u-tech_detail
    > .l-container
    > .l-inner
    .c-card.at-list.at-small
    .c-title,
.p-section.u-tech_detail
    > .l-container
    > .l-inner
    .c-card.at-basic.at-small
    .c-title {
    border: none;
    margin: 0 auto 5px;
}
.p-section.u-tech_detail > .l-container > .l-inner .c-card.at-list.at-small p,
.p-section.u-tech_detail > .l-container > .l-inner .c-card.at-basic.at-small p {
    margin: 5px 0;
}
.p-section.u-tech_detail > .l-container > .l-inner .c-title.at-lv2 {
    padding-bottom: 3em;
}
.p-section.u-tech_detail > .l-container > .l-inner .c-title.at-lv2 h2 {
    margin: 0;
    padding-bottom: 0;
}
@media screen and (width <= 767px) {
    .p-section.u-tech_detail > .l-container > .l-inner .c-title.at-lv2 {
        padding-bottom: 2em;
    }
}
.p-section.u-tech_detail > .l-container > .l-inner h3 {
    margin: 0 0 0.5em;
    padding-bottom: 0.5em;
}
@media screen and (width <= 767px) {
    .p-section.u-tech_detail > .l-container > .l-inner table tbody tr > th,
    .p-section.u-tech_detail > .l-container > .l-inner table tbody tr > td {
        display: table-cell !important;
    }
}

@media screen and (width <= 767px) {
    .p-section.u-tech-detail_bottom > .l-container {
        padding: 0 15px;
    }
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner {
    background: var(--color-theme03);
    margin-bottom: 28px;
    max-width: calc(
        var(--width-content_2column) - var(--padding-side_default) * 2
    );
    padding: 30px 45px 40px;
}
@media screen and (width <= 767px) {
    .p-section.u-tech-detail_bottom > .l-container > .l-inner {
        padding: 20px 15px;
    }
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .c-title {
    margin-bottom: 30px;
}
.p-section.u-tech-detail_bottom > .l-container > .l-inner > .c-title > * {
    color: var(--color-main);
    font-size: clamp(1.4rem, 1.82vw, 1.8rem);
    font-weight: normal;
    justify-content: center;
    margin: 0;
    padding: 0;
    text-align: center;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .c-title
    > *::before {
    display: none;
}
@media screen and (width <= 767px) {
    .p-section.u-tech-detail_bottom > .l-container > .l-inner > .c-title {
        margin-bottom: 20px;
    }
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left,
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_right {
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 16px;
    transition: all 0.2s ease-in-out;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left:hover,
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_right:hover {
    opacity: 0.7;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left
    .u-tech-detail-button_label,
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_right
    .u-tech-detail-button_label {
    align-items: center;
    display: flex;
    margin-bottom: 0;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left
    .u-tech-detail-button_info,
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_right
    .u-tech-detail-button_info {
    display: flex;
    font-size: 10px;
    justify-content: space-between;
    margin-bottom: 0;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left
    .u-tech-detail-button_info::after,
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_right
    .u-tech-detail-button_info::after {
    border-right: 1px solid white;
    border-top: 1px solid white;
    content: '';
    display: block;
    height: 0.5em;
    margin-top: 5px;
    transform: rotate(45deg);
    width: 0.5em;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left {
    background: white;
    border: 2px solid var(--color-primary);
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left
    .u-tech-detail-button_label {
    color: var(--color-black);
    font-family: var(--font-family_libre);
    font-size: 25px;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left
    .u-tech-detail-button_label::before {
    content: url('../images/tech/icon-tech_tel.svg');
    display: inline-block;
    margin-right: 5px;
    transform: translateY(0.15em);
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left
    .u-tech-detail-button_info {
    color: #8f9694;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_left
    .u-tech-detail-button_info::after {
    border-color: #8f9694;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_right {
    background: var(--color-primary);
    color: white;
}
.p-section.u-tech-detail_bottom
    > .l-container
    > .l-inner
    > .p-list.at-banners
    > .u-tech-detail_right
    .u-tech-detail-button_label {
    font-size: 18px;
}

/* Tech TOP ------------------- */
.p-note_style .at-table {
    max-width: calc(33.3333333333% - 20px);
}
@media screen and (width <= 1199px) {
    .p-note_style .at-table {
        max-width: calc(50% - 20px);
    }
}

.gsc-overflow-hidden {
    overflow: initial !important;
}

/* Tech detail ------------------- */
/* NOTE */
.u-news > .l-container > .l-inner {
    margin: 0 auto 80px;
    max-width: calc(var(--width-content_detail) + var(--padding-side_sp) * 2);
    padding: 0 var(--padding-side_sp);
}
.u-news > .l-container > .l-inner .category {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-bottom: 40px;
}
.u-news > .l-container > .l-inner .category > .p-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.u-news > .l-container > .l-inner .category > .p-list > li {
    display: inline-block;
    font-size: 12px;
    line-height: var(--line-height_default);
}
.u-news > .l-container > .l-inner .category > .p-list > li::before {
    color: var(--color-primary);
    content: '●';
    display: inline-block;
    font-size: 10px;
    margin-right: 0.5rem;
}
.u-news > .l-container > .l-inner .category > time {
    color: var(--color-main02);
    font-family: var(--font-family_libre);
    font-size: 12px;
    line-height: var(--line-height_default);
    margin-top: 1px;
}
.u-news > .l-container > .l-inner .tag {
    margin-top: 25px;
}
@media screen and (width <= 767px) {
    .u-news > .l-container > .l-inner .tag {
        margin-top: 15px;
    }
}
.u-news > .l-container > .l-inner h1 {
    font-size: clamp(1.8rem, 2.34vw, 3rem);
    line-height: var(--line-height_default);
    margin-bottom: 20px;
}
.u-news > .l-container > .l-inner h2 {
    display: flex;
    font-size: clamp(1.8rem, 2.34vw, 2.8rem);
    margin: 60px 0 40px;
}
.u-news > .l-container > .l-inner h2::before {
    align-self: stretch;
    background: transparent
        linear-gradient(
            180deg,
            rgb(46, 105, 128) 0%,
            rgb(234, 164, 111) 88%,
            rgb(240, 166, 110) 100%
        )
        0% 0% no-repeat padding-box;
    content: '';
    display: block;
    flex-shrink: 0;
    margin-right: 15px;
    width: 10px;
}
@media screen and (width <= 767px) {
    .u-news > .l-container > .l-inner h2 {
        margin-bottom: 30px;
    }
    .u-news > .l-container > .l-inner h2::before {
        margin-right: 10px;
    }
}
.u-news > .l-container > .l-inner h3 {
    border-bottom: 2px solid var(--color-main);
    font-size: clamp(1.8rem, 2.34vw, 3rem);
    margin: 60px 0 14px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.u-news > .l-container > .l-inner h4,
.u-news > .l-container > .l-inner .u-news-description {
    background: var(--color-theme03);
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
    margin: 50px 0;
    padding: 24px;
}
@media screen and (width <= 767px) {
    .u-news > .l-container > .l-inner h4,
    .u-news > .l-container > .l-inner .u-news-description {
        margin: 40px 0;
        padding: 15px 10px;
    }
}
.u-news > .l-container > .l-inner p {
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
    margin-bottom: 1em;
}
.u-news > .l-container > .l-inner p:empty {
    display: none;
}
.u-news > .l-container > .l-inner p img {
    height: auto !important;
    object-fit: contain;
    width: 100% !important;
}
.u-news > .l-container > .l-inner a:not(.c-card, .c-button) {
    color: rgb(92, 138, 211);
    cursor: pointer;
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
    position: relative;
    text-decoration: underline;
    transition: all 0.2s ease-in-out;
}
.u-news > .l-container > .l-inner a:not(.c-card, .c-button):hover {
    opacity: 0.8;
    text-decoration: none;
}
.u-news > .l-container > .l-inner table {
    border-spacing: 0;
    width: 100%;
}
.u-news > .l-container > .l-inner table tr th,
.u-news > .l-container > .l-inner table tr td {
    border-bottom: 1px solid rgb(227, 234, 220);
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
    text-align: left;
    height: auto !important;
}
.u-news > .l-container > .l-inner table tr th p,
.u-news > .l-container > .l-inner table tr td p {
    margin: 0;
}
.u-news > .l-container > .l-inner table tr th {
    background: rgb(240, 240, 231);
    box-sizing: border-box;
    padding: 20px 15px;
    width: 180px;
}
.u-news > .l-container > .l-inner table tr td {
    padding: 20px;
}
.u-news > .l-container > .l-inner table tr td.l-flex {
    display: flex;
    flex-wrap: wrap;
}
.u-news > .l-container > .l-inner table tr td.l-flex > *:first-child {
    width: clamp(100px, 12vw, 145px);
}
@media screen and (width <= 767px) {
    .u-news > .l-container > .l-inner table tr > th,
    .u-news > .l-container > .l-inner table tr > td {
        box-sizing: border-box;
        display: block;
        padding: 15px 10px;
        width: 100%;
    }
    .u-news > .l-container > .l-inner table tr > td.l-flex > * {
        width: 100%;
    }
}
@media screen and (width <= 767px) {
    .u-news > .l-container > .l-inner .c-card table tr > th,
    .u-news > .l-container > .l-inner .c-card table tr > td {
        display: table-cell;
        width: auto;
    }
}
.u-news
    > .l-container
    > .l-inner
    table[border='1'][align='left'][cellpadding='4'][cellspacing='4'] {
    border: none !important;
    margin-bottom: 40px;
    width: 100% !important;
}
.u-news
    > .l-container
    > .l-inner
    table[border='1'][align='left'][cellpadding='4'][cellspacing='4']
    td {
    border: none;
    padding: none;
}
.u-news
    > .l-container
    > .l-inner
    table[border='1'][align='left'][cellpadding='4'][cellspacing='4']
    h4 {
    margin: 0;
}
.u-news.at-title_area > .l-container > .l-inner {
    margin: 0 auto;
}
.u-news.at-title_area .c-image_wrap {
    margin-bottom: 40px;
}
@media screen and (width <= 767px) {
    .u-news.at-title_area .c-image_wrap {
        margin-bottom: 20px;
    }
}
.u-news_slider > .l-container {
    padding-bottom: 40px;
}
@media screen and (width <= 767px) {
    .u-news_slider > .l-container {
        margin: auto;
        max-width: calc(100% - var(--padding-side_sp) * 2);
        padding: 0 0 20px;
    }
}
.u-news_slider > .l-container > .l-inner {
    margin: 0 auto;
    max-width: var(--width-content_detail);
}
.u-news_sns > .l-container > .l-inner {
    border-top: 1px solid var(--color-theme02);
    margin: 80px auto 0;
    max-width: var(--width-content_detail);
    padding: 30px 0 80px !important;
    padding-top: 30px;
}
@media screen and (width <= 767px) {
    .u-news_sns > .l-container > .l-inner {
        max-width: calc(100% - var(--padding-side_sp) * 2);
    }
}
.u-news_sns > .l-container > .l-inner p {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
}
.u-news_sns > .l-container > .l-inner .p-list {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 40px;
}
.u-news_sns > .l-container > .l-inner .p-list li > a > img {
    height: 30px !important;
    width: 30px !important;
}
.u-news_sns > .l-container > .l-inner .c-button {
    margin: 0 auto;
}
.u-news .u-news_note.c-section_content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
}
.u-news .u-news_note.c-section_content > * {
    flex: 1 1 calc(50% - 10px);
    font-size: var(--font-size_basic);
    max-width: calc(50% - 10px);
}
.u-news .u-news_note.c-section_content > *:empty {
    display: none;
}
@media screen and (width <= 767px) {
    .u-news .u-news_note.c-section_content {
        gap: 30px;
    }
    .u-news .u-news_note.c-section_content > * {
        flex: 1 1 100%;
        max-width: 100%;
    }
}
.u-news .template_a20 > .picture > .medium_trim > li > a {
    font-size: 12px;
}
.u-news .template_a20 > .picture > .medium_trim > li > a.icon_zoom {
    aspect-ratio: 180/135;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}
.u-news .template_a20 > .picture > .medium_trim > li > a img {
    height: 100% !important;
    object-fit: cover;
    width: 100% !important;
}
.u-news .template_d30 > ul.small {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center;
}
.u-news .template_d30 > ul.small > li {
    width: 100%;
}
.u-news .template_d30 > ul.small > li > a {
    aspect-ratio: 180/135;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
}
.u-news .template_d30 > ul.small > li > a img {
    height: 100% !important;
    object-fit: cover;
    width: 100% !important;
}
.u-news table.figure40 > tbody > tr {
    border-bottom: 1px solid rgb(227, 234, 220) !important;
}
.u-news table.figure40 > tbody > tr > td {
    padding: 0 !important;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th,
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > td {
    border-bottom: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: var(--line-height_default) !important;
    padding: 10px 0 10px 10px !important;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th.w50 {
    width: 50%;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th.w35 {
    width: 25%;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th.w15 {
    width: 25%;
}
.u-news table.figure40 > tbody > tr > td > table > tbody > tr > th.w15 > br {
    display: none;
}

/*    Layout
------------------------------------- */
.l-flex {
    display: flex;
}
.l-flex.at-align-center {
    align-items: center;
}
.l-flex.at-justify-center {
    justify-content: center;
}
.l-flex.at-justify-end {
    justify-content: flex-end;
}
.l-flex.at-wrap {
    flex-wrap: wrap;
}
.l-flex.at-between_center {
    align-items: center;
    justify-content: space-between;
}
.l-flex.at-between_bottom {
    align-items: flex-end;
    justify-content: space-between;
}

.l-sp {
    display: none !important;
}
@media screen and (width <= 767px) {
    .l-sp {
        display: block !important;
    }
}

@media screen and (width <= 767px) {
    .l-pc {
        display: none !important;
    }
}

.l-tb_sp {
    display: none !important;
}
@media screen and (width <= 1199px) {
    .l-tb_sp {
        display: block !important;
    }
}

@media screen and (width <= 1199px) {
    .l-tb_pc {
        display: none !important;
    }
}

body {
    background: var(--color-theme01);
}

/* -------------------------------------
    Common
------------------------------------- */
* {
    box-sizing: border-box;
}

a,
button {
    cursor: pointer;
}

body#article .p-main {
    margin-top: var(--height-header);
    padding-top: 2.7rem;
}
@media screen and (width <= 767px) {
    body#article .p-main {
        margin-top: var(--height-header_sp);
        padding-top: 5rem;
    }
}
body#article.rn-square .p-main {
    margin-top: 0;
    padding-top: 0;
}

.at-bold {
    font-weight: bold;
}

.overflow-hidden {
    overflow: hidden;
}

/*    Section
------------------------------------- */
.p-section > .l-container {
    overflow-x: visible;
    padding-bottom: 100px;
    /*    Background --------------- */
}
@media screen and (width <= 767px) {
    .p-section > .l-container {
        padding-bottom: 60px;
    }
}
.p-section > .l-container.at-bg_theme {
    background: var(--color-theme01);
}
.p-section > .l-container.at-bg_theme02 {
    background: var(--color-theme02);
}
.p-section > .l-container.at-bg_theme03 {
    background: var(--color-theme03);
}
.p-section > .l-container.at-bg_white {
    background: var(--color-white);
}
.p-section > .l-container.at-bg_gradient01 {
    background: var(--bg_gradient01);
}
.p-section > .l-container > .l-inner {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: var(--width-content);
    padding: 0 var(--padding-side_default);
}
.p-section > .l-container.at-page-content > .l-inner {
    padding-left: calc(var(--width-side) + var(--padding-side_default));
}
@media screen and (width <= 767px) {
    .p-section > .l-container.at-page-content {
        overflow: hidden;
    }
    .p-section > .l-container.at-page-content > .l-inner {
        padding: 0 var(--padding-side_sp);
    }
}
.p-section > .l-container.at-bottom-content > .l-inner {
    display: flex;
    flex-wrap: wrap;
}
.p-section > .l-container.at-bottom-content > .l-inner > .c-title {
    width: var(--width-side);
}
.p-section > .l-container.at-bottom-content > .l-inner > .c-title > * {
    font-size: clamp(1.6rem, 2.08vw, 2.4rem);
}
.p-section > .l-container.at-bottom-content > .l-inner > .c-section_content {
    margin-top: -20px;
    width: calc(100% - var(--width-side));
}
@media screen and (width <= 767px) {
    .p-section > .l-container.at-bottom-content {
        padding: 40px 0;
    }
    .p-section > .l-container.at-bottom-content > .l-inner > .c-title {
        width: 100%;
    }
    .p-section
        > .l-container.at-bottom-content
        > .l-inner
        > .c-section_content {
        margin-top: 0;
        width: 100%;
    }
}
.p-section > .l-container.at-padding-bottom_none {
    padding-bottom: 0;
}
.p-section > .l-container.at-detail_title {
    padding-bottom: 80px;
}
@media screen and (width <= 767px) {
    .p-section > .l-container.at-detail_title {
        padding-bottom: 40px;
    }
}
.p-section > .l-container .c-section_title {
    padding-bottom: 58px;
}
.p-section > .l-container .c-section_title.at-space-narrow {
    padding-bottom: 40px;
}
.p-section > .l-container .c-section_title > * {
    color: var(--color-font_default);
    font-size: clamp(2.4rem, 6.4vw, 4rem);
    font-weight: normal;
}
.p-section > .l-container .c-section_title > * > * {
    display: block;
}
.p-section > .l-container .c-section_title > * .c-section_title_en {
    color: rgb(46, 105, 128);
    font-family: var(--font-family_libre);
    font-size: clamp(1.6rem, 4.27vw, 1.8rem);
    font-weight: normal;
    margin-bottom: 20px;
}
@media screen and (width <= 767px) {
    .p-section > .l-container .c-section_title {
        padding-bottom: 40px;
    }
    .p-section > .l-container .c-section_title > * .c-section_title_en {
        margin-bottom: 14px;
    }
}
.p-section > .l-container .c-section_copy {
    padding-bottom: 30px;
}
.p-section > .l-container .c-section_copy p {
    color: var(--color-primary);
    font-size: clamp(2.4rem, 4.07vw, 4.4rem);
    font-weight: normal;
}
.p-section > .l-container .c-section_copy.at-small {
    padding-bottom: 20px;
}
.p-section > .l-container .c-section_copy.at-small p {
    font-size: var(--font-size_24);
    font-size: clamp(2rem, 2.6vw, 2.4rem);
}
.p-section > .l-container .c-section_content:not(:last-child) {
    margin-bottom: 40px;
}
.p-section > .l-container .c-section_content.at-flex,
.p-section > .l-container .c-section_content.at-flex_between,
.p-section > .l-container .c-section_content.at-flex_center {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}
.p-section > .l-container .c-section_content.at-flex.at-column_two > *,
.p-section > .l-container .c-section_content.at-flex.at-sp_column_two > *,
.p-section > .l-container .c-section_content.at-flex.at-sp_row_two > *,
.p-section > .l-container .c-section_content.at-flex_between.at-column_two > *,
.p-section
    > .l-container
    .c-section_content.at-flex_between.at-sp_column_two
    > *,
.p-section > .l-container .c-section_content.at-flex_between.at-sp_row_two > *,
.p-section > .l-container .c-section_content.at-flex_center.at-column_two > *,
.p-section
    > .l-container
    .c-section_content.at-flex_center.at-sp_column_two
    > *,
.p-section > .l-container .c-section_content.at-flex_center.at-sp_row_two > * {
    flex: 1 1 calc(50% - 10px);
    max-width: calc(50% - 10px);
}
.p-section > .l-container .c-section_content.at-flex.at-column_four > *,
.p-section > .l-container .c-section_content.at-flex_between.at-column_four > *,
.p-section > .l-container .c-section_content.at-flex_center.at-column_four > * {
    flex: 1 1 calc(25% - 5px);
    max-width: calc(25% - 5px);
}
.p-section > .l-container .c-section_content.at-flex.at-column_five > *,
.p-section > .l-container .c-section_content.at-flex_between.at-column_five > *,
.p-section > .l-container .c-section_content.at-flex_center.at-column_five > * {
    flex: 1 1 calc(20% - 4px);
    max-width: calc(20% - 4px);
}
@media screen and (width <= 767px) {
    .p-section > .l-container .c-section_content.at-flex.at-column_two,
    .p-section > .l-container .c-section_content.at-flex.at-column_four,
    .p-section > .l-container .c-section_content.at-flex.at-column_five,
    .p-section > .l-container .c-section_content.at-flex_between.at-column_two,
    .p-section > .l-container .c-section_content.at-flex_between.at-column_four,
    .p-section > .l-container .c-section_content.at-flex_between.at-column_five,
    .p-section > .l-container .c-section_content.at-flex_center.at-column_two,
    .p-section > .l-container .c-section_content.at-flex_center.at-column_four,
    .p-section > .l-container .c-section_content.at-flex_center.at-column_five {
        gap: 0;
    }
    .p-section > .l-container .c-section_content.at-flex.at-column_two > *,
    .p-section > .l-container .c-section_content.at-flex.at-column_four > *,
    .p-section > .l-container .c-section_content.at-flex.at-column_five > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_between.at-column_two
        > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_between.at-column_four
        > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_between.at-column_five
        > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_center.at-column_two
        > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_center.at-column_four
        > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_center.at-column_five
        > * {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .p-section > .l-container .c-section_content.at-flex.at-sp_column_two,
    .p-section
        > .l-container
        .c-section_content.at-flex_between.at-sp_column_two,
    .p-section
        > .l-container
        .c-section_content.at-flex_center.at-sp_column_two {
        gap: 20px;
    }
    .p-section > .l-container .c-section_content.at-flex.at-sp_column_two > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_between.at-sp_column_two
        > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_center.at-sp_column_two
        > * {
        flex: 1 1 100%;
        margin-top: 0;
        max-width: 100%;
    }
    .p-section > .l-container .c-section_content.at-flex.at-sp_row_two,
    .p-section > .l-container .c-section_content.at-flex_between.at-sp_row_two,
    .p-section > .l-container .c-section_content.at-flex_center.at-sp_row_two {
        gap: 20px;
    }
    .p-section > .l-container .c-section_content.at-flex.at-sp_row_two > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_between.at-sp_row_two
        > *,
    .p-section
        > .l-container
        .c-section_content.at-flex_center.at-sp_row_two
        > * {
        margin-top: 0;
    }
}
.p-section > .l-container .c-section_content.at-flex_between {
    align-items: center;
    justify-content: space-between;
}
.p-section > .l-container .c-section_content.at-flex_center {
    align-items: center;
    justify-content: center;
}
.p-section > .l-container .c-section_content.at-aligned_right > * {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}
.p-section > .l-container .c-section_content.at-buttonarea {
    margin-top: 40px;
}
.p-section
    > .l-container
    .c-section_content.at-buttonarea.at-aligned_right
    > * {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}
@media screen and (width <= 767px) {
    .p-section
        > .l-container
        .c-section_content.at-buttonarea.at-aligned_right
        > * {
        margin: 0 auto;
        text-align: center;
    }
}
.p-section > .l-container .c-section_content.at-aligned_center > * {
    margin: inherit auto;
    text-align: center;
}
.p-section > .l-container .c-section_content > .c-button_area {
    margin-top: 20px;
}
@media screen and (width <= 767px) {
    .p-section > .l-container .c-section_content > .c-button_area {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
}
.p-section > .l-container .c-section_image:not(:last-child) {
    margin-bottom: 20px;
}
.p-section > .l-container .c-discription p {
    font-size: var(--font-size_basic);
    line-height: var(--line-height_default);
}
.p-section > .l-container .c-discription.at-aligned_right > * {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}
.p-section.at-scrollable-area > .l-container {
    padding: 0;
}
.p-section.at-scrollable-area.u-rn_square > .l-container {
    padding-top: 60px;
}
@media screen and (width <= 767px) {
    .p-section.at-scrollable-area.u-rn_square > .l-container {
        padding-top: 40px;
    }
}
.p-section.at-child:not(:first-child) {
    padding-top: 40px;
}
.p-section.at-space_top > .l-container {
    padding-top: 100px;
}
@media screen and (width <= 767px) {
    .p-section.at-space_top > .l-container {
        padding-top: 60px;
    }
}
.p-section.at-title-area > .l-container {
    margin: 0 auto -150px;
    padding: 150px 0;
    position: relative;
}
@media screen and (width <= 767px) {
    .p-section.at-title-area > .l-container {
        margin: 0;
        padding: 75px 0 35px;
    }
    .p-section.at-title-area > .l-container > .l-inner {
        padding: 0 var(--padding-side_sp);
    }
}
.p-section.at-breadcrumb > .l-container {
    padding: 0 0 80px;
}
@media screen and (width <= 767px) {
    .p-section.at-breadcrumb {
        display: none;
    }
}
.p-section.at-breadcrumb.at-news_detail {
    padding-top: 150px;
}
.p-section.at-terms > .l-container > .l-inner {
    margin: 0 auto;
    max-width: calc(894px + var(--padding-side_default) * 2);
}
.p-section.at-button-area > .l-container > .l-inner {
    display: flex;
}
.p-section.at-button-area > .l-container > .l-inner h2 {
    display: inline-block;
    flex-shrink: 0;
    font-size: 24px;
    padding-top: 12px;
    width: var(--width-side);
}
.p-section.at-button-area > .l-container > .l-inner .p-list {
    width: calc(100% - var(--width-side));
}
.p-section.at-button-area_banners > .l-container {
    padding: 60px 0;
}
@media screen and (width <= 767px) {
    .p-section.at-button-area_banners > .l-container {
        padding: 20px 0;
    }
}

/*    Modal
------------------------------------- */
.p-modal {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 101;
}
.p-modal_image .l-container {
    max-width: 90%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.p-modal_image .l-container .c-btn_close {
    background: rgb(80, 80, 80);
    border-radius: 50%;
    cursor: pointer;
    height: 4rem;
    right: -2rem;
    position: absolute;
    top: -2rem;
    width: 4rem;
    z-index: 1;
}
.p-modal_image .l-container .c-btn_close::before,
.p-modal_image .l-container .c-btn_close::after {
    background: rgb(255, 255, 255);
    content: '';
    display: inline-block;
    height: 0.3rem;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 3rem;
}
.p-modal_image .l-container .c-btn_close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.p-modal_image .l-container .c-btn_close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (width <= 767px) {
    .p-modal_image .l-container {
        max-width: calc(100% - 4.8rem);
    }
    .p-modal_image .l-container .c-btn_close {
        height: 3rem;
        right: -1.5rem;
        top: -1.5rem;
        width: 3rem;
    }
    .p-modal_image .l-container .c-btn_close::before,
    .p-modal_image .l-container .c-btn_close::after {
        height: 0.2rem;
        width: 2.4rem;
    }
}
.p-modal_image .l-container .c-image_wrap img {
    max-height: 95svh;
    object-fit: contain;
}

/* -------------------------------------
    Header
------------------------------------- */
.p-header {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.p-header.show-bg > .l-container,
.p-header.at-droped > .l-container,
.p-header.rn-square > .l-container {
    background: var(--color-background_header);
}
.p-header .c-drop_filter {
    background: rgba(0, 0, 0, 0.5);
    display: none;
    height: 100vh;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1;
}
.p-header > .l-container {
    transition: all 0.2s ease;
}
@media screen and (width <= 1199px) {
    .p-header > .l-container {
        display: flex;
        justify-content: space-between;
    }
}
.p-header > .l-container .c-image_wrap .s-top,
.p-header > .l-container .c-icon .s-top {
    display: none;
}
.p-header > .l-container > .l-inner {
    justify-content: space-between;
    padding: 0 var(--padding-header);
    width: 100%;
}
@media screen and (width <= 1199px) {
    .p-header > .l-container > .l-inner {
        align-items: center;
        min-height: 5rem;
        width: calc(100% - 5rem);
    }
}
@media screen and (width <= 767px) {
    .p-header > .l-container > .l-inner {
        padding: 1.5rem 2rem 1.5rem var(--padding-side_sp);
    }
}
.p-header > .l-container .c-logo.at-header_logo {
    align-items: center;
    display: flex;
}
.p-header > .l-container .c-logo.at-header_logo .c-image_wrap {
    max-width: 20.4rem;
}
.p-header > .l-container .c-logo.at-header_logo .c-image_wrap.at-en {
    max-width: 30rem;
}
@media screen and (width <= 767px) {
    .p-header > .l-container .c-logo.at-header_logo .c-image_wrap {
        height: 2rem;
        max-width: 13rem;
    }
    .p-header > .l-container .c-logo.at-header_logo .c-image_wrap.at-en {
        max-width: 20rem;
    }
}
.p-header > .l-container .p-header_nav {
    padding: 2.7rem 0 0;
}
@media screen and (width <= 1199px) {
    .p-header > .l-container .p-header_nav {
        padding: 0;
    }
}
.p-header > .l-container .p-header_nav .l-bottom {
    padding: 1.7rem 0 0;
}
@media screen and (width <= 1199px) {
    .p-header > .l-container .p-header_nav .l-bottom {
        background: var(--color-background_header);
        min-height: 100vh;
        padding: 2.5rem var(--padding-side_sp) 10rem;
        position: fixed;
        right: -100%;
        top: var(--height-header_sp);
        transition: 0.2s ease-in-out;
        width: 100vw;
    }
    .p-header > .l-container .p-header_nav .l-bottom.open {
        right: 0;
    }
}
.p-header > .l-container .p-header_nav .p-nav {
    display: flex;
    /*    MegaMenu
  ------------------------------------- */
    /* inner search */
}
@media screen and (width <= 767px) {
    .p-header > .l-container .p-header_nav .p-nav {
        gap: 0;
    }
}
.p-header > .l-container .p-header_nav .p-nav .c-button.at-header_menu {
    background: none;
    border: none;
    display: flex;
    font-size: 1.4rem;
    gap: 0.5rem;
    padding: 0;
    text-align: start;
}
@media screen and (width <= 767px) {
    .p-header > .l-container .p-header_nav .p-nav .c-button.at-header_menu {
        font-size: var(--font-size_12);
    }
}
.p-header > .l-container .p-header_nav .p-nav .c-button.at-header_menu .c-icon {
    width: 1.5rem;
}
.p-header > .l-container .p-header_nav .p-nav .c-button.at-primary {
    font-size: var(--font-size_13);
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item {
    padding: 0.8rem 1.5rem 2.6rem;
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item:last-of-type {
    padding-right: 0;
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item.at-primary {
    padding: 0 0 0 1.5rem;
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item_title {
    align-items: center;
    cursor: pointer;
    font-size: var(--font-size_16);
}
.p-header > .l-container .p-header_nav .p-nav .c-list_item_title.at-dropmenu {
    align-items: center;
    display: flex;
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .c-list_item_title.at-dropmenu
    > svg {
    margin: 3px 0 0 8px;
    transition: all 0.2s ease-in-out;
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .c-list_item_title.at-dropmenu
    > svg
    > path {
    fill: black;
}
@media screen and (width <= 1199px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav
        .c-list_item_title.at-dropmenu
        > svg {
        display: none;
    }
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .c-list_item_title.at-dropmenu.active
    > svg {
    transform: rotate(180deg);
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu {
    background: var(--color-background_header);
    border-top: 1px solid rgba(165, 173, 188, 0.5);
    display: none;
    left: 0;
    padding: 4rem 0 6rem;
    position: absolute;
    top: var(--height-header);
    width: 100%;
    z-index: 11;
}
@media screen and (width >= 1200px) {
    .p-header > .l-container .p-header_nav .p-nav .p-dropmenu {
        background: var(--color-white);
    }
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu > .l-flex {
    gap: clamp(2.4rem, 3.5vw, 6.6rem);
    margin: 0 auto;
    max-width: calc(1200px + var(--padding-side_default) * 2);
    padding: 0 var(--padding-side_default);
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .p-dropmenu
    .l-left
    .c-title
    .c-text {
    font-size: var(--font-size_30);
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .p-dropmenu
    .l-left
    .c-block_button {
    margin-top: 4rem;
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 2.4rem;
    width: fit-content;
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item {
    flex: 1 1 calc(33.3333333333% - 1.8rem);
    max-width: 28rem;
    width: calc(33.3333333333% - 1.8rem);
}
@media screen and (width <= 1199px) {
    .p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item {
        flex: 1 1 100%;
        max-width: initial;
        width: 100%;
    }
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .p-dropmenu_nav_item
    .c-image
    .c-image_wrap {
    height: 10rem;
    width: 28rem;
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .p-dropmenu_nav_item
    .c-image
    .c-border {
    background: var(--color-gradation_01);
    display: block;
    height: 3px;
    width: 28rem;
}
@media screen and (width <= 1199px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav
        .p-dropmenu_nav_item
        .c-image {
        display: none;
    }
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-title {
    color: var(--color-main);
    font-size: var(--font-size_18);
    margin: 1rem 0 0;
    padding: 0 1rem;
}
@media screen and (width <= 1199px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav
        .p-dropmenu_nav_item
        .c-title {
        padding: 0 0 1rem;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav
        .p-dropmenu_nav_item
        .c-title::before {
        background: var(--color-gradation_01);
        content: '';
        display: block;
        height: 3px;
        margin-bottom: 1rem;
        width: 100%;
    }
}
.p-header > .l-container .p-header_nav .p-nav .p-dropmenu_nav_item .c-menu {
    margin: 1.1rem 0 0;
    padding: 0 1rem;
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .p-dropmenu_nav_item
    .c-menu
    .p-dropmenu_list {
    display: flex;
    flex-direction: column;
    gap: 1.7rem 0;
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .p-dropmenu_nav_item
    .c-menu
    .p-dropmenu_list
    .c-button.at-header_menu {
    font-size: var(--font-size_14);
    padding: 0 1.5rem 0 0;
    position: relative;
    width: fit-content;
}
@media screen and (width >= 1200px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav
        .p-dropmenu_nav_item
        .c-menu
        .p-dropmenu_list
        .c-button.at-header_menu {
        line-height: 1.4;
    }
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav
    .p-dropmenu_nav_item
    .c-menu
    .p-dropmenu_list
    .c-button.at-header_menu::after {
    content: url('../images/common/icon/icon-arrow_right_gray.svg');
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.5rem;
}
.p-header > .l-container .p-header_nav .p-nav.at-search {
    gap: 3rem;
    justify-content: flex-end;
}
@media screen and (width <= 1199px) {
    .p-header > .l-container .p-header_nav .p-nav.at-search {
        gap: 0;
    }
}
.p-header > .l-container .p-header_nav .p-nav.at-search li .p-dropmenu_search {
    background: var(--color-white);
    display: none;
    left: 50%;
    position: absolute;
    top: var(--height-header);
    transform: translateX(-50%);
    width: 100%;
}
@media screen and (width <= 767px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-search
        li
        .p-dropmenu_search {
        top: var(--height-header_sp);
    }
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav.at-search
    li
    .p-dropmenu_search
    .l-inner {
    align-items: center;
    display: flex;
    gap: 3rem;
    justify-content: space-between;
    margin: 0 auto;
    max-width: calc(1200px + var(--padding-side_default) * 2);
    padding: 3rem var(--padding-side_default);
    width: 100%;
}
@media screen and (width <= 767px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-search
        li
        .p-dropmenu_search
        .l-inner {
        flex-direction: column;
        gap: 1rem;
        padding: 2.5rem var(--padding-side_sp);
    }
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav.at-search
    li
    .p-dropmenu_search
    .l-inner
    .l-left {
    flex-grow: 1;
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav.at-search
    li
    .p-dropmenu_search
    .l-inner
    .l-left
    form
    table
    td.gsc-input
    .gsc-input-box
    table
    .gsib_a
    input {
    height: auto !important;
    padding: 1em !important;
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav.at-search
    li
    .p-dropmenu_search
    .l-inner
    .l-left
    form
    table
    td.gsc-search-button
    button {
    height: 6rem;
    width: 9rem;
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav.at-search
    li
    .p-dropmenu_search
    .l-inner
    .l-left
    .gsc-results-wrapper-overlay {
    height: auto;
    max-height: 80vh;
}
@media screen and (width <= 767px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-search
        li
        .p-dropmenu_search
        .l-inner
        .l-left
        .gsc-results-wrapper-overlay {
        width: 80%;
    }
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav.at-search
    li
    .p-dropmenu_search
    .l-inner
    .l-left
    .gsc-modal-background-image {
    display: none;
}
@media screen and (width <= 767px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-search
        li
        .p-dropmenu_search
        .l-inner
        .l-left {
        order: 2;
        width: 100%;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-search
        li
        .p-dropmenu_search
        .l-inner
        .l-left
        form
        table
        td.gsc-input {
        padding-right: 0;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-search
        li
        .p-dropmenu_search
        .l-inner
        .l-left
        form
        table
        td.gsc-input
        .gsc-input-box
        table
        .gsib_a {
        height: 5rem;
        padding: 0;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-search
        li
        .p-dropmenu_search
        .l-inner
        .l-left
        form
        table
        td.gsc-input
        .gsc-input-box
        table
        .gsib_a
        input {
        background: none;
        height: 5rem;
        padding: 0.8em !important;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-search
        li
        .p-dropmenu_search
        .l-inner
        .l-left
        form
        table
        td.gsc-search-button
        button {
        height: 5rem;
        width: 7rem;
    }
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav.at-search
    li
    .p-dropmenu_search
    .l-inner
    .l-right
    .c-button {
    align-items: center;
    background: none;
    border: none;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-size: var(--font-size_basic);
    gap: 5px;
    line-height: 1;
    padding: 0;
    position: relative;
    text-align: left;
    transition: 0.2s;
}
.p-header
    > .l-container
    .p-header_nav
    .p-nav.at-search
    li
    .p-dropmenu_search
    .l-inner
    .l-right
    .c-button
    .c-icon {
    width: 2.4rem;
}
@media screen and (width <= 767px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-search
        li
        .p-dropmenu_search
        .l-inner
        .l-right {
        display: flex;
        justify-content: flex-end;
        order: 1;
        padding: 0 2rem;
        width: 100%;
    }
}
@media screen and (width <= 1199px) {
    .p-header > .l-container .p-header_nav .p-nav.at-search li:nth-of-type(1) {
        margin: 0 0 0 2rem;
        order: 4;
    }
    .p-header > .l-container .p-header_nav .p-nav.at-search li:nth-of-type(4) {
        order: 1;
    }
}
@media screen and (width <= 1199px) {
    .p-header > .l-container .p-header_nav .p-nav.at-global {
        display: block;
        height: calc(100vh - (var(--height-header_sp) + 5rem));
        overflow-y: scroll;
        padding: 0 0 5rem;
    }
    .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item {
        border-bottom: 1px solid var(--color-border_menu);
        padding: 0;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item:last-of-type {
        border: none;
    }
    .p-header > .l-container .p-header_nav .p-nav.at-global .c-list_item_title {
        display: block;
        font-size: var(--font-size_14);
        padding: 2rem;
        width: 100%;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item_title.at-dropmenu {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item_title.at-dropmenu::after {
        background: url('../images/common/icon/icon-arrow_under_black.svg')
            center center/100% no-repeat;
        content: '';
        display: block;
        height: 0.6rem;
        transition: 0.15s;
        width: 1.1rem;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item_title.at-dropmenu.open::after {
        background-image: url('../images/common/icon/icon-arrow_under_og.svg');
        transform: rotate(180deg);
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item_title.at-primary {
        margin: 3rem auto 0;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu {
        background: none;
        padding: 0;
        position: inherit;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu
        .l-flex {
        display: block;
        margin: 2rem 0 0;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu
        .l-flex
        .l-left
        .c-title {
        display: none;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu
        .l-flex
        .c-block_button {
        margin: 0 0 2rem;
        padding: 0 2rem;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu
        .l-flex
        .c-block_button
        > * {
        width: 100%;
    }
}
@media screen and (width <= 1199px) and (width <= 767px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu
        .l-flex
        .c-block_button {
        padding: 0;
    }
}
@media screen and (width <= 1199px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav {
        gap: 2rem;
        margin: 0 0 2rem;
        width: 100%;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav_item {
        max-width: none;
        padding: 0 2rem;
    }
}
@media screen and (width <= 1199px) and (width <= 767px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav_item {
        padding: 0;
    }
}
@media screen and (width <= 1199px) {
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav_item
        .c-image
        .c-image_wrap {
        height: auto;
        width: 100%;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav_item
        .c-image
        .c-border {
        width: 100%;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav_item
        .c-title {
        margin: 0;
        padding: 1rem 0;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav_item
        .c-menu {
        margin: 0;
        padding: 0;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav_item
        .c-menu
        .p-dropmenu_list {
        gap: 0.2rem 0;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav_item
        .c-menu
        .p-dropmenu_list
        .c-button.at-header_menu {
        align-items: center;
        background: var(--color-white);
        display: flex;
        font-size: var(--font-size_13);
        justify-content: space-between;
        padding: 1rem;
        width: 100%;
    }
    .p-header
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item
        .p-dropmenu_nav_item
        .c-menu
        .p-dropmenu_list
        .c-button.at-header_menu::after {
        position: relative;
        transform: none;
        width: 0.5rem;
    }
}

.c-hamburger_button {
    background: var(--color-main);
    min-height: 5rem;
    position: relative;
    width: 5rem;
}
.c-hamburger_button span {
    background: var(--color-white);
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: 0.2s ease;
    width: 2rem;
}
.c-hamburger_button span:nth-of-type(1) {
    transform: translate(-50%, calc(-50% - 5px)) rotate(0);
}
.c-hamburger_button span:nth-of-type(2) {
    transform: translate(-50%, -50%) rotate(0);
}
.c-hamburger_button span:nth-of-type(3) {
    transform: translate(-50%, calc(-50% + 5px)) rotate(0);
}
.c-hamburger_button.open span:nth-of-type(1),
.c-hamburger_button.open span:nth-of-type(2) {
    transform: translate(-50%, -50%) rotate(45deg);
}
.c-hamburger_button.open span:nth-of-type(3) {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* TOPページ */
.p-header.page-top > .l-container .c-image_wrap .s-default,
.p-header.page-top > .l-container .c-icon .s-default {
    display: none;
}
.p-header.page-top > .l-container .c-image_wrap .s-top,
.p-header.page-top > .l-container .c-icon .s-top {
    display: block;
}
@media screen and (width >= 1200px) {
    .p-header.page-top
        > .l-container
        .p-header_nav
        .p-nav.at-search
        .c-button.at-header_menu {
        color: var(--color-white);
    }
    .p-header.page-top
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item_title {
        color: var(--color-white);
    }
    .p-header.page-top
        > .l-container
        .p-header_nav
        .p-nav.at-global
        .c-list_item_title.at-dropmenu
        > svg
        > path {
        fill: white;
    }
}
.p-header.page-top > .l-container .at-lv {
    color: var(--color-white);
}

/* -------------------------------------
    Footer
------------------------------------- */
.p-footer {
    background: var(--color-gray);
    position: relative;
    z-index: 1;
}
.p-footer .l-container {
    margin: 0 auto;
    max-width: calc(1200px + var(--padding-side_default) * 2);
    padding: var(--padding-footer_pc);
}
@media screen and (width <= 767px) {
    .p-footer .l-container {
        padding: var(--padding-footer_sp);
    }
}
.p-footer .l-container .l-middle {
    gap: 0 clamp(4.5rem, 6.6%, 8rem);
    margin: 7rem 0 0;
}
.p-footer .l-container .l-middle .l-left {
    flex-grow: 1;
}
@media screen and (width <= 767px) {
    .p-footer .l-container .l-middle {
        display: block;
        margin: 3rem 0 0;
    }
    .p-footer .l-container .l-middle .l-right {
        margin: 2rem 0 0;
    }
}
.p-footer .l-container .l-bottom {
    justify-content: space-between;
    margin: 9rem 0 0;
}
.p-footer .l-container .l-bottom.at-en {
    justify-content: flex-end;
}
@media screen and (width <= 1199px) {
    .p-footer .l-container .l-bottom {
        flex-direction: column;
        gap: 4rem;
        margin: 4rem 0 0;
    }
}
.p-footer .p-footer_logo .c-image_wrap {
    display: block;
    width: 20.4rem;
}
.p-footer .p-footer_logo .c-image_wrap.at-en {
    width: 30rem;
}
@media screen and (width <= 767px) {
    .p-footer .p-footer_logo .c-image_wrap {
        width: 15.7rem;
    }
    .p-footer .p-footer_logo .c-image_wrap.at-en {
        padding-bottom: 1rem;
        width: 26rem;
    }
}
.p-footer .p-list.at-footernav {
    column-count: 3;
    column-gap: clamp(4.5rem, 9.1%, 8rem);
}
.p-footer .p-list.at-footernav .c-list_item {
    border-top: 1px solid var(--color-border_default);
    break-inside: avoid;
    color: var(--color-white);
    font-size: var(--font-size_16);
    max-width: 24rem;
    min-width: 15rem;
    padding: 1.5rem 0 3rem;
    width: 100%;
}
.p-footer .p-list.at-footernav .c-list_item a {
    transition: 0.2s;
}
.p-footer .p-list.at-footernav .c-list_item a:hover {
    opacity: 0.6;
}
.p-footer .p-list.at-footernav .c-list_item a .c-icon.at-external {
    margin: 0 0 0 0.5rem;
    width: 0.67em;
}
.p-footer .p-list.at-footernav .c-list_item a .c-icon.at-external img {
    vertical-align: top;
}
.p-footer .p-list.at-footernav.at-child {
    column-count: 1;
}
.p-footer .p-list.at-footernav.at-child .c-list_item {
    border: none;
    color: var(--color-border_default);
    font-size: var(--font-size_14);
    padding: 1.2rem 0 0;
}
.p-footer .p-list.at-footernav.at-child .c-list_item::before {
    content: '-';
    margin: 0 0.5rem 0 0;
}
@media screen and (width <= 1199px) {
    .p-footer .p-list.at-footernav {
        column-count: 2;
    }
    .p-footer .p-list.at-footernav .c-list_item {
        font-size: var(--font-size_13);
        max-width: none;
        padding: 1rem 0 2rem;
    }
    .p-footer .p-list.at-footernav.at-child .c-list_item {
        font-size: var(--font-size_12);
        padding: 0.9rem 0 0;
    }
}
.p-footer .p-list.at-footerbanner .c-list_item:not(:first-of-type) {
    margin: 2rem 0 0;
}
.p-footer .p-list.at-footerbanner .c-list_item .c-image_wrap {
    display: block;
    max-width: 24rem;
    width: 100%;
}
@media screen and (width <= 767px) {
    .p-footer .p-list.at-footerbanner {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
        justify-content: center;
        padding: 0 1rem;
    }
    .p-footer .p-list.at-footerbanner .c-list_item:not(:first-of-type) {
        margin: 0;
    }
}
.p-footer .p-nav.at-footer {
    gap: 0 4rem;
}
.p-footer .p-nav.at-footer .c-button {
    background: inherit;
    border: none;
    color: var(--color-border_default);
    font-size: var(--font-size_14);
    padding: 0;
}
.p-footer .p-nav.at-footer .c-button:hover {
    opacity: 0.6;
}
@media screen and (width <= 767px) {
    .p-footer .p-nav.at-footer {
        flex-direction: column;
        gap: 1.4rem;
    }
    .p-footer .p-nav.at-footer .c-button {
        font-size: var(--font-size_12);
    }
}
.p-footer .c-copyright small {
    color: var(--color-border_default);
    font-family: var(--font-family_libre);
    font-size: var(--font-size_12);
    line-height: 1.7;
}
@media screen and (width <= 767px) {
    .p-footer .c-copyright small {
        display: block;
        text-align: center;
    }
}

/* -------------------------------------
    English Page
------------------------------------- */
/* Our Declaration on Safety */
.p-section.at-safety .l-container > .l-inner {
    background: url('../images/company/safety/bg-green_cross.svg') center
        right/calc(100% - var(--width-side)) no-repeat;
}
@media screen and (width <= 767px) {
    .p-section.at-safety .l-container > .l-inner {
        background: url('../images/company/safety/bg-green_cross.svg') center
            center/100% no-repeat;
    }
}

.p-list.at-safety {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem 2rem;
    padding: 0 2em;
}
.p-list.at-safety > * {
    font-size: var(--font-size_basic);
    font-weight: bold;
}
.p-list.at-safety .c-title {
    width: 21rem;
}
.p-list.at-safety .c-desc {
    flex-grow: 1;
    width: calc(100% - 23rem);
}
@media screen and (width <= 767px) {
    .p-list.at-safety {
        display: block;
    }
    .p-list.at-safety > * {
        width: 100% !important;
    }
    .p-list.at-safety .c-title:not(:first-of-type) {
        margin: 3em 0 0;
    }
    .p-list.at-safety .c-desc {
        padding: 0 0 0 3em;
    }
}

.c-section_content.at-signature {
    margin-top: 10rem;
}
.c-section_content.at-signature .c-text {
    text-align: right;
}

/* -------------------------------------
    Text Editer Style
------------------------------------- */
/*    横並び画像
------------------------------------- */ /*# sourceMappingURL=style.css.map */