@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lato:ital,wght@0,400;0,700;1,300&family=Montserrat:wght@500&family=Noto+Sans+JP:wght@100..900&display=swap";@font-face {
    font-family: "Century";
    src: local("Century"),url("../fonts/century-normal.woff") format("woff")
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after {
    content: "";
    content: none
}

q:before,q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

main {
    display: block
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input,button,select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none
}

*,*::before,*::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    letter-spacing: .06em
}

html {
    font-size: 62.5%;
    font-family: "Noto Sans JP",sans-serif;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    color: #000;
    line-height: 1.5;
    font-smoothing: antialiased;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-font-smoothing: antialiased;
    -moz-text-size-adjust: 100%;
    -ms-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -o-font-smoothing: antialiased;
    -o-text-size-adjust: 100%;
    scroll-margin-top: 8rem
}

a {
    text-decoration: none;
    color: inherit;
    cursor: pointer
}

img {
    max-width: 100%;
    width: 100%;
    height: auto;
    line-height: 1;
    vertical-align: bottom
}

svg {
    width: 100%;
    height: auto
}

input {
    outline: none
}

textarea {
    outline: none;
    resize: none
}

.wrap {
    position: relative
}

html.lenis,html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

.splide__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear,-webkit-transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports(outline-offset: -3px) {
    .splide__slide:focus-visible {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset: -3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline:3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 1000;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.loading__bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 5px
}

.loading__logo {
    width: 248px;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

@media(max-width: 767px) {
    .loading__logo {
        width:200px
    }
}

.container {
    width: 100%;
    max-width: 144rem;
    padding: 0 5rem;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .container {
        padding:0 2rem
    }
}

@media(max-width: 767px) {
    .container {
        padding:0 2rem
    }
}

.btn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.btn.-view-more {
    padding: 1.2rem 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: .1rem solid;
    border-radius: 5rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn.-view-more .btn__text {
    font-family: "Inter",sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0
}

.btn.-view-more .btn__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: .9rem;
    height: .9rem;
    margin-left: .9rem
}

.btn.-view-more .btn__icon svg rect {
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn.-view-more.-white {
    border-color: #fff
}

@media(hover: hover) {
    .btn.-view-more.-white:hover {
        background-color:#fff
    }

    .btn.-view-more.-white:hover .btn__text {
        color: #1f1f1f
    }

    .btn.-view-more.-white:hover .btn__icon svg rect {
        fill: #1f1f1f
    }
}

.btn.-view-more.-gray {
    border-color: #626262
}

.btn.-view-more.-gray .btn__text {
    color: #626262
}

.btn.-view-more.-gray .btn__icon svg rect {
    fill: #626262
}

@media(hover: hover) {
    .btn.-view-more.-gray:hover {
        background-color:#626262
    }

    .btn.-view-more.-gray:hover .btn__text {
        color: #fff
    }

    .btn.-view-more.-gray:hover .btn__icon svg rect {
        fill: #fff
    }
}

.btn.-view-more.-gray-fill {
    background-color: #626262;
    border-color: transparent
}

.btn.-view-more.-gray-fill .btn__text {
    color: #fff
}

.btn.-view-more.-gray-fill .btn__icon svg rect {
    fill: #fff
}

@media(hover: hover) {
    .btn.-view-more.-gray-fill:hover {
        background-color:rgba(98, 98, 98, 0.7)
    }
}

.btn.-view-more.-purple {
    background-color: #626bb9;
    border-color: #626bb9
}

.btn.-view-more.-purple .btn__text {
    color: #fff
}

.btn.-view-more.-purple .btn__icon svg rect {
    fill: #fff
}

@media(hover: hover) {
    .btn.-view-more.-purple:hover {
        opacity:.7
    }
}

.btn.-reserve {
    padding: 2.2rem 2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8rem;
    background-color: #626bb9;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(hover: hover) {
    .btn.-reserve:hover {
        opacity:.7
    }
}

.btn.-reserve .btn__text {
    font-size: 1.6rem;
    line-height: 1.3125;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.btn.-reserve .btn__icon {
    position: absolute;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: .9rem;
    height: .9rem
}

.wp-pagenavi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.wp-pagenavi .pages {
    display: none
}

.wp-pagenavi .page,.wp-pagenavi .current,.wp-pagenavi .first,.wp-pagenavi .last {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    font-family: "Inter",sans-serif;
    font-size: 1.6rem;
    color: #626262;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color .3s,color .3s;
    transition: background-color .3s,color .3s
}

@media(hover: hover) {
    .wp-pagenavi .page:hover,.wp-pagenavi .first:hover,.wp-pagenavi .last:hover {
        background-color:#626262;
        color: #fff
    }
}

.wp-pagenavi .current {
    background-color: #626262;
    color: #fff
}

.wp-pagenavi .extend {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1rem;
    height: .2rem;
    margin: 0 1.2rem
}

.wp-pagenavi .extend::before,.wp-pagenavi .extend::after {
    content: ""
}

.wp-pagenavi .extend::before,.wp-pagenavi .extend::after,.wp-pagenavi .extend span {
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    background-color: #626262
}

.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink {
    position: relative;
    font-family: "Inter",sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #626262;
    border: .1rem solid #626262;
    border-radius: 5rem;
    -webkit-transition: color .3s,background-color .3s;
    transition: color .3s,background-color .3s
}

@media(max-width: 1023px) {
    .wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink {
        display:none
    }
}

.wp-pagenavi .previouspostslink::before,.wp-pagenavi .nextpostslink::before {
    content: "";
    width: 2rem;
    height: 1.6rem;
    background-image: url("../img/common/icon-arrow-right-gray.svg"),url("../img/common/icon-arrow-right-white.svg");
    background-size: contain,0 0;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: background-size .3s;
    transition: background-size .3s
}

@media(hover: hover) {
    .wp-pagenavi .previouspostslink:hover,.wp-pagenavi .nextpostslink:hover {
        background-color:#626262;
        color: #fff
    }

    .wp-pagenavi .previouspostslink:hover::before,.wp-pagenavi .nextpostslink:hover::before {
        background-size: 0 0,contain
    }
}

.wp-pagenavi .previouspostslink {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    padding: 1.5rem 4rem 1.5rem 5.4rem;
    margin-right: 3rem
}

@media(max-width: 1280px) {
    .wp-pagenavi .previouspostslink {
        margin-right:2rem
    }
}

.wp-pagenavi .previouspostslink::before {
    left: 2.2rem;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.wp-pagenavi .nextpostslink {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding: 1.5rem 5.4rem 1.5rem 4rem;
    margin-left: 3rem
}

@media(max-width: 1280px) {
    .wp-pagenavi .nextpostslink {
        margin-left:2rem
    }
}

.wp-pagenavi .nextpostslink::before {
    right: 2.2rem
}

.form__title {
    font-size: 2rem;
    padding-bottom: 2.5rem;
    border-bottom: .1rem solid #d9d9d9;
    text-align: center
}

.form__text {
    margin-top: 2.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.85
}

.form__inner {
    padding: 4rem 2.6rem 4.4rem;
    background-color: #fafafa;
    border-radius: 1rem;
    margin-top: 3.1rem
}

@media(max-width: 1023px) {
    .form__inner {
        margin-top:5.5rem;
        padding-bottom: 4rem
    }
}

.form__inner dl:not(:first-child) {
    margin-top: 3.2rem
}

.form__inner dt {
    font-size: 1.4rem;
    font-weight: 400;
    padding-bottom: .7rem
}

.form__inner dt span.required {
    font-size: 1rem;
    font-weight: 400;
    color: #f54747;
    margin-left: .5rem
}

.form__inner dd {
    position: relative
}

.form__inner input[type=text] {
    background: #fff;
    width: 100%;
    padding: 1rem 1.4rem;
    font-size: 1.2rem;
    border: .1rem solid #ebebeb;
    border-radius: .3rem
}

.form__inner input[type=text].is-error {
    border-color: #f54747
}

.form__inner input[type=text]::-webkit-input-placeholder {
    color: #aaa
}

.form__inner input[type=text]::-moz-placeholder {
    color: #aaa
}

.form__inner input[type=text]:-ms-input-placeholder {
    color: #aaa
}

.form__inner input[type=text]::-ms-input-placeholder {
    color: #aaa
}

.form__inner input[type=text]::placeholder {
    color: #aaa
}

.form__select-wrap {
    position: relative
}

.form__select-wrap select {
    width: 100%;
    cursor: pointer;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 100%;
    padding: 1rem 1.4rem;
    font-size: 1.2rem;
    border: .1rem solid #ebebeb;
    border-radius: .3rem
}

.form__select-wrap select.is-empty {
    color: #aaa
}

.form__select-wrap select.is-error {
    border-color: #f54747
}

.form__select-wrap::after {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    background-image: url("../img/single-document/icon-chevron-down.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    right: 2rem;
    top: 1.5rem
}

.form__error-message {
    color: #f54747;
    font-size: 1rem;
    font-weight: 400;
    margin-top: .7rem
}

.form__custom-error-message span:nth-child(1) {
    display: block
}

.form__custom-error-message span:nth-child(2) {
    display: none
}

.form__custom-error-message.has-value {
    height: 5rem;
    width: 33.4rem;
    position: relative;
    bottom: 0;
    left: -0.7rem;
    background-image: url("../img/single-document/form-tooltip-bg.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 2rem;
    padding-left: 1.6rem;
    -webkit-box-shadow: 0 .4rem .7rem rgba(0, 0, 0, 0.04);
    box-shadow: 0 .4rem .7rem rgba(0, 0, 0, 0.04)
}

.form__custom-error-message.has-value span:nth-child(1) {
    display: none
}

.form__custom-error-message.has-value span:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: 0;
    line-height: 1;
    font-size: 1.36rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-weight: 500
}

.form__custom-error-message.has-value span:nth-child(2)::before {
    content: "!";
    width: 2rem;
    height: 2rem;
    border-radius: .5rem;
    background-color: #f54747;
    color: #fff;
    font-family: "Inter",sans-serif;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    font-weight: 500;
    margin-right: 1.4rem
}

.form__exp {
    font-size: 1rem;
    font-weight: 400;
    color: #7d817f;
    margin-top: .7rem
}

.form__error-tooltip {
    height: 5rem;
    width: 33.4rem;
    position: absolute;
    bottom: -2.8rem;
    left: -0.7rem;
    opacity: 0;
    pointer-events: none;
    background-image: url("../img/single-document/form-tooltip-bg.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 2rem;
    padding-left: 1.6rem;
    -webkit-box-shadow: 0 .4rem .7rem rgba(0, 0, 0, 0.04);
    box-shadow: 0 .4rem .7rem rgba(0, 0, 0, 0.04)
}

.form__error-tooltip.is-active {
    opacity: 1;
    pointer-events: auto
}

.form__privacy {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2;
    margin-top: 4rem
}

.form__privacy a {
    color: #1558d6;
    text-decoration: underline
}

.form__btn {
    margin: 4rem auto 0;
    max-width: 24rem;
    height: 5.2rem
}

.form__btn button {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: #626262;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0;
    padding-right: 1.6rem;
    border-radius: 10rem;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.form__btn button::after {
    content: "";
    width: .9rem;
    height: .9rem;
    background-image: url("../img/common/icon-arrow-right-up-white.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: 1.9rem;
    top: 0;
    bottom: 0;
    margin: auto 0
}

@media(hover: hover) {
    .form__btn button:hover {
        background-color:rgba(98, 98, 98, 0.7)
    }
}

.section-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.section-title__en {
    position: relative;
    font-size: 2.4rem;
    padding-bottom: 1.2rem
}

@media(max-width: 1023px) {
    .section-title__en {
        font-size:1.6rem
    }
}

.section-title__en::after {
    content: "";
    width: 4.2rem;
    height: .1rem;
    background-color: #838383;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0
}

.section-title__jp {
    font-size: 1.8rem;
    margin-top: 1.5rem
}

@media(max-width: 1023px) {
    .section-title__jp {
        font-size:1.2rem;
        margin-top: 1rem
    }
}

.section-title.-white {
    color: #fff
}

.section-title.-white .section-title__en::after {
    background-color: #fff
}

.tag-cloud {
    background-color: #fbf4f4;
    padding: 8rem 0
}

@media(max-width: 1023px) {
    .tag-cloud {
        padding:5rem 0
    }
}

@media(max-width: 1023px) {
    .tag-cloud__container {
        padding:0 2rem
    }
}

.tag-cloud__title {
    margin-bottom: 4rem;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    font-size: 2.4rem;
    letter-spacing: .03em
}

@media(max-width: 1023px) {
    .tag-cloud__title {
        font-size:1.6rem;
        margin-bottom: 2rem
    }
}

.tag-cloud__slider {
    margin-top: 2rem
}

@media(max-width: 1023px) {
    .tag-cloud__slider {
        margin-top:1.5rem
    }
}

.tag-slider__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.3rem;
    font-weight: 400;
    border: .1rem solid #606060;
    padding: 1.2rem 4rem;
    border-radius: 5rem;
    line-height: 1;
    -webkit-transition: background-color .3s,color .3s;
    transition: background-color .3s,color .3s
}

@media(max-width: 1023px) {
    .tag-slider__link {
        font-size:1rem;
        padding: .9rem 1.4rem
    }
}

.tag-slider__link::before {
    content: "#"
}

@media(hover: hover) {
    .tag-slider__link:hover {
        color:#fff;
        background-color: #606060
    }
}

.tag-slider.-bottom .tag-slider__link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.brand-logo-list {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    gap: 3rem 1.9rem
}

@media(max-width: 1280px) {
    .brand-logo-list {
        gap:2.1rem 1.3rem
    }
}

@media(max-width: 1023px) {
    .brand-logo-list {
        grid-template-columns:repeat(7, 1fr);
        gap: 3rem 1.9rem
    }
}

@media(max-width: 767px) {
    .brand-logo-list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media(max-width: 599px) {
    .brand-logo-list {
        gap:1.2rem .7rem
    }
}

.brand-logo-list__item {
    background-color: #fff;
    border-radius: .5rem
}

.achievement-logo-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .5rem
}

@media(max-width: 1280px) {
    .achievement-logo-list {
        gap:.4rem
    }
}

@media(max-width: 1023px) {
    .achievement-logo-list {
        grid-template-columns:repeat(4, 1fr);
        gap: .5rem
    }
}

@media(max-width: 767px) {
    .achievement-logo-list {
        grid-template-columns:repeat(2, 1fr)
    }
}

.achievement-logo-list__item {
    border: .1rem solid #ececec;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.case-pickup-list {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10rem
}

@media(max-width: 899px) {
    .case-pickup-list {
        gap:8rem
    }
}

.case-pickup-list__item {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.case-card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 899px) {
    .case-card {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.case-card__info {
    width: 28rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1023px) {
    .case-card__info {
        width:23rem
    }
}

@media(max-width: 899px) {
    .case-card__info {
        width:100%
    }
}

.case-card__info-content {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    padding: 3.6rem 3rem;
    width: 40rem;
    z-index: 1
}

@media(max-width: 899px) {
    .case-card__info-content {
        position:static;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 100%;
        padding: 2.2rem 2rem 0
    }
}

.case-card__title {
    font-size: 1.6rem;
    padding-bottom: 1.8rem;
    border-bottom: .1rem solid #ececec
}

@media(max-width: 1023px) {
    .case-card__title {
        font-size:1.6rem;
        padding-bottom: 1.4rem
    }
}

@media(max-width: 899px) {
    .case-card__data {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
}

.case-card__data-title {
    font-family: "Inter",sans-serif;
    font-size: 1.2rem;
    letter-spacing: .04em;
    color: #8a8a8a;
    margin-top: 2rem
}

@media(max-width: 899px) {
    .case-card__data-title {
        width:8.6rem;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.case-card__data-content {
    font-size: 1.3rem;
    font-weight: 400;
    margin-top: .4rem
}

@media(max-width: 899px) {
    .case-card__data-content {
        width:calc(100% - 8.6rem);
        font-size: 1.2rem;
        margin-top: 2rem
    }
}

.case-card__data-content ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 899px) {
    .case-card__data-content ul {
        max-width:20rem
    }
}

.case-card__data-content ul li {
    font-size: 1.3rem;
    font-weight: 400
}

@media(max-width: 1023px) {
    .case-card__data-content ul li {
        font-size:1.2rem
    }
}

.case-card__data-content ul li::before {
    content: "#"
}

.case-card__slider {
    height: 47rem;
    width: 100%;
    max-width: 108rem
}

@media(max-width: 899px) {
    .case-card__slider {
        height:22rem
    }
}

.case-card__thumb-wrap {
    position: relative;
    height: 47rem;
    width: 100%;
    max-width: 108rem
}

@media(max-width: 899px) {
    .case-card__thumb-wrap {
        height:22rem
    }
}

.case-card__thumb-link {
    display: block
}

@media(hover: hover) {
    .case-card__thumb-link:hover .case-card__thumb-overlay::before {
        opacity:1
    }

    .case-card__thumb-link:hover .case-card__thumb-overlay span {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.case-card__thumb {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.case-card__thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.case-card__thumb-overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

@media(max-width: 899px) {
    .case-card__thumb-overlay {
        right:2rem;
        bottom: 1.3rem;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
        padding: .6rem 1.4rem;
        border-radius: 3rem;
        overflow: hidden
    }
}

.case-card__thumb-overlay::before {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media(max-width: 899px) {
    .case-card__thumb-overlay::before {
        background-color:rgba(0, 0, 0, 0.6);
        opacity: 1
    }
}

.case-card__thumb-overlay span {
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

@media(max-width: 899px) {
    .case-card__thumb-overlay span {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1rem;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .case-card__thumb-overlay span::after {
        content: "";
        display: block;
        width: .7rem;
        height: .7rem;
        background-image: url("../img/common/icon-arrow-right-up-white.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin-left: .5rem
    }
}

.case-slider {
    height: 100%;
    width: 100%
}

.case-slider__track {
    width: 100%;
    height: 100%
}

.case-slider__list {
    height: 100%;
    width: 100%
}

.case-slider__slide {
    position: relative;
    width: 100%;
    height: 100%
}

.case-slider__link {
    display: block
}

@media(hover: hover) {
    .case-slider__link:hover .case-slider__overlay::before {
        opacity:1
    }

    .case-slider__link:hover .case-slider__overlay span {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.case-slider__img {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.case-slider__img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.case-slider__overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none
}

@media(max-width: 899px) {
    .case-slider__overlay {
        display:none
    }
}

.case-slider__overlay::before {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.case-slider__overlay span {
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.case-slider__sp-overlay {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    right: 2rem;
    bottom: 1.3rem;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    padding: .6rem 1.4rem;
    border-radius: 3rem;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6)
}

@media(max-width: 899px) {
    .case-slider__sp-overlay {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.case-slider__sp-overlay span {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

@media(max-width: 899px) {
    .case-slider__sp-overlay span::after {
        content:"";
        display: block;
        width: .7rem;
        height: .7rem;
        background-image: url("../img/common/icon-arrow-right-up-white.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
        margin-left: .5rem;
        -webkit-transform: translateY(0.1rem);
        transform: translateY(0.1rem)
    }
}

.case-slider__arrows {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 20rem;
    height: 7.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 899px) {
    .case-slider__arrows {
        width:13rem;
        height: 5rem
    }
}

.case-slider__arrow {
    position: static;
    width: 50%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0;
    background: #fff;
    opacity: 1;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.case-slider__arrow svg {
    width: 2.4rem
}

@media(max-width: 899px) {
    .case-slider__arrow svg {
        width:1.8rem
    }
}

@media(hover: hover) {
    .case-slider__arrow:hover {
        background-color:rgba(255, 255, 255, 0.8)
    }
}

.column-slider__track {
    overflow: visible
}

.column-slider__link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.column-slider__corner {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 7rem;
    height: 7rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
}

.column-slider__corner-arrow {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s
}

.column-slider__corner-arrow svg rect {
    fill: #1f1f1f
}

.column-slider__img-wrap {
    position: relative;
    aspect-ratio: 415/236;
    border-radius: 1.5rem;
    overflow: hidden
}

@media(max-width: 1023px) {
    .column-slider__img-wrap {
        border-radius:.7rem
    }
}

.column-slider__img-wrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.column-slider__read-more {
    background-color: rgba(31, 31, 31, 0.2);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.column-slider__read-more span {
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

@media(max-width: 1023px) {
    .column-slider__read-more span {
        font-size:1.6rem
    }
}

.column-slider__title {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.73;
    margin-top: 1.6rem
}

@media(max-width: 1023px) {
    .column-slider__title {
        font-size:1.4rem;
        margin-top: 1.2rem;
        line-height: 1.857
    }
}

.column-slider__arrows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    margin-top: 3.5rem
}

.column-slider__arrow {
    position: static;
    -webkit-transform: none;
    transform: none;
    background: transparent;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: .1rem solid #626262;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.column-slider__arrow svg {
    width: 1.9rem;
    height: 1.4rem
}

@media(hover: hover) {
    .column-slider__arrow:hover {
        opacity:.6
    }
}

@media(hover: hover) {
    .column-slider__link:hover .column-slider__corner {
        -webkit-transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
    }

    .column-slider__link:hover .column-slider__img-wrap img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .column-slider__link:hover .column-slider__read-more {
        opacity: 1
    }

    .column-slider__link:hover .column-slider__read-more span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .column-slider__link:hover .column-slider__corner-arrow {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.event-slider__track {
    overflow: visible
}

.event-slider__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.event-slider__category a {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    padding: .4rem 1.7rem;
    border: .1rem solid #000;
    border-radius: 3rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(hover: hover) {
    .event-slider__category a:hover {
        opacity:.6
    }
}

.event-slider__status-text {
    position: relative;
    padding-left: 1.1rem;
    font-weight: bold;
    font-size: 1.2rem;
    color: #4d4dff
}

.event-slider__status-text::before {
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #4d4dff;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.event-slider__status-text.-end {
    color: #a0a0a0
}

.event-slider__status-text.-end::before {
    background-color: #a0a0a0
}

.event-slider__link {
    position: relative;
    display: block;
    margin-top: 1.3rem
}

.event-slider__corner {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 7rem;
    height: 7rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
}

.event-slider__corner-arrow {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s
}

.event-slider__corner-arrow svg rect {
    fill: #1f1f1f
}

.event-slider__img-wrap {
    position: relative;
    aspect-ratio: 415/210;
    border-radius: 1.5rem;
    overflow: hidden
}

@media(max-width: 1023px) {
    .event-slider__img-wrap {
        border-radius:.7rem
    }
}

.event-slider__img-wrap img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.event-slider__read-more {
    background-color: rgba(31, 31, 31, 0.2);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.event-slider__read-more span {
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.event-slider__title {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.73;
    margin-top: 1.6rem
}

@media(max-width: 1023px) {
    .event-slider__title {
        font-size:1.4rem;
        margin-top: 1.2rem;
        line-height: 1.857
    }
}

.event-slider__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3.5rem
}

.event-slider__arrows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem
}

.event-slider__arrow {
    position: static;
    -webkit-transform: none;
    transform: none;
    background: transparent;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: .1rem solid #626262;
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.event-slider__arrow svg {
    width: 1.9rem;
    height: 1.4rem
}

@media(hover: hover) {
    .event-slider__arrow:hover {
        background-color:#626262;
        opacity: 1
    }

    .event-slider__arrow:hover svg path {
        fill: #fff
    }
}

@media(hover: hover) {
    .event-slider__link:hover .event-slider__corner {
        -webkit-transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
    }

    .event-slider__link:hover .event-slider__img-wrap img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .event-slider__link:hover .event-slider__read-more {
        opacity: 1
    }

    .event-slider__link:hover .event-slider__read-more span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .event-slider__link:hover .event-slider__corner-arrow {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.article-card__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.article-card__category a {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    padding: .4rem 1.7rem;
    border: .1rem solid #000;
    border-radius: 3rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(hover: hover) {
    .article-card__category a:hover {
        opacity:.6
    }
}

.article-card__status-text {
    position: relative;
    padding-left: 1.1rem;
    font-weight: bold;
    font-size: 1.2rem;
    color: #4d4dff
}

.article-card__status-text::before {
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-color: #4d4dff;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.article-card__status-text.-end {
    color: #a0a0a0
}

.article-card__status-text.-end::before {
    background-color: #a0a0a0
}

.article-card__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 1.2rem
}

.article-card__thumb-wrap {
    position: relative;
    width: 100%
}

.article-card__corner {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 7rem;
    height: 7rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
}

.article-card__corner-arrow {
    position: absolute;
    right: 1.8rem;
    top: 1.8rem;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s
}

.article-card__corner-arrow svg rect {
    fill: #626262
}

.article-card__thumb {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    aspect-ratio: 370/181
}

@media(max-width: 767px) {
    .article-card__thumb {
        border-radius:.7rem
    }
}

.article-card__thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.article-card__read-more {
    background-color: rgba(31, 31, 31, 0.2);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.article-card__read-more span {
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.article-card__title {
    font-size: 1.5rem;
    line-height: 1.73;
    margin-top: 1.6rem
}

@media(max-width: 1023px) {
    .article-card__title {
        font-size:1.4rem;
        line-height: 1.857;
        margin-top: 2.3rem
    }
}

@media(max-width: 767px) {
    .article-card__title {
        margin-top:1.2rem
    }
}

@media(hover: hover) {
    .article-card__link:hover .article-card__corner {
        -webkit-transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
    }

    .article-card__link:hover .article-card__read-more {
        opacity: 1
    }

    .article-card__link:hover .article-card__read-more span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .article-card__link:hover .article-card__corner-arrow {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ajax-search {
    width: 100%;
    pointer-events: auto
}

.ajax-search label {
    display: block;
    cursor: pointer
}

.ajax-search__item.is-hide,.ajax-search__label.is-hide {
    display: none
}

.ajax-search__item:not(:first-child) {
    margin-top: 4rem
}

@media(max-width: 1023px) {
    .ajax-search__item:not(:first-child) {
        margin-top:3.1rem
    }
}

.ajax-search__label input {
    display: none
}

.ajax-search__label span {
    position: relative;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    padding: .8rem 3rem;
    border: .1rem solid #626262;
    color: #626262;
    border-radius: 3rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1023px) {
    .ajax-search__label span {
        font-size:1rem;
        line-height: 1.3;
        padding: .8rem 2.5rem;
        letter-spacing: 0
    }
}

.ajax-search__label span::before {
    content: "";
    position: absolute;
    left: 1.2rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1rem;
    height: 1rem;
    background-image: url("../img/common/icon-search-delete.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(hover: hover) {
    .ajax-search__label:hover:not(.ajax-search__label.-is-first) input[type=checkbox]+span {
        background-color:#626262;
        color: #fff
    }
}

.ajax-search__label input[type=checkbox]:checked+span {
    background-color: #626262;
    color: #fff;
    padding-left: 3.6rem;
    padding-right: 2.4rem
}

@media(max-width: 1023px) {
    .ajax-search__label input[type=checkbox]:checked+span {
        padding-left:3rem;
        padding-right: 2rem
    }
}

.ajax-search__label input[type=checkbox]:checked+span::before {
    opacity: 1
}

.ajax-search__label.-is-first input[type=checkbox]:checked+span {
    background-color: #fff;
    color: #626262;
    padding-left: 3rem;
    padding-right: 3rem
}

@media(max-width: 1023px) {
    .ajax-search__label.-is-first input[type=checkbox]:checked+span {
        padding-left:2.5rem;
        padding-right: 2.5rem
    }
}

.ajax-search__label.-is-first input[type=checkbox]:checked+span::before {
    opacity: 0
}

.ajax-search__title {
    font-family: "Inter",sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: .03em
}

@media(max-width: 1023px) {
    .ajax-search__title {
        font-size:1.4rem
    }
}

.ajax-search__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: 2.3rem
}

@media(max-width: 1023px) {
    .ajax-search__row {
        margin-top:1.5rem;
        gap: .9rem 1.3rem
    }
}

#toc_container {
    background-color: #fafafa;
    border-radius: .5rem;
    padding: 2.6rem 5.5rem
}

@media(max-width: 1023px) {
    #toc_container {
        padding:1.7rem 2.1rem 1.9rem
    }
}

#toc_container .toc_title {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.3;
    color: #b4bbb7;
    margin-top: 0
}

@media(max-width: 1023px) {
    #toc_container .toc_title {
        font-size:1.1rem;
        line-height: 3rem
    }
}

#toc_container .toc_list>li {
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.14;
    margin-top: .3rem
}

@media(max-width: 1023px) {
    #toc_container .toc_list>li {
        font-size:1.2rem
    }
}

#toc_container .toc_list>li::before {
    display: none
}

#toc_container .toc_list>li ul {
    width: 100%;
    padding-left: 1.2rem;
    margin-top: .3rem
}

#toc_container .toc_list>li ul li {
    font-size: 1.2rem;
    line-height: 1.83
}

@media(max-width: 1023px) {
    #toc_container .toc_list>li ul li {
        font-size:1rem;
        line-height: 2
    }
}

#toc_container .toc_list>li ul li::before {
    color: #7d817f
}

#toc_container .toc_list>li a {
    color: #7d817f;
    text-decoration: none
}

.user-content {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.13
}

@media(max-width: 1023px) {
    .user-content {
        font-size:1.3rem;
        line-height: 2
    }
}

.user-content strong {
    font-weight: bold
}

.user-content h2 {
    position: relative;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
    padding-left: 2.1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    border-left: .2rem solid #334460
}

@media(max-width: 1023px) {
    .user-content h2 {
        font-size:1.4rem;
        line-height: 1.71;
        padding-top: .3rem;
        padding-bottom: .3rem
    }
}

.user-content h3 {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.875;
    padding-bottom: 1rem;
    border-bottom: .1rem solid #334460
}

@media(max-width: 1023px) {
    .user-content h3 {
        font-size:1.4rem;
        line-height: 1.71;
        padding-bottom: 1.4rem
    }
}

.user-content a {
    word-break: break-all;
    text-decoration: underline;
    color: #1558d6;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(hover: hover) {
    .user-content a:hover {
        opacity:.6
    }
}

.user-content ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.user-content ul li::before {
    content: "・";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.user-content>*:first-child {
    margin-top: 0
}

.user-content>* {
    margin-top: 1.6rem
}

.user-content h2,.user-content h3 {
    margin-top: 7rem
}

.user-content p {
    margin-top: 1.6rem
}

.password-form {
    height: 80svh;
    min-height: 40rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.password-form__container {
    max-width: 90rem
}

.password-form form p {
    font-size: 1.6rem;
    line-height: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.6rem
}

@media(max-width: 767px) {
    .password-form form p {
        font-size:1.4rem
    }
}

.password-form form p:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.password-form form p:nth-child(2) label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.password-form form p:nth-child(2) input[type=password] {
    background: #fff;
    width: 100%;
    padding: 1rem 1.4rem;
    font-size: 1.2rem;
    border: .1rem solid #ebebeb;
    border-radius: .3rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 1.6rem;
    line-height: 1.5
}

.password-form form p:nth-child(2) input[type=submit] {
    width: 8rem;
    height: 3.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1f1f1f;
    color: #fff;
    border-radius: .4rem;
    margin-left: .8rem;
    font-size: 1.4rem;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media(hover: hover) {
    .password-form form p:nth-child(2) input[type=submit]:hover {
        background-color:rgba(31, 31, 31, 0.8)
    }
}

.event-cursor-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

.event-cursor,.event-follower {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.event-cursor.is-active,.event-follower.is-active {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.event-cursor {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    z-index: 1001
}

.event-follower {
    top: -3rem;
    width: 31rem;
    height: 15.2rem;
    z-index: 1000;
    -webkit-transform: translate(-50%, -15%);
    transform: translate(-50%, -15%);
    border-radius: 1.5rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform linear .2s;
    transition: -webkit-transform linear .2s;
    transition: transform linear .2s;
    transition: transform linear .2s,-webkit-transform linear .2s
}

.event-follower__preload-images {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden
}

.event-follower__active-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0);
    pointer-events: none;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s
}

.event-follower__active-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.event-follower__active-img.is-active {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.service-cursor-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden
}

.service-cursor,.service-follower {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.service-cursor.is-active,.service-follower.is-active {
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.service-cursor {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(1rem);
    backdrop-filter: blur(1rem);
    z-index: 1001
}

.service-follower {
    top: -3rem;
    width: 31rem;
    height: 15.2rem;
    z-index: 1000;
    -webkit-transform: translate(-50%, -15%);
    transform: translate(-50%, -15%);
    border-radius: 1.5rem;
    overflow: hidden;
    -webkit-transition: -webkit-transform linear .2s;
    transition: -webkit-transform linear .2s;
    transition: transform linear .2s;
    transition: transform linear .2s,-webkit-transform linear .2s
}

.service-follower__preload-images {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden
}

.service-follower__active-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0);
    pointer-events: none;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s
}

.service-follower__active-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.service-follower__active-img.is-active {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    pointer-events: none;
    z-index: 100
}

.header__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.header__content {
    height: 8rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: auto;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1199px) {
    .header__content {
        height:9rem;
        background-color: transparent
    }
}

.header__content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1023px) {
    .header__content-inner {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.header__logo {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 12rem;
    height: 2.9rem;
    margin-right: 6.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1023px) {
    .header__logo {
        width:11rem
    }
}

.header__logo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header__logo img.-black {
    opacity: 1
}

.header__logo img.-white {
    opacity: 0
}

.header__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width: 1199px) {
    .header__nav {
        display:none
    }
}

.header__nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 76.9rem
}

.header__nav-item {
    position: relative
}

.header__nav-link {
    position: relative;
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width: 1280px) {
    .header__nav-link {
        font-size:calc(11px + 2*(100vw - 1200px)/80)
    }
}

.header__nav-link span {
    letter-spacing: 0
}

@media(hover: hover) {
    .header__nav-link:hover {
        opacity:.6
    }
}

.header__nav-trigger {
    position: relative;
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    padding-right: 1.2rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width: 1280px) {
    .header__nav-trigger {
        font-size:calc(11px + 2*(100vw - 1200px)/80)
    }
}

.header__nav-trigger span {
    letter-spacing: 0;
    -webkit-transition: color .3s;
    transition: color .3s
}

.header__nav-trigger::before,.header__nav-trigger::after {
    content: "";
    width: .7rem;
    height: .1rem;
    background-color: #1f1f1f;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.header__nav-trigger::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.header__nav-count {
    position: absolute;
    right: -1.2rem;
    top: -0.2rem;
    font-family: "Inter",sans-serif;
    font-size: .8rem
}

@media(max-width: 1280px) {
    .header__nav-count {
        right:-1rem
    }
}

.header__nav-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2%;
    margin-left: 2.8%;
    width: 25.4%
}

@media(max-width: 1280px) {
    .header__nav-btns {
        width:auto;
        gap: .8rem
    }
}

.header__nav-btn {
    width: 14rem;
    height: 4.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.3rem;
    border-radius: 5rem;
    padding-bottom: .2rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1280px) {
    .header__nav-btn {
        width:13rem;
        height: 4rem;
        font-size: calc(11px + 2*(100vw - 1200px)/80)
    }
}

.header__nav-btn.-border {
    border: .1rem solid #000
}

.header__nav-btn.-fill {
    background-color: #1f1f1f;
    color: #fff
}

@media(hover: hover) {
    .header__nav-btn:hover {
        opacity:.6
    }
}

.header__sub-nav {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    width: auto;
    height: auto;
    padding-top: 5rem;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s
}

.header__sub-nav.is-active {
    opacity: 1;
    pointer-events: auto
}

.header__sub-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    background-color: #fff;
    padding: 2rem;
    border-radius: 1rem
}

.header__sub-nav-item {
    width: 19.8rem;
    cursor: pointer
}

.header__sub-nav-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.header__sub-nav-corner {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 4rem;
    height: 4rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
}

.header__sub-nav-arrow {
    position: absolute;
    right: .8rem;
    top: .8rem;
    width: .8rem;
    height: .8rem;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s
}

.header__sub-nav-arrow svg rect {
    fill: #626262
}

.header__sub-nav-thumb {
    position: relative;
    width: 100%;
    border-radius: .6rem;
    aspect-ratio: 198/108;
    overflow: hidden
}

.header__sub-nav-thumb img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.header__sub-nav-overlay {
    background-color: rgba(31, 31, 31, 0.2);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.header__sub-nav-overlay span {
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.header__sub-nav-en {
    font-family: "Inter",sans-serif;
    font-size: .8rem;
    font-weight: 400;
    color: #a2a2a2;
    margin-top: .7rem
}

.header__sub-nav-jp {
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: .3rem
}

.header__nav-item.is-active .header__nav-trigger {
    color: #fff;
    opacity: 1 !important
}

.header__nav-item.is-active .header__nav-trigger::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
    background-color: #fff
}

.header__nav-item.is-active .header__nav-trigger::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: #fff
}

@media(hover: hover) {
    .header__sub-nav-link:hover .header__sub-nav-corner {
        -webkit-transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
    }

    .header__sub-nav-link:hover .header__sub-nav-arrow {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .header__sub-nav-link:hover .header__sub-nav-thumb img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .header__sub-nav-link:hover .header__sub-nav-overlay {
        opacity: 1
    }

    .header__sub-nav-link:hover .header__sub-nav-overlay span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.header__hamburger-btn {
    display: none;
    position: relative;
    background-color: #1f1f1f;
    height: 5rem;
    width: 9rem;
    border-radius: .5rem
}

@media(max-width: 1199px) {
    .header__hamburger-btn {
        display:block
    }
}

.header__hamburger-btn::before,.header__hamburger-btn::after {
    content: "";
    width: 1.5rem;
    height: .1rem;
    background-color: #fff;
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.header__hamburger-btn::before {
    -webkit-transform: translateY(-0.2rem);
    transform: translateY(-0.2rem)
}

.header__hamburger-btn::after {
    -webkit-transform: translateY(0.2rem);
    transform: translateY(0.2rem)
}

.header__hamburger-btn-text span {
    position: absolute;
    left: 1.4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "Inter",sans-serif;
    font-size: 1rem;
    color: #fff;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.header__hamburger-btn-text span:nth-child(1) {
    opacity: 1
}

.header__hamburger-btn-text span:nth-child(2) {
    opacity: 0
}

.header-tm {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100
}

.header-tm__content {
    height: 8rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: auto;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.header-tm__content-inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1023px) {
    .header-tm__nav {
        display:none
    }
}

.header-tm__nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 3.6rem
}

@media(max-width: 1279px) {
    .header-tm__nav-list {
        gap:3rem
    }
}

.header-tm__nav-link {
    font-family: "Inter",sans-serif;
    font-size: 1.4rem;
    letter-spacing: .03em;
    font-weight: 400
}

.header-tm__logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 15rem;
    height: 1.4rem
}

@media(max-width: 1023px) {
    .header-tm__logo {
        position:relative;
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 11rem;
        height: 1.1rem
    }
}

.header-tm__logo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-tm__logo img.-black {
    opacity: 1
}

.header-tm__logo img.-white {
    opacity: 0
}

.header-tm__btn {
    position: relative;
    width: 24.1rem;
    height: 4.6rem;
    border: .1rem solid #1f1f1f;
    border-radius: 10rem;
    overflow: hidden
}

@media(max-width: 1023px) {
    .header-tm__btn {
        width:20rem;
        height: 4rem
    }
}

@media(hover: hover) {
    .header-tm__btn:hover .header-tm__btn-bg {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }

    .header-tm__btn:hover .header-tm__btn-text span {
        color: #fff
    }

    .header-tm__btn:hover .header-tm__btn-text span:first-child {
        -webkit-transform: translateY(-1.9rem);
        transform: translateY(-1.9rem)
    }

    .header-tm__btn:hover .header-tm__btn-text span:last-child {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .header-tm__btn:hover .header-tm__btn-icon span svg path {
        fill: #fff
    }

    .header-tm__btn:hover .header-tm__btn-icon span:nth-child(1) {
        -webkit-transform: translate(1.4rem, -1.4rem);
        transform: translate(1.4rem, -1.4rem)
    }

    .header-tm__btn:hover .header-tm__btn-icon span:nth-child(2) {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.header-tm__btn-bg {
    background-color: #1f1f1f;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .2s;
    transition: all .2s
}

.header-tm__btn-text {
    position: absolute;
    left: 1.8rem;
    top: 1.2rem;
    font-size: 1.3rem;
    letter-spacing: .04em;
    overflow: hidden;
    height: 1.9rem;
    width: 100%
}

@media(max-width: 1023px) {
    .header-tm__btn-text {
        top:1rem;
        left: 1.5rem;
        font-size: 1.2rem
    }
}

.header-tm__btn-text span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: .02em;
    -webkit-transition: -webkit-transform .3s .05s;
    transition: -webkit-transform .3s .05s;
    transition: transform .3s .05s;
    transition: transform .3s .05s,-webkit-transform .3s .05s
}

.header-tm__btn-text span:first-child {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.header-tm__btn-text span:last-child {
    -webkit-transform: translateY(1.9rem);
    transform: translateY(1.9rem)
}

.header-tm__btn-icon {
    position: absolute;
    right: 1.6rem;
    top: 1.7rem;
    width: 1.3rem;
    height: 1.3rem;
    overflow: hidden
}

@media(max-width: 1023px) {
    .header-tm__btn-icon {
        display:none
    }
}

.header-tm__btn-icon span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s
}

.header-tm__btn-icon span svg {
    width: 1.3rem
}

.header-tm__btn-icon span svg path {
    fill: #1f1f1f
}

.header-tm__btn-icon span:nth-child(1) {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.header-tm__btn-icon span:nth-child(2) {
    -webkit-transform: translate(-1.4rem, 1.4rem);
    transform: translate(-1.4rem, 1.4rem)
}

.footer {
    position: relative;
    background-color: #1f1f1f;
    padding-top: 10rem;
    padding-bottom: 3.2rem;
    color: #fff
}

.footer__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 8rem
}

@media(max-width: 1023px) {
    .footer__top {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 7rem
    }
}

@media(max-width: 869px) {
    .footer__top {
        padding-bottom:0
    }
}

.footer__title {
    color: #fff
}

.footer__title-en {
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 2.4rem
}

@media(max-width: 1023px) {
    .footer__title-en {
        font-size:1.6rem
    }
}

.footer__title-jp {
    position: relative;
    display: block;
    font-size: 1.8rem;
    margin-top: 3.2rem
}

@media(max-width: 1023px) {
    .footer__title-jp {
        font-size:1.2rem;
        margin-top: 2.2rem
    }
}

.footer__title-jp::before {
    content: "";
    width: 4.2rem;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: -1.9rem;
    display: block
}

@media(max-width: 1023px) {
    .footer__title-jp::before {
        top:-1.1rem
    }
}

.footer__contact {
    max-width: 90rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff
}

@media(max-width: 1280px) {
    .footer__contact {
        width:77%
    }
}

@media(max-width: 1023px) {
    .footer__contact {
        max-width:76.9rem;
        width: 100%;
        margin: 8rem auto 0
    }
}

@media(max-width: 869px) {
    .footer__contact {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0
    }
}

.footer__contact-col {
    position: relative;
    width: calc(50% - 5rem)
}

@media(max-width: 1280px) {
    .footer__contact-col {
        width:45.6%
    }
}

@media(max-width: 1023px) {
    .footer__contact-col {
        padding-bottom:1rem
    }
}

@media(max-width: 869px) {
    .footer__contact-col {
        width:100%;
        padding-top: 5.2rem;
        padding-bottom: 5.2rem
    }
}

.footer__contact-col:last-child::before {
    content: "";
    height: 100%;
    width: .1rem;
    background-color: #fff;
    position: absolute;
    left: -5rem;
    top: 0
}

@media(max-width: 1280px) {
    .footer__contact-col:last-child::before {
        left:-10%
    }
}

@media(max-width: 869px) {
    .footer__contact-col:last-child::before {
        width:100%;
        height: .1rem;
        left: 0
    }
}

.footer__contact-text {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.875;
    height: 6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1280px) {
    .footer__contact-text {
        white-space:nowrap
    }
}

@media(max-width: 1023px) {
    .footer__contact-text {
        font-size:1.4rem;
        line-height: 1.71;
        height: 5.5rem;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media(max-width: 869px) {
    .footer__contact-text {
        height:auto
    }
}

.footer__contact-btn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 6.5rem;
    border-radius: 1rem;
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 3.6rem;
    border: 1px solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1023px) {
    .footer__contact-btn {
        margin-top:3rem
    }
}

@media(max-width: 899px) {
    .footer__contact-btn {
        font-size:1.5rem;
        max-width: 33.5rem;
        margin-left: auto;
        margin-right: auto
    }
}

.footer__contact-btn svg {
    position: absolute;
    width: 3.5rem;
    right: 3.5rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.footer__contact-btn.-border {
    color: #fff
}

.footer__contact-btn.-border svg path {
    fill: #fff
}

.footer__contact-btn.-white {
    background-color: #fff;
    color: #1f1f1f
}

.footer__contact-btn.-white svg path {
    fill: #1f1f1f
}

@media(hover: hover) {
    .footer__contact-btn.-white:hover svg path {
        fill:#fff
    }
}

@media(hover: hover) {
    .footer__contact-btn:hover {
        background-color:#626262;
        color: #fff;
        border-color: #626262
    }
}

.footer__bottom {
    padding-top: 4.4rem;
    border-top: 1px solid #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1279px) {
    .footer__bottom {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media(max-width: 1023px) {
    .footer__bottom {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer__link-cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5.6rem
}

@media(max-width: 1280px) {
    .footer__link-cols {
        gap:6rem
    }
}

@media(max-width: 1279px) {
    .footer__link-cols {
        gap:1.8rem 6rem;
        max-width: 60%
    }
}

@media(max-width: 1023px) {
    .footer__link-cols {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3.2rem
    }
}

@media(max-width: 599px) {
    .footer__link-cols {
        gap:2rem
    }
}

.footer__link-head {
    display: block;
    font-size: 1.4rem;
    color: #878a8c;
    line-height: 2.14
}

@media(max-width: 1023px) {
    .footer__link-head {
        font-size:1.2rem;
        line-height: 1.5
    }
}

.footer__link {
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.9;
    margin-top: .4rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width: 1023px) {
    .footer__link {
        font-size:1.5rem;
        line-height: 1.46
    }
}

.footer__link::after {
    content: "";
    width: 1.2rem;
    height: 1.1rem;
    display: inline-block;
    background-image: url("../img/common/icon-ext-link.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-left: .6rem
}

@media(hover: hover) {
    .footer__link:hover {
        opacity:.6
    }
}

.footer__privacy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2.2rem
}

@media(max-width: 1023px) {
    .footer__privacy {
        padding-top:0;
        margin-top: 4.4rem
    }
}

@media(max-width: 599px) {
    .footer__privacy {
        margin-top:5.7rem
    }
}

.footer__bottom-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 7rem
}

@media(max-width: 1023px) {
    .footer__bottom-row {
        margin-top:5.6rem
    }
}

.footer__copy {
    color: #878a8c;
    font-size: 1.3rem;
    font-family: "Inter",sans-serif;
    letter-spacing: 0
}

.footer__privacy-icon {
    display: block;
    width: 4.8rem;
    margin-left: 2.4rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(hover: hover) {
    .footer__privacy-icon:hover {
        opacity:.7
    }
}

@media(max-width: 1023px) {
    .footer__privacy-icon {
        width:6rem;
        margin-left: auto
    }
}

.sidebar__banner {
    margin-bottom: 8rem;
    width: 100%
}

.sidebar__banner-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(hover: hover) {
    .sidebar__banner-link:hover {
        opacity:.7
    }
}

.sidebar__banner+.sidebar__block {
    padding-top: 0;
    border-top: 0
}

.sidebar__block {
    padding: 4.4rem 0;
    border-top: .1rem solid #ececec
}

.sidebar__block:first-child {
    padding-top: 0;
    border-top: none
}

.sidebar__block-title {
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1.5rem
}

@media(max-width: 1023px) {
    .sidebar__block-title {
        font-size:1.2rem
    }
}

@media(max-width: 767px) {
    .sidebar__block-title {
        font-size:1.6rem
    }
}

.sidebar__article:not(:first-child) {
    margin-top: 4.4rem
}

@media(max-width: 767px) {
    .sidebar__article:not(:first-child) {
        margin-top:4rem
    }
}

.sidebar__article-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.sidebar__article-thumb-wrap {
    position: relative;
    width: 100%
}

.sidebar__article-corner {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 7rem;
    height: 7rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
}

.sidebar__article-corner-arrow {
    position: absolute;
    right: 1.8rem;
    top: 1.8rem;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s
}

.sidebar__article-corner-arrow svg rect {
    fill: #626262
}

.sidebar__article-thumb {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    aspect-ratio: 370/190
}

@media(max-width: 767px) {
    .sidebar__article-thumb {
        border-radius:.7rem
    }
}

.sidebar__article-thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sidebar__article-cat {
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    padding: .6rem 1.2rem;
    font-size: 1.2rem;
    border-radius: 3rem
}

.sidebar__article-read-more {
    background-color: rgba(31, 31, 31, 0.2);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media(max-width: 767px) {
    .sidebar__article-read-more {
        border-radius:.7rem
    }
}

.sidebar__article-read-more span {
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.sidebar__article-title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.73;
    margin-top: 1rem
}

@media(max-width: 1023px) {
    .sidebar__article-title {
        font-size:1.4rem;
        line-height: 1.857
    }
}

@media(hover: hover) {
    .sidebar__article-link:hover .sidebar__article-corner {
        -webkit-transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
    }

    .sidebar__article-link:hover .sidebar__article-read-more {
        opacity: 1
    }

    .sidebar__article-link:hover .sidebar__article-read-more span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .sidebar__article-link:hover .sidebar__article-corner-arrow {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.breadcrumb__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.breadcrumb__content {
    background-color: #f3f6f3;
    padding: 1rem 2.4rem;
    border-radius: 5rem
}

@media(max-width: 1023px) {
    .breadcrumb__content {
        background-color:transparent;
        padding: 0
    }
}

.breadcrumb__content span,.breadcrumb__content a {
    font-size: 1.3rem;
    letter-spacing: 0
}

@media(max-width: 1023px) {
    .breadcrumb__content span,.breadcrumb__content a {
        font-size:1.2rem
    }
}

.breadcrumb__content a {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.breadcrumb__content a span {
    color: #43554b
}

@media(hover: hover) {
    .breadcrumb__content a:hover {
        opacity:.7
    }
}

.breadcrumb__content span {
    color: #9ba59e
}

.breadcrumb__separator {
    font-family: "Inter",sans-serif;
    font-size: 1.5rem;
    margin: 0 .7rem
}

@media(max-width: 1023px) {
    .breadcrumb__separator {
        font-size:1.4rem;
        margin: 0 .6rem
    }
}

.hamburger-menu__bg {
    position: fixed;
    right: 5rem;
    top: 8.3rem;
    background-color: #1f1f1f;
    width: 33.5rem;
    height: 52rem;
    border-radius: .5rem;
    z-index: 101;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right top;
    transform-origin: right top
}

@media(max-width: 767px) {
    .hamburger-menu__bg {
        right:2rem
    }
}

@media(max-width: 420px) {
    .hamburger-menu__bg {
        width:calc(100% - 4rem)
    }
}

.hamburger-menu__content {
    position: fixed;
    right: 5rem;
    top: 8.3rem;
    width: 33.5rem;
    height: 52rem;
    color: #fff;
    padding: 2.5rem 3rem 3rem;
    z-index: 101;
    pointer-events: none
}

@media(max-width: 767px) {
    .hamburger-menu__content {
        right:2rem
    }
}

@media(max-width: 420px) {
    .hamburger-menu__content {
        width:calc(100% - 4rem)
    }
}

.hamburger-menu__nav-cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.9rem
}

.hamburger-menu__separator {
    display: block;
    background-color: #585858;
    height: .1rem;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.hamburger-menu__item:not(:first-child) {
    margin-top: 1.7rem
}

.hamburger-menu__item.-mt-l {
    margin-top: 2.7rem
}

.hamburger-menu__link,.hamburger-menu__head {
    position: relative;
    font-size: 1.4rem;
    font-weight: bold
}

.hamburger-menu__link {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(hover: hover) {
    .hamburger-menu__link:hover {
        opacity:.6
    }
}

.hamburger-menu__link-count {
    position: absolute;
    right: -1.1rem;
    top: -0.5rem;
    font-family: "Inter",sans-serif;
    font-size: .7rem;
    font-weight: 500
}

.hamburger-menu__sub-item {
    margin-top: 1.2rem
}

.hamburger-menu__sub-link {
    font-size: 1.07rem;
    font-weight: 400;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(hover: hover) {
    .hamburger-menu__sub-link:hover {
        opacity:.6
    }
}

.hamburger-menu__btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.4rem;
    margin-top: 2.2rem
}

.hamburger-menu__btn-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.hamburger-menu__btn-text {
    font-size: 1.1rem;
    line-height: 1.63;
    font-weight: bold;
    text-align: center
}

.hamburger-menu__btn {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 5rem;
    border-radius: .5rem;
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 1.2rem;
    border: .1rem solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.hamburger-menu__btn svg {
    position: absolute;
    width: 2rem;
    right: 3rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.hamburger-menu__btn.-border {
    color: #fff
}

.hamburger-menu__btn.-border svg path {
    fill: #fff
}

.hamburger-menu__btn.-white {
    background-color: #fff;
    color: #1f1f1f
}

.hamburger-menu__btn.-white svg path {
    fill: #1f1f1f
}

@media(hover: hover) {
    .hamburger-menu__btn.-white:hover svg path {
        fill:#fff
    }
}

@media(hover: hover) {
    .hamburger-menu__btn:hover {
        background-color:#626262;
        color: #fff;
        border-color: #626262
    }
}

.hamburger-menu__link,.hamburger-menu__head,.hamburger-menu__sub-link,.hamburger-menu__btn-group {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.front-page .mv {
    position: relative;
    height: 90svh;
    width: 100%
}

.front-page .mv__slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.front-page .mv__title {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    max-width: 144rem;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5rem;
    pointer-events: none
}

@media(max-width: 1023px) {
    .front-page .mv__title {
        padding:0 2.4rem
    }
}

.front-page .mv__title span {
    font-family: "Lato",sans-serif;
    font-size: 3.2rem;
    color: #fff
}

@media(max-width: 1023px) {
    .front-page .mv__title span {
        font-size:1.6rem
    }
}

.front-page .mv__title span.-lg {
    font-size: 6rem
}

@media(max-width: 1023px) {
    .front-page .mv__title span.-lg {
        font-size:3rem
    }
}

.front-page .mv-slider {
    height: 100%;
    width: 100%
}

.front-page .mv-slider__track {
    height: 100%;
    width: 100%
}

.front-page .mv-slider__slide {
    position: relative
}

.front-page .mv-slider__img {
    position: absolute;
    width: 100%;
    height: 100%
}

.front-page .mv-slider__img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.front-page .mv-slider__img::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0
}

.front-page .mv-slider__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 144rem;
    margin: 0 auto;
    padding: 7.4rem 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #fff
}

@media(max-width: 1023px) {
    .front-page .mv-slider__content {
        padding:3.2rem 2rem
    }
}

.front-page .mv-slider__info {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(max-width: 1023px) {
    .front-page .mv-slider__info {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative
    }

    .front-page .mv-slider__info::after {
        content: "";
        position: absolute;
        top: 2rem;
        left: 0;
        width: 100%;
        height: .1rem;
        background-color: #fff
    }
}

.front-page .mv-slider__project {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.front-page .mv-slider__project span {
    font-family: "Inter",sans-serif;
    font-size: 1.6rem
}

@media(max-width: 1023px) {
    .front-page .mv-slider__project span {
        font-size:1rem
    }
}

.front-page .mv-slider__link {
    position: relative;
    font-size: 2rem;
    padding-top: 1.4rem;
    margin-top: 1.5rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width: 1023px) {
    .front-page .mv-slider__link {
        font-size:1.4rem;
        padding-top: .6rem;
        margin-top: .7rem
    }
}

@media(hover: hover) {
    .front-page .mv-slider__link:hover {
        opacity:.7
    }
}

.front-page .mv-slider__link::before,.front-page .mv-slider__link::after {
    content: "";
    position: absolute
}

.front-page .mv-slider__link::before {
    width: 100%;
    height: .1rem;
    background-color: #fff;
    left: 0;
    top: 0
}

@media(max-width: 1023px) {
    .front-page .mv-slider__link::before {
        display:none
    }
}

.front-page .mv-slider__link::after {
    right: -2.2rem;
    bottom: .8rem;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    background-image: url("../img/common/icon-arrow-right-up-white.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

@media(max-width: 1023px) {
    .front-page .mv-slider__link::after {
        width:.9rem;
        height: .9rem;
        bottom: .5rem;
        right: -1.6rem
    }
}

.front-page .mv-slider__scale {
    font-family: "Inter",sans-serif;
    font-size: 2rem
}

@media(max-width: 1023px) {
    .front-page .mv-slider__scale {
        font-size:1rem
    }
}

.front-page .mv-slider__count-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 144rem;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 5rem;
    pointer-events: none
}

@media(max-width: 1023px) {
    .front-page .mv-slider__count-wrap {
        padding:0 2rem
    }
}

.front-page .mv-slider__count {
    background-color: rgba(0, 0, 0, 0.7);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    font-family: "Montserrat",sans-serif;
    font-weight: 500;
    color: #fff;
    width: 2.4rem;
    height: 14rem;
    padding: 1.4rem 0;
    border-radius: 3rem;
    pointer-events: auto
}

@media(max-width: 1023px) {
    .front-page .mv-slider__count {
        height:11rem;
        width: 1.7rem;
        font-size: 1.2rem;
        padding: 1.1rem 0
    }
}

.front-page .mv-slider__progress {
    position: relative;
    height: 5rem;
    width: .1rem;
    background-color: #fff
}

@media(max-width: 1023px) {
    .front-page .mv-slider__progress {
        height:3.8rem
    }
}

.front-page .mv-slider__progress span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #606060;
    display: block
}

.front-page .about {
    position: relative;
    padding-top: 8rem;
    padding-bottom: 18rem
}

@media(max-width: 1023px) {
    .front-page .about {
        padding-bottom:16rem
    }
}

@media(max-width: 767px) {
    .front-page .about {
        padding-bottom:10rem
    }
}

.front-page .about__container {
    padding-right: 0
}

.front-page .about__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1280px) {
    .front-page .about__content {
        gap:8rem
    }
}

@media(max-width: 1023px) {
    .front-page .about__content {
        gap:4.3rem
    }
}

@media(max-width: 767px) {
    .front-page .about__content {
        gap:1.5rem
    }
}

@media(max-width: 599px) {
    .front-page .about__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.6rem
    }
}

.front-page .about__text-col {
    padding-top: 10rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1280px) {
    .front-page .about__text-col {
        padding-top:7rem
    }
}

@media(max-width: 1023px) {
    .front-page .about__text-col {
        padding-top:7.9rem
    }
}

@media(max-width: 767px) {
    .front-page .about__text-col {
        padding-top:0
    }
}

.front-page .about__head {
    font-family: "Lato",sans-serif;
    font-size: 2.4rem
}

@media(max-width: 1023px) {
    .front-page .about__head {
        font-size:1.6rem;
        line-height: 1.2
    }
}

.front-page .about__title {
    font-size: 2.8rem;
    line-height: 1.8;
    font-weight: bold;
    margin-top: 2.4rem
}

@media(max-width: 1280px) {
    .front-page .about__title {
        font-size:2.6rem;
        line-height: 1.4;
        margin-top: 4rem
    }
}

@media(max-width: 1023px) {
    .front-page .about__title {
        font-size:2rem;
        margin-top: 2.3rem
    }
}

.front-page .about__title span {
    display: block;
    overflow: hidden
}

.front-page .about__title span span {
    display: inline-block
}

.front-page .about__text {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8;
    margin-top: 5rem
}

@media(max-width: 1280px) {
    .front-page .about__text {
        font-size:1.5rem;
        margin-top: 5.8rem
    }
}

@media(max-width: 1023px) {
    .front-page .about__text {
        margin-top:4rem;
        font-size: 1.25rem
    }
}

@media(max-width: 767px) {
    .front-page .about__text {
        margin-top:2.2rem;
        font-size: 1rem;
        line-height: 1
    }
}

.front-page .about__text p:not(:first-child) {
    margin-top: 4.2rem
}

@media(max-width: 1023px) {
    .front-page .about__text p:not(:first-child) {
        margin-top:2.4rem
    }
}

@media(max-width: 767px) {
    .front-page .about__text p:not(:first-child) {
        margin-top:1.2rem
    }
}

.front-page .about__text span {
    display: block;
    overflow: hidden
}

@media(max-width: 767px) {
    .front-page .about__text span.-sp-inline {
        display:inline-block
    }
}

.front-page .about__text span span {
    display: inline-block
}

@media(max-width: 767px) {
    .front-page .about__text span span {
        line-height:2.4rem;
        letter-spacing: .02em
    }
}

.front-page .about__img-grid {
    height: 72.8rem;
    width: 79.6rem;
    width: 59.2%;
    max-width: 79.6rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: .8rem
}

@media(max-width: 1280px) {
    .front-page .about__img-grid {
        width:auto;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media(max-width: 1023px) {
    .front-page .about__img-grid {
        height:58.3rem
    }
}

@media(max-width: 767px) {
    .front-page .about__img-grid {
        height:30.8rem;
        gap: .4rem
    }
}

@media(max-width: 599px) {
    .front-page .about__img-grid {
        height:30.8rem;
        width: 35.5rem;
        margin-left: auto
    }
}

.front-page .about__img-item {
    position: relative;
    grid-row: span 1;
    grid-column: span 1;
    overflow: hidden
}

.front-page .about__img-item img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.front-page .about__img-item.-wide {
    grid-column: span 2
}

.front-page .about__infinite-text {
    position: absolute;
    left: -5rem;
    bottom: 18rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 5rem);
    overflow: hidden
}

@media(max-width: 1023px) {
    .front-page .about__infinite-text {
        bottom:16.6rem
    }
}

@media(max-width: 767px) {
    .front-page .about__infinite-text {
        bottom:10.6rem
    }
}

.front-page .about__infinite-text span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: infiniteScrollLeft 80s infinite linear;
    animation: infiniteScrollLeft 80s infinite linear
}

.front-page .about__infinite-text span img {
    width: 274.6rem
}

@media(max-width: 1023px) {
    .front-page .about__infinite-text span img {
        width:123rem
    }
}

.front-page .case {
    padding-bottom: 15.8rem
}

@media(max-width: 1023px) {
    .front-page .case {
        padding-bottom:8rem
    }
}

.front-page .case__container {
    padding-right: 0
}

@media(max-width: 899px) {
    .front-page .case__container {
        padding-left:0
    }
}

@media(max-width: 899px) {
    .front-page .case__title {
        padding:0 2rem
    }
}

.front-page .case__list {
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .front-page .case__list {
        margin-top:4rem
    }
}

.front-page .case__link {
    text-align: center;
    margin-top: 12rem
}

@media(max-width: 1023px) {
    .front-page .case__link {
        margin-top:8rem
    }
}

.front-page .case__link a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .front-page .case__link a:hover .case__link-text {
        color:#334460
    }

    .front-page .case__link a:hover .case__link-icon {
        -webkit-transform: translate(0.7rem, -0.3rem);
        transform: translate(0.7rem, -0.3rem)
    }
}

@media(hover: hover)and (max-width: 1023px) {
    .front-page .case__link a:hover .case__link-icon {
        -webkit-transform:translate(0.3rem, -0.1rem);
        transform: translate(0.3rem, -0.1rem)
    }
}

@media(hover: hover) {
    .front-page .case__link a:hover .case__link-icon svg rect {
        fill:#334460
    }
}

.front-page .case__link-text {
    font-family: "Inter",sans-serif;
    font-size: 6rem;
    font-weight: 600;
    color: #404040;
    line-height: 1;
    letter-spacing: 0
}

@media(max-width: 1023px) {
    .front-page .case__link-text {
        font-size:2.6rem
    }
}

.front-page .case__link-icon {
    width: 4rem;
    height: 4rem;
    margin-left: 2.8rem;
    -webkit-transform: translateY(0.4rem);
    transform: translateY(0.4rem);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

@media(max-width: 1023px) {
    .front-page .case__link-icon {
        width:1.5rem;
        height: 1.5rem;
        margin-left: 1.2rem;
        -webkit-transform: translateY(0.2rem);
        transform: translateY(0.2rem)
    }
}

.front-page .case__link-icon svg {
    width: 100%;
    height: 100%
}

.front-page .case__link-icon svg rect {
    fill: #404040;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.front-page .feature {
    position: relative;
    background-color: #606060;
    padding-top: 0;
    padding-bottom: 10rem;
    color: #fff
}

@media(max-width: 1023px) {
    .front-page .feature {
        padding-top:10rem;
        padding-bottom: 21.5rem
    }
}

.front-page .feature__container {
    padding: 0;
    max-width: 100%
}

.front-page .feature__content {
    position: relative;
    height: 600vh;
    max-width: 144rem;
    margin: 0 auto;
    padding: 0 5rem
}

@media(max-width: 1023px) {
    .front-page .feature__content {
        height:auto;
        padding: 0 2rem
    }
}

.front-page .feature__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 1023px) {
    .front-page .feature__head {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.front-page .feature__text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.875;
    margin-left: 13.5rem;
    padding-top: 6.2rem
}

@media(max-width: 1023px) {
    .front-page .feature__text {
        margin-left:0;
        font-size: 1rem;
        line-height: 2;
        padding-top: 3rem
    }
}

.front-page .feature__infinite-text {
    position: -webkit-sticky;
    position: sticky;
    top: 56rem;
    left: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1023px) {
    .front-page .feature__infinite-text {
        position:absolute;
        top: auto;
        bottom: 8rem;
        opacity: 1
    }
}

.front-page .feature__infinite-text.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.front-page .feature__infinite-text span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: infiniteScrollLeft 80s infinite linear;
    animation: infiniteScrollLeft 80s infinite linear
}

.front-page .feature__infinite-text span img {
    width: 148.7rem
}

@media(max-width: 1023px) {
    .front-page .feature__infinite-text span img {
        width:70rem
    }
}

.front-page .feature__slide-count {
    position: absolute;
    top: 12rem;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .9rem
}

@media(max-width: 1280px) {
    .front-page .feature__slide-count {
        top:16rem
    }
}

@media(max-width: 1023px) {
    .front-page .feature__slide-count {
        display:none
    }
}

.front-page .feature__slide-count-item {
    font-family: "Inter",sans-serif;
    font-size: 1.6rem;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    border: .15rem solid #838383;
    color: #838383;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 1s;
    transition: all 1s
}

.front-page .feature__slides {
    position: relative;
    height: 46rem;
    width: 100%
}

@media(max-width: 1023px) {
    .front-page .feature__slides {
        height:auto
    }
}

.front-page .feature__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

@media(max-width: 1023px) {
    .front-page .feature__slide {
        position:static;
        opacity: 1
    }
}

.front-page .feature__slide-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    padding-top: 16rem
}

@media(max-width: 1023px) {
    .front-page .feature__slide-wrap {
        position:relative;
        padding-top: 6rem
    }
}

@media(max-width: 767px) {
    .front-page .feature__slide-wrap {
        padding-top:4rem
    }
}

.front-page .feature__slide-wrap[data-active-slide="0"] .feature__slide:nth-child(1) {
    opacity: 1
}

.front-page .feature__slide-wrap[data-active-slide="0"] .feature__slide-count-item:nth-child(1) {
    border-color: #fff;
    color: #fff
}

.front-page .feature__slide-wrap[data-active-slide="1"] .feature__slide:nth-child(2) {
    opacity: 1
}

.front-page .feature__slide-wrap[data-active-slide="1"] .feature__slide-count-item:nth-child(2) {
    border-color: #fff;
    color: #fff
}

.front-page .feature__slide-wrap[data-active-slide="2"] .feature__slide:nth-child(3) {
    opacity: 1
}

.front-page .feature__slide-wrap[data-active-slide="2"] .feature__slide-count-item:nth-child(3) {
    border-color: #fff;
    color: #fff
}

.front-page .feature__slide-wrap[data-active-slide="3"] .feature__slide:nth-child(4) {
    opacity: 1
}

.front-page .feature__slide-wrap[data-active-slide="3"] .feature__slide-count-item:nth-child(4) {
    border-color: #fff;
    color: #fff
}

.front-page .feature__slide-wrap[data-active-slide="4"] .feature__slide:nth-child(5) {
    opacity: 1
}

.front-page .feature__slide-wrap[data-active-slide="4"] .feature__slide-count-item:nth-child(5) {
    border-color: #fff;
    color: #fff
}

.front-page .feature__slide-wrap[data-active-slide="5"] .feature__slide:nth-child(6) {
    opacity: 1
}

.front-page .feature__slide-wrap[data-active-slide="5"] .feature__slide-count-item:nth-child(6) {
    border-color: #fff;
    color: #fff
}

.front-page .feature-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 9%
}

@media(max-width: 1280px) {
    .front-page .feature-slide {
        gap:6.6%
    }
}

@media(max-width: 1023px) {
    .front-page .feature-slide {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 8rem
    }
}

.front-page .feature-slide__img {
    position: relative;
    width: 46%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    aspect-ratio: 610/460;
    -webkit-box-shadow: 0 0 2.4rem .8rem rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2.4rem .8rem rgba(0, 0, 0, 0.2)
}

@media(max-width: 1280px) {
    .front-page .feature-slide__img {
        width:48%
    }
}

@media(max-width: 1023px) {
    .front-page .feature-slide__img {
        width:100%;
        height: 25.2rem;
        border-radius: .7rem;
        aspect-ratio: auto;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.front-page .feature-slide__img img {
    -o-object-fit: cover;
    object-fit: cover
}

.front-page .feature-slide__content {
    max-width: 59rem;
    width: 100%;
    padding-top: 12.5rem
}

@media(max-width: 1280px) {
    .front-page .feature-slide__content {
        padding-top:10.6rem
    }
}

@media(max-width: 1023px) {
    .front-page .feature-slide__content {
        padding-top:2.7rem;
        max-width: 100%
    }
}

.front-page .feature-slide__num {
    position: absolute;
    left: -2.2rem;
    top: -2.8rem;
    height: 6rem
}

@media(max-width: 1023px) {
    .front-page .feature-slide__num {
        position:static;
        height: 3.8rem
    }
}

.front-page .feature-slide__num img {
    height: 100%;
    width: auto
}

.front-page .feature-slide__title {
    position: relative;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.55
}

@media(max-width: 1280px) {
    .front-page .feature-slide__title {
        font-size:2.2rem
    }
}

@media(max-width: 1023px) {
    .front-page .feature-slide__title {
        font-size:1.6rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.front-page .feature-slide__title span {
    position: relative
}

.front-page .feature-slide__list {
    margin-top: 2.1rem
}

.front-page .feature-slide__item {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.64;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 1023px) {
    .front-page .feature-slide__item {
        font-size:1rem;
        line-height: 1.8
    }
}

.front-page .feature-slide__item::before {
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-image: url("../img/common/icon-circle-check-white.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin-right: .8rem;
    -webkit-transform: translateY(0.3rem);
    transform: translateY(0.3rem)
}

@media(max-width: 1280px) {
    .front-page .feature-slide__item::before {
        width:1.6rem;
        height: 1.6rem
    }
}

@media(max-width: 1023px) {
    .front-page .feature-slide__item::before {
        width:1.3rem;
        height: 1.3rem
    }
}

.front-page .feature-slide__item:not(:first-child) {
    margin-top: 1.3rem
}

@media(max-width: 1023px) {
    .front-page .feature-slide__item:not(:first-child) {
        margin-top:.8rem
    }
}

@media(max-width: 1023px) {
    .front-page .feature-slide.-first {
        margin-top:0
    }
}

.front-page .feature-slide.-first .feature-slide__img img {
    -o-object-position: 50% 80%;
    object-position: 50% 80%;
    height: 100%
}

.front-page .feature-slide.-second .feature-slide__img img {
    height: 100%
}

.front-page .feature-slide.-third .feature-slide__img {
    background-color: #fbf4f4;
    padding: 2.5rem 3.3rem
}

.front-page .feature-slide.-third .feature-slide__img img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%
}

@media(max-width: 1023px) {
    .front-page .feature-slide.-third .feature-slide__img {
        padding:1.3rem 0
    }

    .front-page .feature-slide.-third .feature-slide__img img {
        max-width: 29.9rem;
        margin: 0 auto;
        width: auto;
        display: block
    }
}

.front-page .feature-slide.-fourth .feature-slide__img {
    background-color: #fff;
    padding: 3.6rem 3.5rem 2.6rem
}

.front-page .feature-slide.-fourth .feature-slide__img img {
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width: 1023px) {
    .front-page .feature-slide.-fourth .feature-slide__img {
        padding:0 0
    }

    .front-page .feature-slide.-fourth .feature-slide__img img {
        max-width: 29.6rem;
        margin: 0 auto;
        width: auto;
        display: block
    }
}

.front-page .feature-slide.-fifth .feature-slide__img {
    background-color: #fbf4f4;
    padding: 3rem 5.7rem
}

.front-page .feature-slide.-fifth .feature-slide__img img {
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width: 1023px) {
    .front-page .feature-slide.-fifth .feature-slide__img {
        padding:0
    }

    .front-page .feature-slide.-fifth .feature-slide__img img {
        max-width: 33.4rem;
        margin: 0 auto;
        width: auto;
        display: block
    }
}

.front-page .feature-slide.-sixth .feature-slide__img img {
    height: 100%
}

.front-page .service {
    background-color: #606060;
    padding-top: 16rem;
    padding-bottom: 16rem
}

@media(max-width: 1023px) {
    .front-page .service {
        padding-top:0;
        padding-bottom: 10rem
    }
}

@media(max-width: 767px) {
    .front-page .service {
        margin-top:-0.1rem
    }
}

.front-page .service__list {
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .front-page .service__list {
        margin-top:4.2rem
    }
}

.front-page .service__item {
    margin-top: -0.1rem
}

.front-page .service__item-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media(max-width: 767px) {
    .front-page .service__item-link {
        padding:4.6rem 2rem 3.6rem 4.3rem
    }
}

.front-page .service__item-link::before,.front-page .service__item-link::after {
    content: "";
    width: calc(100% - 10rem);
    max-width: 134rem;
    height: .1rem;
    background-color: #838383;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .front-page .service__item-link::before,.front-page .service__item-link::after {
        width:calc(100% - 4rem)
    }
}

.front-page .service__item-link::before {
    top: 0
}

.front-page .service__item-link::after {
    bottom: 0
}

@media(hover: hover) {
    .front-page .service__item-link:hover {
        background-color:#404040
    }

    .front-page .service__item-link:hover .service__item-icon {
        opacity: 1
    }
}

.front-page .service__item-link-inner {
    position: relative;
    max-width: 134rem;
    width: 100%;
    margin: 0 auto;
    padding: 7.6rem 16rem 4.8rem 12.2rem
}

@media(max-width: 1023px) {
    .front-page .service__item-link-inner {
        padding:4.6rem 9.6rem 3.6rem
    }
}

@media(max-width: 767px) {
    .front-page .service__item-link-inner {
        padding:0;
        max-width: 57.4rem;
        margin: 0 auto
    }
}

.front-page .service__item-title {
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.91
}

@media(max-width: 1023px) {
    .front-page .service__item-title {
        font-size:1.6rem;
        line-height: 2.875
    }
}

@media(max-width: 767px) {
    .front-page .service__item-title {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.front-page .service__item-title span {
    position: relative;
    display: block;
    overflow: hidden
}

.front-page .service__item-num {
    height: 5.8rem;
    position: absolute;
    left: 10.2rem;
    top: 5rem
}

@media(max-width: 1023px) {
    .front-page .service__item-num {
        height:3.8rem;
        left: 7.4rem;
        top: 3.2rem
    }
}

@media(max-width: 767px) {
    .front-page .service__item-num {
        left:-2rem;
        top: -1.4rem
    }
}

.front-page .service__item-num img {
    width: auto;
    height: 100%
}

.front-page .service__item-text {
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    margin-top: 1.3rem
}

@media(max-width: 1023px) {
    .front-page .service__item-text {
        font-size:1rem;
        line-height: 2;
        margin-top: 0
    }
}

@media(max-width: 767px) {
    .front-page .service__item-text {
        overflow:hidden
    }
}

@media(max-width: 767px) {
    .front-page .service__item-text span {
        display:block;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    .front-page .service__item-text span.is-inview {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.front-page .service__item-text span span {
    display: block;
    overflow: hidden
}

@media(max-width: 1023px) {
    .front-page .service__item-text span span {
        display:inline-block
    }
}

@media(max-width: 767px) {
    .front-page .service__item-text span span {
        display:inline
    }
}

.front-page .service__item-text span span:nth-child(1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.front-page .service__item-text span span:nth-child(2) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

@media(max-width: 1023px) {
    .front-page .service__item-text span span:nth-child(2) {
        -webkit-transition-delay:.3s;
        transition-delay: .3s
    }
}

.front-page .service__item-text span span span {
    display: inline-block
}

@media(max-width: 767px) {
    .front-page .service__item-text span span span {
        display:inline
    }
}

.front-page .service__item-icon {
    position: absolute;
    right: 8rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 3.8rem;
    height: 3.8rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width: 1023px) {
    .front-page .service__item-icon {
        right:2rem
    }
}

@media(max-width: 767px) {
    .front-page .service__item-icon {
        position:static;
        opacity: 0;
        width: .9rem;
        height: .9rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 1.3rem;
        margin-top: .2rem;
        margin-bottom: 0;
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem);
        -webkit-transition: all .5s .2s;
        transition: all .5s .2s
    }

    .front-page .service__item-icon svg rect {
        fill: #9f9f9f
    }

    .front-page .service__item-icon.is-inview {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.front-page .achievement {
    padding: 16rem 0;
    background-color: #fff
}

@media(max-width: 1023px) {
    .front-page .achievement {
        padding:10rem 0
    }
}

.front-page .achievement__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(max-width: 1023px) {
    .front-page .achievement__head {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.front-page .achievement__head-text {
    margin-left: 15.7rem;
    font-size: 1.6rem;
    font-weight: 400
}

@media(max-width: 1023px) {
    .front-page .achievement__head-text {
        font-size:1rem;
        margin-left: auto
    }
}

.front-page .achievement__list {
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .front-page .achievement__list {
        margin-top:4rem
    }
}

.front-page .brand {
    background-color: #fff;
    position: relative;
    padding: 16rem 0;
    margin-bottom: -16rem;
    z-index: 1
}

@media(max-width: 1023px) {
    .front-page .brand {
        padding:10rem 0;
        margin-bottom: -10rem
    }
}

.front-page .brand__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fbf4f4;
    border-radius: 4rem
}

@media(max-width: 1023px) {
    .front-page .brand__bg {
        border-radius:2rem
    }
}

.front-page .brand__container {
    position: relative
}

.front-page .brand__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(max-width: 1023px) {
    .front-page .brand__head {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.front-page .brand__head-text {
    margin-left: 15.7rem;
    font-size: 1.6rem;
    font-weight: 400
}

@media(max-width: 1023px) {
    .front-page .brand__head-text {
        font-size:1rem;
        margin-left: auto
    }
}

.front-page .brand__list {
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .front-page .brand__list {
        margin-top:4rem
    }
}

.front-page .download {
    background-color: #404040;
    color: #fff;
    padding: 32rem 0 16rem
}

@media(max-width: 1023px) {
    .front-page .download {
        padding:20rem 0 10rem
    }
}

.front-page .download__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8rem
}

@media(max-width: 1023px) {
    .front-page .download__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4rem
    }
}

.front-page .download__head {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1023px) {
    .front-page .download__head {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.front-page .download__link {
    max-width: 14.1rem;
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .front-page .download__link {
        margin-top:0
    }
}

.front-page .download__list {
    max-width: 103rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem .8rem
}

@media(max-width: 767px) {
    .front-page .download__list {
        grid-template-columns:1fr
    }
}

.front-page .download__item-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: .1rem solid #fff;
    border-radius: 1.5rem;
    padding: 2.4rem 7rem 2.4rem 3rem;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media(max-width: 767px) {
    .front-page .download__item-link {
        border-radius:.7rem;
        padding: 2.3rem 2rem 2.7rem
    }
}

.front-page .download__item-corner {
    width: 7rem;
    height: 7rem;
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.front-page .download__item-cat {
    color: #838383;
    font-size: 1rem
}

.front-page .download__item-cat span:first-child {
    font-family: "Inter",sans-serif;
    letter-spacing: .03em
}

.front-page .download__item-title {
    font-size: 1.5rem;
    min-height: 3em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 2rem;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media(max-width: 767px) {
    .front-page .download__item-title {
        font-size:1.4rem
    }
}

.front-page .download__item-icon {
    position: absolute;
    top: 1.9rem;
    right: 1.9rem;
    width: 1.5rem;
    height: 1.5rem
}

.front-page .download__item-icon svg {
    width: 100%
}

.front-page .download__item-icon svg rect {
    fill: #9f9f9f;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media(hover: hover) {
    .front-page .download__item-link:hover {
        background-color:#fff
    }

    .front-page .download__item-link:hover .download__item-title {
        color: #1f1f1f
    }

    .front-page .download__item-link:hover .download__item-corner {
        -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
    }

    .front-page .download__item-link:hover .download__item-icon svg rect {
        fill: #fff
    }
}

.front-page .column {
    overflow: hidden;
    background-color: #fbf4f4;
    padding: 16rem 0
}

@media(max-width: 1023px) {
    .front-page .column {
        padding:10rem 0
    }
}

.front-page .column__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.front-page .column__slider {
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .front-page .column__slider {
        margin-top:4rem
    }
}

.front-page .column__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 14rem;
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .front-page .column__btn {
        margin-top:0
    }
}

.front-page .event {
    padding: 16rem 0;
    background-color: #fff
}

@media(max-width: 1023px) {
    .front-page .event {
        padding:10rem 0
    }
}

.front-page .event__title-br {
    display: none
}

@media(max-width: 1280px) {
    .front-page .event__title-br {
        display:block
    }
}

@media(max-width: 1023px) {
    .front-page .event__title-br {
        display:none
    }
}

.front-page .event__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 9rem
}

@media(max-width: 1023px) {
    .front-page .event__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4rem
    }
}

@media(max-width: 1023px) {
    .front-page .event__head {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.front-page .event__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 14rem;
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .front-page .event__btn {
        margin-top:0
    }
}

.front-page .event__article {
    max-width: 103rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.front-page .event__item {
    border-top: .1rem solid #ececec
}

.front-page .event__item:last-child {
    border-bottom: .1rem solid #ececec
}

.front-page .event__item-link {
    position: relative;
    display: block;
    padding: 3.2rem 15rem 3.2rem 0
}

@media(max-width: 1023px) {
    .front-page .event__item-link {
        padding:3rem 0
    }
}

.front-page .event__item-link::after {
    content: "";
    position: absolute;
    right: 5.6rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 3.7rem;
    height: 3.7rem;
    background-image: url("../img/common/icon-arrow-right-up-gray.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width: 1023px) {
    .front-page .event__item-link::after {
        width:2.4rem;
        height: 2.4rem;
        right: 2.4rem;
        top: auto;
        bottom: 3rem
    }
}

@media(hover: hover) {
    .front-page .event__item-link:hover .event__item-title {
        opacity:.5
    }

    .front-page .event__item-link:hover::after {
        opacity: 1
    }
}

.front-page .event__item-info {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    color: rgba(102, 102, 102, 0.6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 1023px) {
    .front-page .event__item-info {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.front-page .event__item-cat {
    width: 16rem
}

@media(max-width: 1023px) {
    .front-page .event__item-cat {
        width:auto
    }
}

.front-page .event__item-title {
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 3rem;
    padding-left: 16rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width: 1023px) {
    .front-page .event__item-title {
        font-size:1.4rem;
        font-weight: 500;
        line-height: 1.857;
        margin-top: 2rem;
        padding-left: 0;
        padding-right: 8rem
    }
}

@media(max-width: 767px) {
    .front-page .event__item-title {
        padding-right:0
    }
}

.page-subscription .mv {
    position: relative;
    height: 80svh;
    width: 100%
}

.page-subscription .mv__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.page-subscription .mv__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-subscription .mv__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2)
}

.page-subscription .mv__container {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-subscription .mv__content {
    position: relative;
    color: #fff;
    padding-bottom: 7rem
}

@media(max-width: 1023px) {
    .page-subscription .mv__content {
        padding-bottom:3.6rem
    }
}

.page-subscription .mv__en-text {
    font-family: "Inter",sans-serif;
    font-size: 1.6rem;
    letter-spacing: .08em
}

@media(max-width: 1023px) {
    .page-subscription .mv__en-text {
        font-size:1.2rem
    }
}

.page-subscription .mv__title {
    font-size: 3rem;
    font-weight: bold;
    margin-top: 1.4rem
}

@media(max-width: 1023px) {
    .page-subscription .mv__title {
        font-size:2.2rem
    }
}

.page-subscription .mv__text {
    font-size: 1.8rem;
    margin-top: 1.4rem;
    line-height: 2
}

@media(max-width: 1023px) {
    .page-subscription .mv__text {
        font-size:1rem;
        line-height: 1.6
    }
}

.page-subscription .feature {
    position: relative;
    padding-top: 10rem
}

@media(max-width: 1023px) {
    .page-subscription .feature {
        padding-top:6.8rem
    }
}

.page-subscription .feature__intro {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 18.2rem
}

@media(max-width: 1023px) {
    .page-subscription .feature__intro {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0
    }
}

.page-subscription .feature__intro-en {
    font-family: "Inter",sans-serif;
    font-size: 2.4rem;
    line-height: 1.75;
    min-width: 20.8rem
}

@media(max-width: 1199px) {
    .page-subscription .feature__intro-en {
        min-width:20rem
    }
}

@media(max-width: 1023px) {
    .page-subscription .feature__intro-en {
        font-size:1.6rem;
        line-height: 1.2
    }
}

.page-subscription .feature__intro-content {
    max-width: 108.4rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width: 1280px) {
    .page-subscription .feature__intro-content {
        max-width:92.4rem
    }
}

@media(max-width: 1023px) {
    .page-subscription .feature__intro-content {
        max-width:100%
    }
}

.page-subscription .feature__intro-title {
    font-size: 3rem;
    font-weight: bold
}

@media(max-width: 1023px) {
    .page-subscription .feature__intro-title {
        font-size:2.4rem;
        margin-top: 4rem
    }
}

.page-subscription .feature__intro-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.2rem;
    margin-top: 6rem
}

@media(max-width: 1280px) {
    .page-subscription .feature__intro-list {
        gap:3%
    }
}

@media(max-width: 1199px) {
    .page-subscription .feature__intro-list {
        gap:2rem
    }
}

@media(max-width: 1023px) {
    .page-subscription .feature__intro-list {
        margin-top:4rem;
        gap: 2rem
    }
}

@media(max-width: 767px) {
    .page-subscription .feature__intro-list {
        grid-template-columns:1fr
    }
}

.page-subscription .feature__intro-item {
    background-color: #fbf4f4;
    border-radius: 1.5rem;
    padding: 2.4rem 3rem 3.2rem
}

@media(max-width: 1280px) {
    .page-subscription .feature__intro-item {
        padding-left:10%;
        padding-right: 10%
    }
}

@media(max-width: 1199px) {
    .page-subscription .feature__intro-item {
        padding-left:1.4rem;
        padding-right: 1.4rem;
        min-width: 22.5rem
    }
}

@media(max-width: 1023px) {
    .page-subscription .feature__intro-item {
        padding:1.5rem 2rem 3rem
    }
}

.page-subscription .feature__intro-item-num {
    font-family: "Inter",sans-serif;
    font-size: 1.6rem;
    font-weight: bold
}

@media(max-width: 1023px) {
    .page-subscription .feature__intro-item-num {
        font-size:1.4rem
    }
}

.page-subscription .feature__intro-item-icon {
    width: 13rem;
    margin: 1rem auto 0
}

@media(max-width: 1023px) {
    .page-subscription .feature__intro-item-icon {
        width:10rem
    }
}

@media(max-width: 767px) {
    .page-subscription .feature__intro-item-icon {
        width:13rem
    }
}

.page-subscription .feature__intro-item-text {
    font-size: 1.5rem;
    line-height: 1.73;
    text-align: center;
    margin-top: 3rem
}

@media(max-width: 1280px) {
    .page-subscription .feature__intro-item-text {
        max-width:19.7rem
    }
}

@media(max-width: 1279px) {
    .page-subscription .feature__intro-item-text {
        font-size:1.3rem;
        margin: 2.5rem auto 0
    }
}

@media(max-width: 1023px) {
    .page-subscription .feature__intro-item-text {
        margin-top:3.3rem
    }
}

@media(max-width: 767px) {
    .page-subscription .feature__intro-item-text {
        font-size:1.2rem;
        line-height: 2;
        margin-top: 2rem
    }
}

.page-subscription .feature__infinite-text {
    position: absolute;
    left: 0;
    top: -10.7rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden
}

@media(max-width: 1023px) {
    .page-subscription .feature__infinite-text {
        display:none
    }
}

.page-subscription .feature__infinite-text span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: infiniteScrollLeft 40s infinite linear;
    animation: infiniteScrollLeft 40s infinite linear;
    opacity: .3
}

.page-subscription .feature__infinite-text span img {
    width: 110rem
}

.page-subscription .feature__block.-first {
    position: relative;
    padding-top: 8rem
}

@media(max-width: 1023px) {
    .page-subscription .feature__block.-first {
        padding-top:10rem
    }
}

.page-subscription .feature__block.-second {
    padding-top: 20rem
}

@media(max-width: 1024px) {
    .page-subscription .feature__block.-second {
        padding-top:16rem
    }
}

@media(max-width: 1023px) {
    .page-subscription .feature__block.-second {
        padding-top:10rem
    }
}

.page-subscription .feature__block.-third {
    padding-top: 16rem;
    padding-bottom: 16rem;
    background-color: #626262
}

@media(max-width: 1024px) {
    .page-subscription .feature__block.-third {
        padding-bottom:21.7rem
    }
}

@media(max-width: 767px) {
    .page-subscription .feature__block.-third {
        padding:10rem 0
    }
}

.page-subscription .feature__block-container.-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 12.8rem
}

@media(max-width: 1280px) {
    .page-subscription .feature__block-container.-flex {
        gap:3rem;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(max-width: 1024px) {
    .page-subscription .feature__block-container.-flex {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 767px) {
    .page-subscription .feature__block-container.-flex {
        gap:0
    }
}

.page-subscription .feature__block-num {
    font-family: "Inter",sans-serif;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 5rem
}

@media(max-width: 1023px) {
    .page-subscription .feature__block-num {
        font-size:1.8rem;
        line-height: 1.2
    }
}

.page-subscription .feature__block-title {
    font-size: 3rem;
    font-weight: bold;
    margin-top: .8rem
}

@media(max-width: 1023px) {
    .page-subscription .feature__block-title {
        font-size:2.2rem;
        margin-top: 1.5rem
    }
}

@media(max-width: 599px) {
    .page-subscription .feature__block-title .-no-sp-s {
        display:none
    }
}

.page-subscription .feature__block-text {
    font-size: 1.5rem;
    line-height: 2;
    margin-top: 4rem
}

@media(max-width: 1023px) {
    .page-subscription .feature__block-text {
        font-size:1.2rem;
        line-height: 2.16
    }
}

@media(max-width: 767px) {
    .page-subscription .feature__block-text {
        margin-top:3rem
    }
}

.page-subscription .feature__block-text strong {
    text-decoration: underline;
    font-weight: bold;
    color: #334460
}

.page-subscription .feature__block-list {
    margin-top: 4rem
}

@media(max-width: 767px) {
    .page-subscription .feature__block-list {
        margin-top:3rem
    }
}

.page-subscription .feature__block-item {
    position: relative;
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 400;
    padding-left: 2.1rem
}

@media(max-width: 1023px) {
    .page-subscription .feature__block-item {
        font-size:1.2rem;
        line-height: 2.16;
        padding-left: 1.9rem
    }
}

.page-subscription .feature__block-item:not(:first-child) {
    margin-top: .4rem
}

.page-subscription .feature__block-item::before {
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("../img/common/icon-circle-check-black.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: .8rem
}

@media(max-width: 1023px) {
    .page-subscription .feature__block-item::before {
        width:1.2rem;
        height: 1.2rem;
        top: .8rem
    }
}

.page-subscription .feature__block-head.-white {
    color: #fff
}

.page-subscription .feature__block-head.-white .feature__block-item::before {
    background-image: url("../img/common/icon-circle-check-white.svg")
}

.page-subscription .brand {
    position: relative;
    padding: 12rem 0;
    z-index: 1;
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .page-subscription .brand {
        margin-top:4rem;
        padding: 10rem 0
    }
}

.page-subscription .brand__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fbf4f4;
    border-radius: 4rem
}

@media(max-width: 767px) {
    .page-subscription .brand__bg {
        border-radius:2rem
    }
}

.page-subscription .brand__content {
    position: relative
}

.page-subscription .brand__title {
    position: relative;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 2.15;
    text-align: center;
    padding-bottom: 1.8rem
}

@media(max-width: 1023px) {
    .page-subscription .brand__title {
        font-size:2rem;
        line-height: 1.7;
        padding-bottom: 1.4rem
    }
}

.page-subscription .brand__title::after {
    content: "";
    width: 5.5rem;
    height: .1rem;
    background-color: #838383;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.page-subscription .brand__text {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    margin-top: 3rem
}

@media(max-width: 1023px) {
    .page-subscription .brand__text {
        font-size:1.2rem;
        line-height: 2.16;
        margin-top: 1.8rem
    }
}

.page-subscription .brand__list {
    margin-top: 8rem
}

@media(max-width: 1023px) {
    .page-subscription .brand__list {
        margin-top:4rem
    }
}

.page-subscription .product {
    padding-top: 14rem
}

@media(max-width: 1023px) {
    .page-subscription .product {
        padding-top:10rem
    }
}

.page-subscription .product__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2.4rem
}

@media(max-width: 1280px) {
    .page-subscription .product__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6.4rem
    }
}

@media(max-width: 1023px) {
    .page-subscription .product__content {
        gap:4rem
    }
}

.page-subscription .product__head-text {
    font-size: 1.3rem;
    line-height: 1.7;
    margin-top: 2rem
}

.page-subscription .product__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1.8rem;
    max-width: 93.8rem
}

@media(max-width: 1280px) {
    .page-subscription .product__list {
        max-width:100%
    }
}

@media(max-width: 1023px) {
    .page-subscription .product__list {
        gap:2rem
    }
}

@media(max-width: 767px) {
    .page-subscription .product__list {
        grid-template-columns:1fr
    }
}

.page-subscription .product__item-link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.page-subscription .product__item-img-wrap {
    position: relative;
    width: 100%
}

.page-subscription .product__item-corner {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 7rem;
    height: 7rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 2
}

.page-subscription .product__item-corner-arrow {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s;
    z-index: 2
}

@media(max-width: 1023px) {
    .page-subscription .product__item-corner-arrow {
        opacity:1;
        top: auto;
        bottom: 1.5rem;
        width: 1.2rem;
        height: 1.2rem;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.page-subscription .product__item-corner-arrow svg rect {
    fill: #1f1f1f
}

@media(max-width: 1023px) {
    .page-subscription .product__item-corner-arrow svg rect {
        fill:#fff
    }
}

.page-subscription .product__item-img {
    aspect-ratio: 460/250;
    overflow: hidden;
    border-radius: 1.5rem;
    height: 100%;
    width: 100%
}

@media(max-width: 1280px) {
    .page-subscription .product__item-img {
        border-radius:1rem
    }
}

.page-subscription .product__item-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-subscription .product__item-img::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 1.5rem
}

.page-subscription .product__item-read-more {
    background-color: rgba(31, 31, 31, 0.2);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    border-radius: 1.5rem;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
}

.page-subscription .product__item-read-more span {
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.page-subscription .product__item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    padding: 2rem 2rem .8rem
}

.page-subscription .product__item-en {
    font-family: "Inter",sans-serif;
    font-size: 1.6rem;
    font-weight: 400
}

@media(max-width: 1023px) {
    .page-subscription .product__item-en {
        font-size:1.4rem
    }
}

.page-subscription .product__item-en span:first-child {
    margin-right: 1.6rem
}

.page-subscription .product__item-jp {
    font-size: 1.8rem;
    line-height: 2.56
}

@media(max-width: 1023px) {
    .page-subscription .product__item-jp {
        font-size:1.6rem
    }
}

@media(hover: hover)and (min-width: 1024px) {
    .page-subscription .product__item-link:hover .product__item-corner {
        -webkit-transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
    }

    .page-subscription .product__item-link:hover .product__item-img-wrap img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .page-subscription .product__item-link:hover .product__item-read-more {
        opacity: 1
    }

    .page-subscription .product__item-link:hover .product__item-read-more span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .page-subscription .product__item-link:hover .product__item-corner-arrow {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.page-subscription .graph {
    margin-top: 8rem;
    padding-bottom: 16rem
}

@media(max-width: 1023px) {
    .page-subscription .graph {
        margin-top:4rem;
        padding-bottom: 10rem
    }
}

.page-subscription .graph__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .page-subscription .graph__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-subscription .option {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 7rem
}

@media(max-width: 1280px) {
    .page-subscription .option {
        max-width:52rem
    }
}

@media(max-width: 1024px) {
    .page-subscription .option {
        margin-left:auto
    }
}

@media(max-width: 767px) {
    .page-subscription .option {
        max-width:100%;
        margin-left: 0;
        margin-top: 4rem;
        padding-top: 0
    }
}

.page-subscription .option__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.2rem
}

.page-subscription .option__item {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 2rem 4rem 3rem
}

@media(max-width: 599px) {
    .page-subscription .option__item {
        padding:2rem 2rem 2.7rem
    }
}

.page-subscription .option__item-head {
    padding-bottom: .8rem;
    border-bottom: .1rem solid #dfdfdf
}

.page-subscription .option__item-head span {
    font-size: 1.6rem;
    font-weight: 400;
    color: #626262
}

@media(max-width: 767px) {
    .page-subscription .option__item-head span {
        font-size:1.4rem;
        line-height: 1.7
    }
}

.page-subscription .option__item-head span:first-child {
    margin-right: 1.6rem
}

@media(max-width: 767px) {
    .page-subscription .option__item-head span:first-child {
        margin-right:1rem
    }
}

.page-subscription .option__item-body {
    padding-top: 1.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) {
    .page-subscription .option__item-body {
        padding-top:2rem
    }
}

.page-subscription .option__item-icon {
    background-color: #fbf4f4;
    border-radius: 1.5rem;
    padding: 1.8rem 2.4rem;
    width: 11.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 3.6rem
}

@media(max-width: 767px) {
    .page-subscription .option__item-icon {
        width:10.6rem;
        height: 10.6rem;
        padding: 1.8rem;
        margin-right: 4.8rem
    }

    .page-subscription .option__item-icon img {
        width: 100%
    }
}

@media(max-width: 599px) {
    .page-subscription .option__item-icon {
        width:9rem;
        height: 9rem;
        padding: 1.5rem;
        margin-right: 2.1rem
    }
}

.page-subscription .option__item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) {
    .page-subscription .option__item-content {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: .7rem
    }
}

.page-subscription .option__item-title {
    font-size: 2.6rem;
    font-weight: bold;
    letter-spacing: .1em
}

@media(max-width: 767px) {
    .page-subscription .option__item-title {
        font-size:2rem
    }
}

.page-subscription .option__item-text {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: .8rem
}

@media(max-width: 767px) {
    .page-subscription .option__item-text {
        font-size:1rem;
        margin-top: 1rem
    }
}

.page-subscription .option__item-text small {
    font-size: .8rem;
    display: block;
    margin-top: .6rem
}

@media(max-width: 767px) {
    .page-subscription .option__item-text small {
        margin-top:.4rem
    }
}

.page-subscription .step {
    padding: 16rem 0;
    background-color: #fbf4f4
}

@media(max-width: 767px) {
    .page-subscription .step {
        padding:11rem 0 10rem
    }
}

.page-subscription .step__title {
    font-size: 3rem;
    font-weight: bold;
    text-align: center
}

@media(max-width: 767px) {
    .page-subscription .step__title {
        font-size:2.2rem;
        line-height: 1.81
    }
}

.page-subscription .step__title .-sp-s {
    display: none
}

@media(max-width: 599px) {
    .page-subscription .step__title .-sp-s {
        display:block
    }
}

.page-subscription .step__list {
    margin: 6rem auto 0;
    display: grid;
    gap: 7rem;
    grid-template-columns: repeat(3, 1fr)
}

@media(max-width: 1280px) {
    .page-subscription .step__list {
        gap:4.8rem
    }
}

@media(max-width: 767px) {
    .page-subscription .step__list {
        grid-template-columns:1fr;
        gap: 2rem;
        margin-top: 4rem
    }
}

.page-subscription .step__item {
    position: relative;
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 2.2rem 2.4rem 4rem
}

@media(max-width: 1280px) {
    .page-subscription .step__item {
        padding-left:2rem;
        padding-right: 2rem;
        padding-bottom: 3rem;
        -webkit-box-shadow: 2rem 3rem 8rem -3rem rgba(0, 0, 0, 0.2);
        box-shadow: 2rem 3rem 8rem -3rem rgba(0, 0, 0, 0.2)
    }
}

.page-subscription .step__item::after {
    content: "";
    width: 2rem;
    height: 3rem;
    background-image: url("../img/page-subscription/step-arrows.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: -4.5rem;
    top: 0;
    bottom: 0;
    margin: auto 0
}

@media(max-width: 1280px) {
    .page-subscription .step__item::after {
        right:-3.4rem
    }
}

@media(max-width: 767px) {
    .page-subscription .step__item::after {
        display:none
    }
}

.page-subscription .step__item:last-child::after {
    display: none
}

.page-subscription .step__item-num {
    padding: 0 0 .7rem;
    font-family: "Inter",sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    color: #334460;
    border-bottom: .1rem solid #dfdfdf
}

@media(max-width: 767px) {
    .page-subscription .step__item-num {
        font-size:1.4rem;
        line-height: 1.71
    }
}

.page-subscription .step__item-icon {
    height: 13rem;
    margin-top: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 767px) {
    .page-subscription .step__item-icon {
        height:11.5rem;
        margin-top: 3rem
    }
}

.page-subscription .step__item-icon img {
    height: 100%;
    width: auto
}

.page-subscription .step__item-title {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-top: 3.6rem
}

@media(max-width: 1280px) {
    .page-subscription .step__item-title {
        font-size:1.8rem
    }
}

@media(max-width: 767px) {
    .page-subscription .step__item-title {
        font-size:1.5rem;
        margin-top: 3rem
    }
}

.page-subscription .step__item-text {
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    min-height: 3em;
    margin-top: 1.4rem;
    letter-spacing: .03em
}

@media(max-width: 1280px) {
    .page-subscription .step__item-text {
        font-size:1.3rem
    }
}

@media(max-width: 767px) {
    .page-subscription .step__item-text {
        font-size:1.2rem;
        margin-top: 1.9rem
    }
}

.page-subscription .step__item-text .-tab-only {
    display: none
}

@media(max-width: 1279px) {
    .page-subscription .step__item-text .-tab-only {
        display:block
    }
}

.page-subscription .step__item {
    opacity: 0;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.page-subscription .step__item::after {
    opacity: 0;
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem);
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.page-subscription .step__item:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.page-subscription .step__item:nth-child(2)::after {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.page-subscription .step__item:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.page-subscription .step__item:nth-child(3)::after {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.page-subscription .step__item.is-inview {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.page-subscription .step__item.is-inview::after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.page-subscription .achievement {
    padding: 16rem 0 0
}

@media(max-width: 1023px) {
    .page-subscription .achievement {
        padding:10rem 0 0
    }
}

.page-subscription .achievement__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media(max-width: 1023px) {
    .page-subscription .achievement__head {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.page-subscription .achievement__head-text {
    margin-left: 15.7rem;
    font-size: 1.6rem;
    font-weight: 400
}

@media(max-width: 1023px) {
    .page-subscription .achievement__head-text {
        font-size:1rem;
        margin-left: auto
    }
}

.page-subscription .achievement__list {
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .page-subscription .achievement__list {
        margin-top:4rem
    }
}

.page-subscription .case {
    padding-top: 16rem
}

@media(max-width: 1023px) {
    .page-subscription .case {
        padding-top:10rem
    }
}

.page-subscription .case__container {
    padding-right: 0
}

@media(max-width: 899px) {
    .page-subscription .case__container {
        padding-left:0
    }
}

@media(max-width: 899px) {
    .page-subscription .case__title {
        padding:0 2rem
    }
}

.page-subscription .case__list {
    margin-top: 10rem
}

@media(max-width: 1023px) {
    .page-subscription .case__list {
        margin-top:4rem
    }
}

.page-subscription .case__link {
    text-align: center;
    margin-top: 14.8rem
}

@media(max-width: 1023px) {
    .page-subscription .case__link {
        margin-top:8rem
    }
}

.page-subscription .case__link a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .page-subscription .case__link a:hover .case__link-text {
        color:#334460
    }

    .page-subscription .case__link a:hover .case__link-icon {
        -webkit-transform: translate(0.7rem, -0.3rem);
        transform: translate(0.7rem, -0.3rem)
    }

    .page-subscription .case__link a:hover .case__link-icon svg rect {
        fill: #334460
    }
}

.page-subscription .case__link-text {
    font-family: "Inter",sans-serif;
    font-size: 6rem;
    font-weight: 600;
    color: #404040;
    line-height: 1
}

@media(max-width: 1023px) {
    .page-subscription .case__link-text {
        font-size:2.6rem
    }
}

.page-subscription .case__link-icon {
    width: 4rem;
    height: 4rem;
    margin-left: 2.8rem;
    -webkit-transform: translateY(0.4rem);
    transform: translateY(0.4rem);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

@media(max-width: 1023px) {
    .page-subscription .case__link-icon {
        width:1.5rem;
        height: 1.5rem;
        margin-left: 1.2rem;
        -webkit-transform: translateY(0.2rem);
        transform: translateY(0.2rem)
    }
}

.page-subscription .case__link-icon svg {
    width: 100%;
    height: 100%
}

.page-subscription .case__link-icon svg rect {
    fill: #404040;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.page-subscription__breadcrumb {
    margin-top: 16rem;
    padding-bottom: 6rem
}

@media(max-width: 1023px) {
    .page-subscription__breadcrumb .breadcrumb__container {
        padding:0
    }
}

@media(max-width: 1023px) {
    .page-subscription__breadcrumb {
        padding-bottom:0;
        margin-top: 8rem;
        background-color: #f3f6f3;
        padding: 1.2rem 2rem
    }
}

.page-liveoffice .mv {
    position: relative;
    height: 80svh;
    width: 100%
}

.page-liveoffice .mv__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.page-liveoffice .mv__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-liveoffice .mv__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2)
}

.page-liveoffice .mv__container {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-liveoffice .mv__content {
    position: relative;
    color: #fff;
    padding-bottom: 8.6rem
}

@media(max-width: 1023px) {
    .page-liveoffice .mv__content {
        padding-bottom:7.8rem
    }
}

.page-liveoffice .mv__en-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page-liveoffice .mv__en-text span:nth-child(1) {
    width: 100%
}

.page-liveoffice .mv__en-text span:nth-child(1) img {
    width: 27.5rem
}

@media(max-width: 1023px) {
    .page-liveoffice .mv__en-text span:nth-child(1) img {
        width:14.8rem
    }
}

.page-liveoffice .mv__en-text span:nth-child(2) {
    margin-top: 5.2rem;
    margin-right: 4.8rem
}

@media(max-width: 1023px) {
    .page-liveoffice .mv__en-text span:nth-child(2) {
        margin-right:.9rem;
        margin-top: 2.6rem
    }
}

.page-liveoffice .mv__en-text span:nth-child(2) img {
    width: 27.5rem
}

@media(max-width: 1023px) {
    .page-liveoffice .mv__en-text span:nth-child(2) img {
        width:14.8rem
    }
}

.page-liveoffice .mv__en-text span:nth-child(3) {
    margin-top: 5.2rem
}

@media(max-width: 1023px) {
    .page-liveoffice .mv__en-text span:nth-child(3) {
        margin-top:2.6rem
    }
}

.page-liveoffice .mv__en-text span:nth-child(3) img {
    width: 46rem
}

@media(max-width: 1023px) {
    .page-liveoffice .mv__en-text span:nth-child(3) img {
        width:24.6rem
    }
}

.page-liveoffice .mv__title {
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    margin-top: 2.8rem
}

@media(max-width: 1023px) {
    .page-liveoffice .mv__title {
        font-size:1.4rem;
        margin-top: 1.3rem
    }
}

.page-liveoffice .intro {
    position: relative;
    margin-top: -5rem;
    padding-bottom: 16rem
}

@media(max-width: 1023px) {
    .page-liveoffice .intro {
        padding-bottom:14rem
    }
}

.page-liveoffice .intro__bg {
    position: absolute;
    left: 0;
    top: 20.8rem;
    height: 24.5rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

@media(max-width: 1023px) {
    .page-liveoffice .intro__bg {
        top:auto;
        bottom: -6rem
    }
}

.page-liveoffice .intro__infinite-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.page-liveoffice .intro__infinite-text span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: infiniteScrollLeft 80s infinite linear;
    animation: infiniteScrollLeft 80s infinite linear
}

.page-liveoffice .intro__infinite-text span img {
    width: 278rem
}

.page-liveoffice .intro__infinite-text:nth-child(2) span {
    -webkit-animation-duration: 60s;
    animation-duration: 60s
}

.page-liveoffice .intro__content {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-liveoffice .intro__box {
    position: relative;
    background-color: #363636;
    width: 60rem;
    padding: 13.5rem 5.5rem;
    border-radius: 1.5rem;
    color: #fff;
    -webkit-box-shadow: 2rem 3rem 8rem -3rem rgba(0, 0, 0, 0.5);
    box-shadow: 2rem 3rem 8rem -3rem rgba(0, 0, 0, 0.5)
}

@media(max-width: 1023px) {
    .page-liveoffice .intro__box {
        width:45%;
        padding: 6% 7.5%;
        min-width: 33.5rem
    }
}

@media(max-width: 767px) {
    .page-liveoffice .intro__box {
        width:100%;
        max-width: 33.5rem;
        padding: 5.9rem 1.7rem 5.9rem 2rem
    }
}

.page-liveoffice .intro__title {
    font-size: 2.6rem;
    font-weight: bold
}

@media(max-width: 1023px) {
    .page-liveoffice .intro__title {
        font-size:1.6rem;
        line-height: 1.75
    }
}

.page-liveoffice .intro__text {
    margin-top: 3.1rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.1
}

@media(max-width: 1023px) {
    .page-liveoffice .intro__text {
        font-size:1.3rem;
        line-height: 2;
        margin-top: 2.2rem
    }
}

.page-liveoffice .intro__text p:not(:first-child) {
    margin-top: 1.6rem
}

.page-liveoffice .flow {
    position: relative;
    padding: 16rem 0;
    z-index: 1
}

@media(max-width: 1023px) {
    .page-liveoffice .flow {
        padding:10rem 0
    }
}

.page-liveoffice .flow__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #666;
    border-radius: 3rem
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__bg {
        border-radius:1.5rem
    }
}

.page-liveoffice .flow__container {
    position: relative
}

.page-liveoffice .flow__num {
    font-family: "Inter",sans-serif;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 5rem;
    color: #fff
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__num {
        font-size:2rem;
        line-height: 1.2
    }
}

.page-liveoffice .flow__title {
    font-size: 3rem;
    font-weight: bold;
    margin-top: .8rem;
    color: #fff
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__title {
        font-size:2.2rem;
        line-height: 2;
        margin-top: 2.2rem
    }
}

.page-liveoffice .flow__list {
    margin-top: 6.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    counter-reset: li
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 3.8rem;
        gap: 3.1rem
    }
}

.page-liveoffice .flow__item {
    position: relative;
    background-color: #363636;
    color: #fff;
    width: 13.6%;
    height: 15.6rem;
    border-radius: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__item {
        width:100%;
        height: 6rem
    }
}

.page-liveoffice .flow__item>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media(max-width: 1280px) {
    .page-liveoffice .flow__item>span.-pc-break {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__item>span.-pc-break {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.page-liveoffice .flow__item span {
    font-size: 1.4rem;
    font-weight: bold
}

.page-liveoffice .flow__item::before,.page-liveoffice .flow__item::after {
    position: absolute
}

.page-liveoffice .flow__item::before {
    content: "0" counter(li);
    counter-increment: li;
    font-family: "Inter",sans-serif;
    font-size: 1.4rem;
    line-height: 5rem;
    color: #fff;
    top: .5rem;
    left: 1.8rem;
    display: block
}

.page-liveoffice .flow__item::after {
    content: "";
    background-color: #b3b3b3;
    width: 1.1rem;
    height: 4.2rem;
    -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    right: -17%
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__item::after {
        width:4.2rem;
        height: 1.1rem;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
        left: 0;
        right: 0;
        bottom: -2.2rem;
        margin: 0 auto
    }
}

.page-liveoffice .flow__item:last-child::after {
    display: none
}

.page-liveoffice .flow__text {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25;
    color: #fff;
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__text {
        font-size:1.2rem;
        line-height: 2.16;
        margin-top: 4rem
    }
}

.page-liveoffice .flow__item {
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    opacity: 0
}

.page-liveoffice .flow__item::after {
    opacity: 0;
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem);
    -webkit-transition: 1s .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s .4s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__item::after {
        -webkit-transform:translateY(-1rem);
        transform: translateY(-1rem)
    }
}

.page-liveoffice .flow__item:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.page-liveoffice .flow__item:nth-child(2)::after {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.page-liveoffice .flow__item:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.page-liveoffice .flow__item:nth-child(3)::after {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.page-liveoffice .flow__item:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.page-liveoffice .flow__item:nth-child(4)::after {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.page-liveoffice .flow__item:nth-child(5) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.page-liveoffice .flow__item:nth-child(5)::after {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.page-liveoffice .flow__item:nth-child(6) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.page-liveoffice .flow__item:nth-child(6)::after {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.page-liveoffice .flow__item:nth-child(7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.page-liveoffice .flow__item:nth-child(7)::after {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.page-liveoffice .flow__item.is-inview {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.page-liveoffice .flow__item.is-inview::after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media(max-width: 1023px) {
    .page-liveoffice .flow__item.is-inview::after {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

.page-liveoffice .overview {
    padding: 19rem 0 0;
    margin-top: -3rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview {
        padding:10rem 0 0;
        margin-top: 0
    }
}

.page-liveoffice .overview__intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 11.6rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__intro {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }
}

.page-liveoffice .overview__head {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.page-liveoffice .overview__num {
    font-family: "Inter",sans-serif;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 5rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__num {
        font-size:2rem;
        line-height: 1.2
    }
}

.page-liveoffice .overview__title {
    font-size: 3rem;
    font-weight: bold;
    margin-top: .8rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__title {
        font-size:2.2rem;
        line-height: 2;
        margin-top: 1.3rem
    }
}

.page-liveoffice .overview__text {
    padding-top: 6rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__text {
        padding-top:0;
        margin-top: 1.8rem
    }
}

.page-liveoffice .overview__text p {
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 400
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__text p {
        font-size:1.2rem;
        line-height: 2.16
    }
}

.page-liveoffice .overview__text p:not(:first-child) {
    margin-top: 1.4rem
}

.page-liveoffice .overview__before-after {
    position: relative;
    height: 390vh
}

@media(max-width: 767px) {
    .page-liveoffice .overview__before-after {
        height:auto
    }
}

.page-liveoffice .overview__list {
    counter-reset: li;
    margin-top: 16rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__list {
        margin-top:8rem
    }
}

.page-liveoffice .overview__item {
    position: relative;
    padding: 4.8rem 45.5% 10rem 8.5%
}

@media(max-width: 1280px) {
    .page-liveoffice .overview__item {
        padding-bottom:16rem
    }
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item {
        padding:1.4rem 0 8rem
    }
}

.page-liveoffice .overview__item::before,.page-liveoffice .overview__item::after {
    content: ""
}

.page-liveoffice .overview__item::before {
    content: "0" counter(li);
    counter-increment: li;
    font-size: 1.6rem;
    letter-spacing: .04em;
    position: absolute;
    left: 0;
    top: 4.8rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item::before {
        position:static
    }
}

.page-liveoffice .overview__item::after {
    background-color: #b3b3b3;
    height: .1rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.page-liveoffice .overview__item-title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.3
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-title {
        font-size:2.2rem;
        margin-top: 2.9rem
    }
}

.page-liveoffice .overview__item-sub-title {
    font-size: 1.6rem;
    font-weight: bold;
    margin-top: 3rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-sub-title {
        font-size:1.4rem
    }
}

.page-liveoffice .overview__item-text {
    margin-top: 2rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-text {
        margin-top:1.4rem
    }
}

.page-liveoffice .overview__item-text p {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: .04em
}

.page-liveoffice .overview__item-text p:not(:first-child) {
    margin-top: 1.2rem
}

.page-liveoffice .overview__item-visual {
    position: absolute;
    right: 0;
    top: 4.8rem;
    width: 41.4%;
    aspect-ratio: 548/400;
    border-radius: 1.5rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-visual {
        position:relative;
        top: auto;
        right: auto;
        width: 100%;
        height: 24.4rem;
        margin-top: 2rem
    }
}

.page-liveoffice .overview__item-img {
    overflow: hidden
}

.page-liveoffice .overview__item-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-liveoffice .overview__item-images {
    overflow: hidden
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-images {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 2.3rem
    }
}

@media(max-width: 767px) {
    .page-liveoffice .overview__item-images {
        -webkit-box-align:center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(max-width: 559px) {
    .page-liveoffice .overview__item-images {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 0
    }
}

.page-liveoffice .overview__item-images div {
    position: relative;
    width: 56%;
    aspect-ratio: 308/197;
    border-radius: 1.5rem;
    overflow: hidden
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-images div {
        width:35rem
    }
}

@media(max-width: 767px) {
    .page-liveoffice .overview__item-images div {
        width:calc(50% - 1.15rem)
    }
}

@media(max-width: 559px) {
    .page-liveoffice .overview__item-images div {
        width:18.8rem;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.page-liveoffice .overview__item-images div img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 559px) {
    .page-liveoffice .overview__item-images div:nth-child(1) {
        margin-bottom:auto;
        -webkit-transform: translateX(2rem);
        transform: translateX(2rem)
    }
}

.page-liveoffice .overview__item-images div:nth-child(2) {
    margin-left: auto
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-images div:nth-child(2) {
        margin-left:0
    }
}

@media(max-width: 559px) {
    .page-liveoffice .overview__item-images div:nth-child(2) {
        margin-top:auto;
        -webkit-transform: translateX(-2rem);
        transform: translateX(-2rem)
    }
}

.page-liveoffice .overview__item-graph {
    background-color: #fafafa;
    padding: 2rem 1.4rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-graph {
        padding:1.2rem;
        position: relative
    }

    .page-liveoffice .overview__item-graph img {
        width: 31.8rem;
        margin: 0 auto;
        display: block
    }
}

.page-liveoffice .overview__item-graph-text {
    position: absolute;
    left: 0;
    bottom: -2.5rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    color: #626262
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-graph-text {
        bottom:-3rem;
        line-height: 2
    }
}

@media(max-width: 767px) {
    .page-liveoffice .overview__item-graph-text {
        bottom:-5rem
    }
}

.page-liveoffice .overview__item-sub {
    color: #626262;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
    margin-top: 1.4rem;
    max-width: 47.3rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item-sub {
        line-height:2;
        max-width: 100%
    }
}

.page-liveoffice .overview__item:nth-child(4) {
    min-height: 52.4rem
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item:nth-child(4) {
        min-height:0
    }
}

@media(max-width: 1023px) {
    .page-liveoffice .overview__item:nth-child(4) .overview__item-sub-title {
        margin-top:5.9rem
    }
}

@media(max-width: 767px) {
    .page-liveoffice .overview__item:nth-child(4) .overview__item-sub-title {
        margin-top:7.9rem
    }
}

.page-liveoffice .before-after {
    position: relative;
    padding-top: 20.4rem;
    position: -webkit-sticky;
    position: sticky;
    top: 8rem;
    left: 0
}

@media(max-width: 767px) {
    .page-liveoffice .before-after.-pc {
        display:none
    }
}

@media(max-width: 1023px) {
    .page-liveoffice .before-after {
        padding-top:11.8rem
    }
}

.page-liveoffice .before-after__head {
    position: absolute;
    top: 8rem;
    left: 0;
    width: 100%;
    height: 8rem
}

@media(max-width: 1023px) {
    .page-liveoffice .before-after__head {
        height:3.8rem;
        top: 6.4rem
    }
}

.page-liveoffice .before-after__head-group {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.page-liveoffice .before-after__head-group.is-visible {
    opacity: 1
}

.page-liveoffice .before-after__head-status {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    border: .1rem solid #9a9a9a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4rem;
    font-family: "Inter",sans-serif;
    font-weight: bold;
    letter-spacing: .02em;
    margin-right: 2.9rem
}

@media(max-width: 1023px) {
    .page-liveoffice .before-after__head-status {
        width:3.8rem;
        height: 3.8rem;
        font-size: .8rem;
        margin-right: .8rem
    }
}

.page-liveoffice .before-after__head-text {
    font-size: 2.2rem;
    font-weight: bold
}

@media(max-width: 1023px) {
    .page-liveoffice .before-after__head-text {
        font-size:1.4rem
    }
}

.page-liveoffice .before-after__images {
    display: grid;
    gap: 4rem;
    grid-template-columns: repeat(2, 1fr)
}

@media(max-width: 1023px) {
    .page-liveoffice .before-after__images {
        gap:1.6rem
    }
}

.page-liveoffice .before-after__img {
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    aspect-ratio: 650/420
}

.page-liveoffice .before-after__img img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-liveoffice .before-after__img-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.page-liveoffice .sp-before-after {
    display: none
}

@media(max-width: 767px) {
    .page-liveoffice .sp-before-after {
        margin-top:6rem;
        display: block
    }
}

.page-liveoffice .sp-before-after__wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-liveoffice .sp-before-after__before {
    padding-bottom: 4rem;
    border-bottom: .1rem solid #ececec
}

.page-liveoffice .sp-before-after__after {
    margin-top: 4rem
}

.page-liveoffice .sp-before-after__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    font-weight: bold
}

.page-liveoffice .sp-before-after__status {
    border-radius: 50%;
    border: .1rem solid #9a9a9a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Inter",sans-serif;
    font-weight: bold;
    letter-spacing: .02em;
    width: 3.8rem;
    height: 3.8rem;
    font-size: .8rem;
    margin-right: .8rem
}

.page-liveoffice .sp-before-after__img {
    margin-top: 1.6rem;
    border-radius: 1.5rem;
    overflow: hidden
}

.page-liveoffice .sp-before-after__arrow {
    width: 6rem;
    margin: 4.3rem auto 2.8rem
}

.page-liveoffice .gallery {
    padding: 11.2rem 0 16rem
}

@media(max-width: 1023px) {
    .page-liveoffice .gallery {
        padding-top:2rem;
        padding-bottom: 10rem
    }
}

.page-liveoffice .gallery__num {
    font-family: "Inter",sans-serif;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 5rem
}

@media(max-width: 1023px) {
    .page-liveoffice .gallery__num {
        font-size:2rem;
        line-height: 1.2
    }
}

.page-liveoffice .gallery__title {
    font-size: 3rem;
    font-weight: bold;
    margin-top: .8rem
}

@media(max-width: 1023px) {
    .page-liveoffice .gallery__title {
        font-size:2.2rem;
        line-height: 2;
        margin-top: 1.3rem
    }
}

.page-liveoffice .gallery__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 4rem
}

@media(max-width: 1280px) {
    .page-liveoffice .gallery__list {
        gap:1.4rem
    }
}

@media(max-width: 1023px) {
    .page-liveoffice .gallery__list {
        margin-top:1.5rem
    }
}

@media(max-width: 767px) {
    .page-liveoffice .gallery__list {
        gap:1rem
    }
}

@media(max-width: 559px) {
    .page-liveoffice .gallery__list {
        gap:1.5rem
    }
}

.page-liveoffice .gallery__item {
    width: calc(50% - 1rem)
}

@media(max-width: 559px) {
    .page-liveoffice .gallery__item {
        width:100%
    }
}

.page-liveoffice .gallery__item:nth-child(1),.page-liveoffice .gallery__item:nth-child(6) {
    width: calc(32.5% - 1rem)
}

@media(max-width: 559px) {
    .page-liveoffice .gallery__item:nth-child(1),.page-liveoffice .gallery__item:nth-child(6) {
        width:100%
    }
}

.page-liveoffice .gallery__item:nth-child(2),.page-liveoffice .gallery__item:nth-child(5) {
    width: calc(67.5% - 1rem)
}

@media(max-width: 559px) {
    .page-liveoffice .gallery__item:nth-child(2),.page-liveoffice .gallery__item:nth-child(5) {
        width:100%
    }
}

.page-liveoffice .gallery__item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-liveoffice .reserve {
    background-color: #fbf4f4;
    padding: 10rem 0 6rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve {
        padding-bottom:0
    }
}

@media(max-width: 767px) {
    .page-liveoffice .reserve {
        background-color:#fafafa
    }
}

.page-liveoffice .reserve__content {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 8rem 6rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__content {
        background-color:transparent;
        padding: 0
    }
}

.page-liveoffice .reserve__title {
    font-size: 2.6rem;
    font-weight: bold;
    text-align: center
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__title {
        font-size:2.4rem
    }
}

.page-liveoffice .reserve__data {
    position: relative;
    max-width: 106rem;
    width: 100%;
    margin: 7.8rem auto 0
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__data {
        margin-top:4rem
    }
}

.page-liveoffice .reserve__feature {
    width: 47.2%
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__feature {
        width:100%
    }
}

.page-liveoffice .reserve__feature-title {
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 1.3rem;
    border-bottom: .1rem solid #d9d9d9
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__feature-title {
        font-size:1.5rem
    }
}

.page-liveoffice .reserve__feature-list {
    margin-top: 1.6rem
}

.page-liveoffice .reserve__feature-item {
    position: relative;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.86;
    padding-left: 3rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__feature-item {
        font-size:1.3rem;
        padding-left: 2.3rem
    }
}

.page-liveoffice .reserve__feature-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: .6rem;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../img/common/icon-circle-check-black.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__feature-item::before {
        width:1.4rem;
        height: 1.4rem
    }
}

.page-liveoffice .reserve__feature-item:not(:first-child) {
    margin-top: .8rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__feature-item:not(:first-child) {
        margin-top:1.2rem
    }
}

.page-liveoffice .reserve__info {
    width: 47.2%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fafafa;
    padding: 2.2rem 2.9rem 2.4rem;
    border-radius: .5rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__info {
        position:relative;
        right: auto;
        top: auto;
        width: 100%;
        margin-top: 4rem;
        padding: 2.2rem 2rem
    }
}

@media(max-width: 767px) {
    .page-liveoffice .reserve__info {
        background-color:#fff
    }
}

.page-liveoffice .reserve__info div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__info div {
        font-size:1.3rem
    }
}

.page-liveoffice .reserve__info div:not(:first-child) {
    margin-top: 2.2rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__info div:not(:first-child) {
        margin-top:2rem
    }
}

.page-liveoffice .reserve__info div dt {
    color: #8a8a8a;
    min-width: 9rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__info div dt {
        min-width:7.4rem;
        line-height: 1.69
    }
}

.page-liveoffice .reserve__info div dd {
    font-weight: 400
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__info div dd {
        line-height:1.69
    }
}

.page-liveoffice .reserve__sub {
    margin-top: 2.2rem;
    max-width: 47.2%
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__sub {
        margin-top:4rem;
        max-width: 100%
    }
}

@media(max-width: 767px) {
    .page-liveoffice .reserve__sub {
        margin-top:2.5rem
    }
}

.page-liveoffice .reserve__sub-text {
    color: #626262;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 2
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__sub-text {
        font-size:1rem
    }
}

.page-liveoffice .reserve__sub-list {
    margin-top: 1.4rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__sub-list {
        margin-top:2.1rem
    }
}

.page-liveoffice .reserve__sub-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #626262;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 2
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__sub-item {
        font-size:1rem
    }
}

.page-liveoffice .reserve__sub-item::before {
    content: "※"
}

.page-liveoffice .reserve__btn {
    max-width: 35rem;
    margin: 8rem auto 0
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__btn {
        margin-top:4rem;
        max-width: 28.5rem
    }
}

.page-liveoffice .reserve__breadcrumb {
    margin-top: 8rem
}

@media(max-width: 1023px) {
    .page-liveoffice .reserve__breadcrumb {
        background-color:#fff;
        margin-left: -2rem;
        margin-right: -2rem;
        padding: 1.2rem 2rem
    }
}

.page-liveoffice .reserve__breadcrumb .breadcrumb__container {
    padding: 0
}

.page-liveoffice .reserve__breadcrumb .breadcrumb__content {
    background-color: #fff
}

.page-officeconstruction .mv {
    position: relative;
    height: 80svh;
    width: 100%
}

.page-officeconstruction .mv__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.page-officeconstruction .mv__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-officeconstruction .mv__bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2)
}

.page-officeconstruction .mv__container {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-officeconstruction .mv__content {
    position: relative;
    color: #fff;
    padding-bottom: 7rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .mv__content {
        padding-bottom:3.6rem
    }
}

.page-officeconstruction .mv__en-text {
    font-family: "Inter",sans-serif;
    font-size: 1.6rem;
    letter-spacing: .08em
}

@media(max-width: 1023px) {
    .page-officeconstruction .mv__en-text {
        font-size:1.2rem
    }
}

.page-officeconstruction .mv__title {
    font-size: 3rem;
    font-weight: bold;
    margin-top: 1.4rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .mv__title {
        font-size:2.2rem
    }
}

.page-officeconstruction .mv__text {
    font-size: 1.8rem;
    margin-top: 1.4rem;
    line-height: 2
}

@media(max-width: 1023px) {
    .page-officeconstruction .mv__text {
        font-size:1rem;
        line-height: 1.6
    }
}

.page-officeconstruction .feature {
    position: relative
}

.page-officeconstruction .feature__intro {
    padding-top: 10rem;
    position: relative
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__intro {
        padding-top:6.8rem
    }
}

.page-officeconstruction .feature__intro-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__intro-content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-officeconstruction .feature__intro-en {
    font-family: "Inter",sans-serif;
    font-size: 2.4rem;
    line-height: 1.75;
    padding-right: 12.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1280px) {
    .page-officeconstruction .feature__intro-en {
        padding-right:8.8%
    }
}

@media(max-width: 1024px) {
    .page-officeconstruction .feature__intro-en {
        padding-right:7.9rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__intro-en {
        font-size:1.6rem;
        letter-spacing: .04em
    }
}

.page-officeconstruction .feature__intro-main {
    max-width: 108.4rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width: 1280px) {
    .page-officeconstruction .feature__intro-main {
        max-width:92.3rem
    }
}

.page-officeconstruction .feature__intro-title {
    font-size: 3rem;
    font-weight: bold
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__intro-title {
        font-size:2.4rem;
        max-width: 23rem;
        margin-top: 4rem
    }
}

.page-officeconstruction .feature__intro-text {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2;
    margin-top: 2.4rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__intro-text {
        font-size:1.2rem;
        line-height: 2.16;
        margin-top: 3rem
    }
}

.page-officeconstruction .feature__intro-list {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-top: 6.4rem;
    counter-reset: li
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__intro-list {
        margin-top:4rem;
        gap: 1rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .feature__intro-list {
        grid-template-columns:1fr
    }
}

.page-officeconstruction .feature__intro-item {
    background-color: #fbf4f4;
    border-radius: 1.5rem;
    padding: 2.4rem 3rem 3rem
}

@media(max-width: 1024px) {
    .page-officeconstruction .feature__intro-item {
        padding-right:0
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__intro-item {
        border-radius:.7rem;
        padding: 1.5rem 2rem 2.3rem
    }
}

.page-officeconstruction .feature__intro-item::before {
    content: "0" counter(li) ".";
    counter-increment: li;
    font-size: 1.6rem;
    font-weight: bold;
    font-family: "Inter",sans-serif;
    line-height: 1.2
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__intro-item::before {
        font-size:1.4rem
    }
}

.page-officeconstruction .feature__intro-item-text {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.78;
    margin-top: 1.2rem;
    min-height: 3.56em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1024px) {
    .page-officeconstruction .feature__intro-item-text {
        font-size:1.4rem;
        line-height: 2;
        margin-top: 1.7rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__intro-item-text {
        font-size:1.3rem;
        line-height: 1.69;
        margin-top: 1.1rem
    }
}

.page-officeconstruction .feature__infinite-text {
    position: absolute;
    left: -5rem;
    bottom: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5rem;
    width: calc(100% + 5rem);
    overflow: hidden
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature__infinite-text {
        display:none
    }
}

.page-officeconstruction .feature__infinite-text span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: infiniteScrollLeft 80s infinite linear;
    animation: infiniteScrollLeft 80s infinite linear
}

.page-officeconstruction .feature__infinite-text span img {
    width: 174rem
}

.page-officeconstruction .feature-head__num {
    font-family: "Inter",sans-serif;
    font-size: 2.4rem;
    line-height: 5rem;
    font-weight: bold
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature-head__num {
        font-size:1.8rem;
        line-height: 1.16
    }
}

.page-officeconstruction .feature-head__title {
    font-size: 3rem;
    font-weight: bold;
    margin-top: .8rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature-head__title {
        font-size:2.2rem;
        margin-top: 1.5rem
    }
}

.page-officeconstruction .feature-head__title span.text-slide-up__el {
    display: inline-block
}

.page-officeconstruction .feature-head__title.-nowrap {
    white-space: nowrap
}

@media(max-width: 767px) {
    .page-officeconstruction .feature-head__title.-nowrap {
        white-space:normal
    }
}

.page-officeconstruction .feature-head__title .-sp {
    display: none
}

@media(max-width: 519px) {
    .page-officeconstruction .feature-head__title .-sp {
        display:block
    }
}

.page-officeconstruction .feature-head__title .-no-sp {
    display: inline-block
}

@media(max-width: 650px) {
    .page-officeconstruction .feature-head__title .-no-sp {
        display:none
    }
}

.page-officeconstruction .feature-head__text {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2;
    margin-top: 3.2rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .feature-head__text {
        font-size:1.2rem;
        line-height: 2.16;
        margin-top: 4rem;
        max-width: 72.7rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .feature-head__text {
        margin-top:3rem
    }
}

.page-officeconstruction .feature-head__text strong {
    font-weight: bold;
    color: #334460;
    text-decoration: underline
}

@media(max-width: 1024px) {
    .page-officeconstruction .feature-head__text .-tab-none {
        display:none
    }
}

.page-officeconstruction .feature-head.-white {
    color: #fff
}

.page-officeconstruction .flow {
    padding-top: 16rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .flow {
        padding-top:10rem
    }
}

.page-officeconstruction .flow__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 3.8rem;
    margin-top: 8rem
}

@media(max-width: 1280px) {
    .page-officeconstruction .flow__content {
        gap:3%
    }
}

@media(max-width: 1024px) {
    .page-officeconstruction .flow__content {
        margin-top:2rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .flow__content {
        margin-top:4rem;
        gap: 2%
    }
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-officeconstruction .flow__chart {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(47% - 1.9rem)
}

@media(max-width: 1023px) {
    .page-officeconstruction .flow__chart {
        width:49%
    }
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__chart {
        width:100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page-officeconstruction .flow__list {
    max-width: 47.5rem;
    min-width: 44rem;
    width: calc(76% - 3.8rem);
    padding-bottom: 2.8rem
}

@media(max-width: 1280px) {
    .page-officeconstruction .flow__list {
        min-width:32rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .flow__list {
        min-width:82%
    }
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__list {
        min-width:0;
        width: 100%;
        max-width: 100%
    }
}

.page-officeconstruction .flow__item {
    position: relative;
    background-color: #334460;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: .04em;
    border-radius: .6rem;
    width: 100%;
    text-align: center;
    padding: 2.4rem 0 0;
    opacity: 0;
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem)
}

.page-officeconstruction .flow__item:not(:first-child) {
    margin-top: 3.8rem
}

.page-officeconstruction .flow__item:nth-child(1) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.page-officeconstruction .flow__item:nth-child(2) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.page-officeconstruction .flow__item:nth-child(3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.page-officeconstruction .flow__item:nth-child(4) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.page-officeconstruction .flow__item:nth-child(5) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.page-officeconstruction .flow__item:nth-child(6) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.page-officeconstruction .flow__item:nth-child(7) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.page-officeconstruction .flow__item::after {
    content: "";
    width: calc(100% - 1rem);
    height: 3rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.9rem;
    margin: 0 auto;
    display: block;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background-color: #334460
}

.page-officeconstruction .flow__list.is-inview .flow__item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page-officeconstruction .flow__bracket {
    position: relative;
    height: 100%;
    width: 24%;
    max-width: 11rem;
    margin-left: 3.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width: 1280px) {
    .page-officeconstruction .flow__bracket {
        margin-left:4%
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .flow__bracket {
        width:5.8rem
    }
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__bracket {
        height:5.5rem;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 1.9rem
    }
}

.page-officeconstruction .flow__bracket span:nth-child(1) {
    position: absolute;
    top: 0;
    left: 2.5rem;
    height: 100%;
    width: .2rem;
    background-color: #b1b1b1;
    display: block
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__bracket span:nth-child(1) {
        left:0;
        right: 0;
        margin: 0 auto;
        height: 2.8rem;
        bottom: 0;
        top: auto
    }
}

.page-officeconstruction .flow__bracket span:nth-child(2) {
    height: .2rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #b1b1b1;
    display: block;
    max-width: calc(100% - 2.5rem)
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__bracket span:nth-child(2) {
        max-width:100%
    }
}

.page-officeconstruction .flow__bracket::before,.page-officeconstruction .flow__bracket::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 2.5rem;
    height: .2rem;
    background-color: #b1b1b1
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__bracket::before,.page-officeconstruction .flow__bracket::after {
        width:.2rem;
        height: 2.7rem
    }
}

.page-officeconstruction .flow__bracket::before {
    top: 0
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__bracket::before {
        left:0
    }
}

.page-officeconstruction .flow__bracket::after {
    bottom: 0
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__bracket::after {
        left:auto;
        right: 0;
        bottom: auto;
        top: 0
    }
}

.page-officeconstruction .flow__point {
    max-width: 68rem;
    width: calc(53% - 1.9rem)
}

@media(max-width: 1023px) {
    .page-officeconstruction .flow__point {
        width:62%
    }
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__point {
        width:100%;
        max-width: 100%;
        margin-top: 1.9rem
    }
}

.page-officeconstruction .flow__point-head {
    height: 3.6rem;
    width: 14rem;
    background-color: #626262;
    border-radius: 4rem;
    color: #fff;
    font-family: "Inter",sans-serif;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: .04em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-officeconstruction .flow__point-head::before {
    content: "";
    width: 2rem;
    height: 2rem;
    background-image: url("../img/common/icon-circle-check-white.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__point-head::before {
        width:1.7rem;
        height: 1.7rem
    }
}

.page-officeconstruction .flow__point-text {
    font-size: 1.6rem;
    margin-top: 2rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .flow__point-text {
        font-size:1.5rem
    }
}

.page-officeconstruction .flow__point-list {
    counter-reset: li;
    background-color: #fbf4f4;
    border-radius: .7rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem;
    padding: 3.3rem;
    margin-top: 2.4rem
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__point-list {
        gap:.7rem;
        padding: 1.4rem
    }
}

.page-officeconstruction .flow__point-item {
    position: relative;
    background-color: #fff;
    border-radius: .7rem;
    padding: 3rem 0 2.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__point-item {
        padding:3.2rem 0 1.2rem
    }
}

.page-officeconstruction .flow__point-item::before {
    content: "0" counter(li);
    counter-increment: li;
    font-size: 2.2rem;
    line-height: 5rem;
    font-family: "Inter",sans-serif;
    font-weight: bold;
    color: #626262;
    position: absolute;
    top: .4rem;
    left: 3.1rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .flow__point-item::before {
        left:2.4rem
    }
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__point-item::before {
        font-size:1.2rem;
        top: 1.4rem;
        left: 1.4rem;
        line-height: 1.2
    }
}

.page-officeconstruction .flow__point-item-icon {
    width: 8.9rem
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__point-item-icon {
        width:6.8rem
    }
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__point-item-icon.-tab-l {
        width:8.3rem
    }
}

.page-officeconstruction .flow__point-item-text {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    min-height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.3rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .flow__point-item-text {
        font-size:1.2rem;
        min-height: 3.6rem
    }
}

@media(max-width: 899px) {
    .page-officeconstruction .flow__point-item-text {
        font-size:1rem;
        margin-top: .8rem;
        min-height: 3rem
    }
}

.page-officeconstruction .design {
    padding-top: 16rem;
    overflow: hidden
}

@media(max-width: 1023px) {
    .page-officeconstruction .design {
        padding-top:10rem
    }
}

.page-officeconstruction .design__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 4.7rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__content {
        gap:2.5rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .design__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4rem
    }
}

.page-officeconstruction .design__infinite-text {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 5rem;
    width: 100vw;
    overflow: hidden
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__infinite-text {
        bottom:-8rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .design__infinite-text {
        display:none
    }
}

.page-officeconstruction .design__infinite-text span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: infiniteScrollLeft 80s infinite linear;
    animation: infiniteScrollLeft 80s infinite linear
}

.page-officeconstruction .design__infinite-text span img {
    width: 265rem
}

.page-officeconstruction .design__head {
    position: relative;
    min-width: 58rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width: 1280px) {
    .page-officeconstruction .design__head {
        min-width:0
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__head {
        width:48%
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .design__head {
        width:100%
    }
}

.page-officeconstruction .design__img {
    position: relative;
    width: 50.5%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 15.8rem
}

@media(max-width: 1280px) {
    .page-officeconstruction .design__img {
        min-width:40rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__img {
        padding-top:11.8rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .design__img {
        padding-top:0;
        width: 100%;
        min-width: 0
    }
}

.page-officeconstruction .design__img img {
    height: 44rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 1.5rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__img img {
        height:auto
    }
}

.page-officeconstruction .design__conclusion {
    position: relative;
    padding: 4.6rem;
    border: .2rem solid #334460;
    border-radius: 1.5rem;
    margin-top: 11.4rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__conclusion {
        margin-top:14rem;
        border-width: .1rem;
        padding: 3.6rem 0
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .design__conclusion {
        margin-top:4rem;
        border-radius: 0;
        padding: 3.8rem 0 3rem
    }
}

.page-officeconstruction .design__conclusion-head {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -1.9rem;
    font-family: "Inter",sans-serif;
    font-size: 2.4rem;
    font-weight: bold;
    color: #626262;
    width: 32.3rem;
    background-color: #fff;
    text-align: center
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__conclusion-head {
        font-size:1.6rem;
        width: 25rem;
        top: -1.2rem
    }
}

.page-officeconstruction .design__conclusion-text {
    font-size: 3rem;
    font-weight: bold;
    color: #334460;
    text-align: center
}

@media(max-width: 1024px) {
    .page-officeconstruction .design__conclusion-text {
        font-size:2.6rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__conclusion-text {
        font-size:1.6rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__conclusion-text span:nth-child(1),.page-officeconstruction .design__conclusion-text span:nth-child(3) {
        font-size:3rem;
        font-weight: 400
    }

    .page-officeconstruction .design__conclusion-text span:nth-child(1) {
        margin-right: 1.3rem;
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }
}

@media(max-width: 1023px)and (max-width: 767px) {
    .page-officeconstruction .design__conclusion-text span:nth-child(1) {
        margin-right:.4rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__conclusion-text span:nth-child(3) {
        margin-left:1.3rem;
        -webkit-transform: translateY(2.2rem);
        transform: translateY(2.2rem)
    }
}

@media(max-width: 1023px)and (max-width: 767px) {
    .page-officeconstruction .design__conclusion-text span:nth-child(3) {
        margin-left:.4rem
    }
}

.page-officeconstruction .design__conclusion-text .-tab {
    display: none
}

@media(max-width: 1023px) {
    .page-officeconstruction .design__conclusion-text .-tab {
        display:block
    }
}

.page-officeconstruction .brand {
    position: relative;
    padding: 16rem 0 16rem;
    z-index: 1;
    margin-top: 16rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .brand {
        margin-top:10rem;
        padding: 10rem 0
    }
}

.page-officeconstruction .brand__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fbf4f4;
    border-radius: 4rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .brand__bg {
        border-radius:2rem
    }
}

.page-officeconstruction .brand__content {
    position: relative
}

.page-officeconstruction .brand__title {
    position: relative;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 2.15;
    text-align: center;
    padding-bottom: 1.8rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .brand__title {
        font-size:2rem;
        padding-bottom: 1.4rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .brand__title {
        line-height:1.7
    }
}

.page-officeconstruction .brand__title::after {
    content: "";
    width: 5.5rem;
    height: .1rem;
    background-color: #838383;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.page-officeconstruction .brand__text {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    margin-top: 3rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .brand__text {
        font-size:1.2rem;
        line-height: 2.16;
        margin-top: 1.8rem
    }
}

.page-officeconstruction .brand__list {
    margin-top: 8rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .brand__list {
        margin-top:4rem
    }
}

.page-officeconstruction .proposal {
    background-color: #606060;
    padding: 20rem 0 16rem;
    margin-top: -4rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .proposal {
        padding:12rem 0 10rem;
        margin-top: -2rem
    }
}

@media(max-width: 1280px) {
    .page-officeconstruction .proposal__head-title {
        max-width:70rem
    }
}

.page-officeconstruction .proposal__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.9rem 3.9rem;
    margin-top: 8rem
}

@media(max-width: 1280px) {
    .page-officeconstruction .proposal__list {
        gap:5% 3%
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .proposal__list {
        gap:2.3rem 1.6rem;
        margin-top: 4rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .proposal__list {
        grid-template-columns:repeat(2, 1fr);
        gap: 1.5%
    }
}

@media(max-width: 519px) {
    .page-officeconstruction .proposal__list {
        grid-template-columns:1fr;
        gap: 1rem
    }
}

.page-officeconstruction .proposal__item {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 4rem 4.2rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .proposal__item {
        padding:3.4rem 3rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .proposal__item {
        padding:10% 12%
    }
}

.page-officeconstruction .payment {
    padding: 16rem 0
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment {
        padding:10rem 0
    }
}

.page-officeconstruction .payment__scroll-area {
    position: relative;
    height: 450vh
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment__scroll-area {
        height:auto
    }
}

.page-officeconstruction .payment__slide-wrap {
    position: relative;
    padding-top: 24rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment__slide-wrap {
        padding-top:8rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .payment__slide-wrap {
        padding-top:3rem
    }
}

.page-officeconstruction .payment__progress {
    position: absolute;
    left: 0;
    top: 28rem;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment__progress {
        display:none
    }
}

.page-officeconstruction .payment__progress svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 7.2rem;
    height: 7.2rem;
    fill: none;
    stroke: #626262;
    stroke-width: .1rem
}

.page-officeconstruction .payment__progress svg.payment__progress-total {
    stroke: #9a9a9a
}

.page-officeconstruction .payment__progress svg.payment__progress-bar circle {
    stroke-dasharray: 0 219.9114857513;
    -webkit-transition: all .5s;
    transition: all .5s
}

.page-officeconstruction .payment__progress-num {
    position: absolute;
    width: 100%;
    height: 100%
}

.page-officeconstruction .payment__progress-num span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Inter",sans-serif;
    font-weight: 400;
    font-size: 2.6rem;
    color: #9a9a9a;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

.page-officeconstruction .payment__slide-count {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .9rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment__slide-count {
        display:none
    }
}

.page-officeconstruction .payment__slide-count-item {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    font-family: "Inter",sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #b5b5b5;
    border: .15rem solid #b5b5b5;
    -webkit-transition: all 1s;
    transition: all 1s
}

.page-officeconstruction .payment__slides {
    position: relative;
    height: 42rem;
    width: 100%;
    padding-bottom: 13.2rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment__slides {
        height:auto;
        padding-bottom: 0
    }
}

.page-officeconstruction .payment__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment__slide {
        position:static;
        opacity: 1
    }

    .page-officeconstruction .payment__slide:not(:first-child) {
        margin-top: 14rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .payment__slide:not(:first-child) {
        margin-top:10rem
    }
}

.page-officeconstruction .payment__slide-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment__slide-wrap {
        position:static
    }
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="0"] .payment__progress svg.payment__progress-bar circle {
    stroke-dasharray: 72.5707902979 219.9114857513
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="0"] .payment__progress-num span:nth-child(1) {
    opacity: 1
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="0"] .payment__slide:nth-child(1) {
    opacity: 1
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="0"] .payment__slide-count-item:nth-child(1) {
    border-color: #626262;
    background-color: #626262;
    color: #fff
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="1"] .payment__progress svg.payment__progress-bar circle {
    stroke-dasharray: 145.1415805958 219.9114857513
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="1"] .payment__progress-num span:nth-child(2) {
    opacity: 1
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="1"] .payment__slide:nth-child(2) {
    opacity: 1
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="1"] .payment__slide-count-item:nth-child(2) {
    border-color: #626262;
    background-color: #626262;
    color: #fff
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="2"] .payment__progress svg.payment__progress-bar circle {
    stroke-dasharray: 219.9114857513 219.9114857513
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="2"] .payment__progress-num span:nth-child(3) {
    opacity: 1
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="2"] .payment__slide:nth-child(3) {
    opacity: 1
}

.page-officeconstruction .payment__slide-wrap[data-active-slide="2"] .payment__slide-count-item:nth-child(3) {
    border-color: #626262;
    background-color: #626262;
    color: #fff
}

.page-officeconstruction .payment-slide__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 4rem;
    padding-left: 10.8rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment-slide__content {
        padding-left:0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3rem
    }
}

.page-officeconstruction .payment-slide__text-wrap {
    position: relative;
    padding-top: 5rem
}

@media(max-width: 1280px) {
    .page-officeconstruction .payment-slide__text-wrap {
        min-width:28.6rem;
        padding-top: 4rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment-slide__text-wrap {
        padding-top:0
    }
}

.page-officeconstruction .payment-slide__text-num {
    font-family: "Inter",sans-serif;
    font-size: 2.6rem;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    border: .1rem solid #9a9a9a;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #9a9a9a;
    letter-spacing: 0;
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment-slide__text-num {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.page-officeconstruction .payment-slide__title {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.67
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment-slide__title {
        font-size:1.8rem;
        height: 6rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 8rem
    }
}

.page-officeconstruction .payment-slide__text {
    font-size: 1.4rem;
    line-height: 2.1;
    font-weight: 400;
    margin-top: 4.6rem
}

@media(max-width: 1280px) {
    .page-officeconstruction .payment-slide__text {
        margin-top:2.7rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment-slide__text {
        margin-top:3rem
    }
}

.page-officeconstruction .payment-slide__text strong {
    color: #334460;
    font-weight: bold;
    text-decoration: underline
}

@media(max-width: 519px) {
    .page-officeconstruction .payment-slide__text.-mw-xs {
        max-width:29rem
    }
}

.page-officeconstruction .payment-slide__content-img {
    max-width: 70rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment-slide__content-img {
        max-width:100%
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment-slide__content-img.-tab-none {
        display:none
    }
}

.page-officeconstruction .payment-slide__content-img img.-hide-xs {
    display: block
}

@media(max-width: 519px) {
    .page-officeconstruction .payment-slide__content-img img.-hide-xs {
        display:none
    }
}

.page-officeconstruction .payment-slide__content-img img.-show-xs {
    display: none
}

@media(max-width: 519px) {
    .page-officeconstruction .payment-slide__content-img img.-show-xs {
        display:block
    }
}

.page-officeconstruction .payment-slide__content-img img.-hide-sp {
    display: block
}

@media(max-width: 767px) {
    .page-officeconstruction .payment-slide__content-img img.-hide-sp {
        display:none
    }
}

.page-officeconstruction .payment-slide__content-img img.-show-sp {
    display: none
}

@media(max-width: 767px) {
    .page-officeconstruction .payment-slide__content-img img.-show-sp {
        display:block
    }
}

.page-officeconstruction .payment-slide__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    counter-reset: li;
    display: none
}

@media(max-width: 1023px) {
    .page-officeconstruction .payment-slide__list {
        display:grid
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .payment-slide__list {
        grid-template-columns:1fr;
        margin-top: 1rem
    }
}

.page-officeconstruction .payment-slide__item {
    position: relative;
    background-color: #fbf4f4;
    padding: 5.4rem 0 3.8rem;
    border-radius: 1.5rem
}

@media(max-width: 767px) {
    .page-officeconstruction .payment-slide__item {
        height:20rem;
        padding: 2.9rem 0 0
    }
}

.page-officeconstruction .payment-slide__item::before {
    content: "0" counter(li);
    counter-increment: li;
    font-family: "Inter",sans-serif;
    font-size: 2rem;
    line-height: 2.5;
    font-weight: bold;
    display: block;
    position: absolute;
    top: .4rem;
    left: 2.4rem
}

.page-officeconstruction .payment-slide__item-icon {
    width: 10rem;
    margin: 0 auto
}

.page-officeconstruction .payment-slide__item-icon.-size-l {
    width: 16.3rem
}

.page-officeconstruction .payment-slide__item-text {
    font-size: 1.5rem;
    line-height: 1.2;
    text-align: center;
    margin-top: 3.8rem
}

@media(max-width: 767px) {
    .page-officeconstruction .payment-slide__item-text {
        margin-top:2.2rem
    }
}

.page-officeconstruction .payment-slide__item-text span {
    font-size: .9rem
}

.page-officeconstruction .payment-slide__space {
    display: none
}

@media(max-width: 767px) {
    .page-officeconstruction .payment-slide__space {
        display:block;
        margin-top: 1.8rem
    }
}

.page-officeconstruction .payment-slide__space-group:not(:first-child) {
    margin-top: 3rem
}

.page-officeconstruction .payment-slide__space-border {
    width: 23rem;
    height: 3rem
}

.page-officeconstruction .payment-slide__space-border.-subscription {
    border: .5rem solid #94cbe1
}

.page-officeconstruction .payment-slide__space-border.-purchase {
    border: .5rem solid #334460
}

.page-officeconstruction .payment-slide__space-text {
    max-width: 62.9rem;
    margin-top: 1.4rem
}

.page-officeconstruction .payment-slide__space-text p:nth-child(1) {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: bold
}

.page-officeconstruction .payment-slide__space-text p:nth-child(2) {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.85;
    margin-top: 1.4rem
}

.page-officeconstruction .support {
    background-color: #fbf4f4;
    padding: 16rem 0
}

@media(max-width: 1023px) {
    .page-officeconstruction .support {
        padding:10rem 0
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .support {
        padding-bottom:12rem
    }
}

.page-officeconstruction .support__rows {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    gap: 23.2rem;
    margin-top: 8rem
}

@media(max-width: 1280px) {
    .page-officeconstruction .support__rows {
        gap:21.2rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .support__rows {
        gap:20.8rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .support__rows {
        margin-top:4rem
    }
}

.page-officeconstruction .support__rows::after {
    content: "";
    width: 18rem;
    height: 5rem;
    background-image: url("../img/page-officeconstruction/support-arrow.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media(max-width: 1023px) {
    .page-officeconstruction .support__rows::after {
        -webkit-transform:translateY(2rem);
        transform: translateY(2rem)
    }
}

.page-officeconstruction .support__row {
    position: relative
}

.page-officeconstruction .support__infinite-text {
    position: absolute;
    left: 0;
    bottom: 3.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: hidden
}

@media(max-width: 767px) {
    .page-officeconstruction .support__infinite-text {
        bottom:-1rem
    }
}

.page-officeconstruction .support__infinite-text span {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: infiniteScrollLeft 80s infinite linear;
    animation: infiniteScrollLeft 80s infinite linear
}

.page-officeconstruction .support__infinite-text span img {
    width: 165rem
}

.page-officeconstruction .support__infinite-text.-second span img {
    width: 208rem
}

.page-officeconstruction .support__row-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1023px) {
    .page-officeconstruction .support__row-container {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 8%
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .support__row-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 0 2rem
    }
}

.page-officeconstruction .support__illust {
    max-width: 54.8rem;
    width: 41.4%
}

@media(max-width: 1280px) {
    .page-officeconstruction .support__illust {
        max-width:50.4rem;
        width: 43%
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .support__illust {
        max-width:33.5rem;
        width: 100%;
        margin: 1.6rem auto 0
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .support__illust.-second {
        margin-top:4rem
    }
}

.page-officeconstruction .support__card {
    max-width: 67rem;
    width: 50.6%;
    color: #fff;
    padding: 4.8rem 6rem
}

@media(max-width: 1280px) {
    .page-officeconstruction .support__card {
        padding:4.8rem 3.6rem 4.8rem 4.4rem
    }
}

@media(max-width: 1024px) {
    .page-officeconstruction .support__card {
        padding:2.8rem 3rem 3.3rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .support__card {
        padding:3.6rem 2rem 4rem
    }
}

@media(max-width: 767px) {
    .page-officeconstruction .support__card {
        width:100%;
        max-width: 100%
    }
}

.page-officeconstruction .support__card.-faq {
    background-color: #606060
}

.page-officeconstruction .support__card.-social {
    background-color: #334460
}

.page-officeconstruction .support__card-title {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: bold;
    padding-bottom: 2rem;
    border-bottom: .1rem solid #fff
}

@media(max-width: 1024px) {
    .page-officeconstruction .support__card-title {
        font-size:1.4rem;
        padding-bottom: 2.8rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .support__card-title {
        font-size:1.5rem;
        padding-bottom: 1.8rem
    }
}

.page-officeconstruction .support__check-list {
    margin-top: 2.6rem
}

.page-officeconstruction .support__check-item {
    position: relative;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.75;
    padding-left: 3.2rem
}

@media(max-width: 1024px) {
    .page-officeconstruction .support__check-item {
        font-size:1.2rem;
        line-height: 1.5
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .support__check-item {
        font-size:1.1rem;
        line-height: 1.63;
        padding-left: 2.1rem
    }
}

.page-officeconstruction .support__check-item:not(:first-child) {
    margin-top: 2.8rem
}

@media(max-width: 1024px) {
    .page-officeconstruction .support__check-item:not(:first-child) {
        margin-top:2.1rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .support__check-item:not(:first-child) {
        margin-top:1.4rem
    }
}

.page-officeconstruction .support__check-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: .6rem;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../img/common/icon-circle-check-white.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

@media(max-width: 1024px) {
    .page-officeconstruction .support__check-item::before {
        top:.3rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .support__check-item::before {
        width:1.2rem;
        height: 1.2rem
    }
}

.page-officeconstruction .case {
    padding: 16rem 0;
    background-color: #fff
}

@media(max-width: 1023px) {
    .page-officeconstruction .case {
        padding:10rem 0
    }
}

.page-officeconstruction .case__container {
    padding-right: 0
}

@media(max-width: 899px) {
    .page-officeconstruction .case__container {
        padding-left:0
    }
}

@media(max-width: 899px) {
    .page-officeconstruction .case__title {
        padding:0 2rem
    }
}

@media(max-width: 1023px) {
    .page-officeconstruction .case__list {
        margin-top:4rem
    }
}

.page-officeconstruction .case__link {
    text-align: center;
    margin-top: 12rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .case__link {
        margin-top:8rem
    }
}

.page-officeconstruction .case__link a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media(hover: hover) {
    .page-officeconstruction .case__link a:hover .case__link-text {
        color:#334460
    }

    .page-officeconstruction .case__link a:hover .case__link-icon {
        -webkit-transform: translate(0.7rem, -0.3rem);
        transform: translate(0.7rem, -0.3rem)
    }

    .page-officeconstruction .case__link a:hover .case__link-icon svg rect {
        fill: #334460
    }
}

.page-officeconstruction .case__link-text {
    font-family: "Inter",sans-serif;
    font-size: 6rem;
    font-weight: 600;
    color: #404040;
    line-height: 1
}

@media(max-width: 1023px) {
    .page-officeconstruction .case__link-text {
        font-size:2.6rem
    }
}

.page-officeconstruction .case__link-icon {
    width: 4rem;
    height: 4rem;
    margin-left: 2.8rem;
    -webkit-transform: translateY(0.4rem);
    transform: translateY(0.4rem);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

@media(max-width: 1023px) {
    .page-officeconstruction .case__link-icon {
        width:1.5rem;
        height: 1.5rem;
        margin-left: 1.2rem;
        -webkit-transform: translateY(0.2rem);
        transform: translateY(0.2rem)
    }
}

.page-officeconstruction .case__link-icon svg {
    width: 100%;
    height: 100%
}

.page-officeconstruction .case__link-icon svg rect {
    fill: #404040;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.page-officeconstruction .column {
    overflow: hidden;
    background-color: #fbf4f4;
    padding: 16rem 0 6rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .column {
        padding:10rem 0 0
    }
}

.page-officeconstruction .column__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.page-officeconstruction .column__slider {
    margin-top: 6rem
}

.page-officeconstruction .column__breadcrumb {
    margin-top: 8rem
}

@media(max-width: 1023px) {
    .page-officeconstruction .column__breadcrumb {
        margin-top:10rem;
        background-color: #fff;
        margin-left: -2rem;
        margin-right: -2rem;
        padding: 1.2rem 2rem
    }
}

.page-officeconstruction .column__breadcrumb .breadcrumb__content {
    background-color: #fff
}

.archive-projects .mv {
    padding-top: 12rem
}

@media(max-width: 1023px) {
    .archive-projects .mv {
        padding-top:9rem
    }
}

.archive-projects .mv__breadcrumb .breadcrumb__container {
    padding: 0
}

.archive-projects .mv__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: .1rem solid #ececec;
    padding-bottom: 8.4rem
}

@media(max-width: 1280px) {
    .archive-projects .mv__row {
        gap:14%
    }
}

@media(max-width: 1023px) {
    .archive-projects .mv__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 6rem
    }
}

.archive-projects .mv__title {
    font-size: 16.2rem;
    font-weight: 400;
    font-family: "Inter",sans-serif;
    min-width: 68rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1280px) {
    .archive-projects .mv__title {
        min-width:0
    }
}

@media(max-width: 1023px) {
    .archive-projects .mv__title {
        font-size:8rem;
        line-height: 1.8
    }
}

.archive-projects .mv__title span span {
    letter-spacing: -0.05em
}

.archive-projects .mv__search {
    padding-top: 5rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width: 1023px) {
    .archive-projects .mv__search {
        padding-top:1.3rem
    }
}

.archive-projects .article__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.6rem 2rem;
    margin-top: 3rem
}

@media(max-width: 1023px) {
    .archive-projects .article__list {
        gap:6rem 2.2rem
    }
}

@media(max-width: 767px) {
    .archive-projects .article__list {
        grid-template-columns:1fr;
        margin-top: 2.3rem
    }
}

.archive-projects .article__not-found {
    font-family: "Inter",sans-serif;
    font-size: 8rem;
    font-weight: bold;
    letter-spacing: .03em;
    margin-top: 12rem
}

.archive-projects .article__pagination {
    padding: 10rem 0 0
}

@media(max-width: 767px) {
    .archive-projects .article__pagination {
        padding-top:6rem
    }
}

.archive-projects .project-card__category span a {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    padding: .3rem 1.7rem;
    border: .1rem solid #1f1f1f;
    border-radius: 4rem;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(hover: hover) {
    .archive-projects .project-card__category span a:hover {
        opacity:.6
    }
}

.archive-projects .project-card__link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 1.3rem
}

.archive-projects .project-card__corner {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 7rem;
    height: 7rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
}

.archive-projects .project-card__corner-arrow {
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s
}

.archive-projects .project-card__corner-arrow svg rect {
    fill: #1f1f1f
}

.archive-projects .project-card__thumb {
    position: relative;
    aspect-ratio: 660/440;
    width: 100%;
    overflow: hidden;
    border-radius: 1.5rem
}

@media(max-width: 1023px) {
    .archive-projects .project-card__thumb {
        border-radius:.7rem
    }
}

.archive-projects .project-card__thumb img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.archive-projects .project-card__read-more {
    background-color: rgba(31, 31, 31, 0.2);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.archive-projects .project-card__read-more span {
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

@media(hover: hover) {
    .archive-projects .project-card__link:hover .project-card__corner {
        -webkit-transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
    }

    .archive-projects .project-card__link:hover .project-card__read-more {
        opacity: 1
    }

    .archive-projects .project-card__link:hover .project-card__read-more span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .archive-projects .project-card__link:hover .project-card__corner-arrow {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.archive-projects .project-card__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .6rem
}

@media(max-width: 1023px) {
    .archive-projects .project-card__info {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-top: 1.3rem
    }
}

.archive-projects .project-card__tag {
    padding-top: .7rem
}

@media(max-width: 1023px) {
    .archive-projects .project-card__tag {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.archive-projects .project-card__tag li a {
    font-size: 1.2rem;
    font-weight: 400;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width: 1023px) {
    .archive-projects .project-card__tag li a {
        font-size:1rem;
        margin-right: .4em
    }
}

.archive-projects .project-card__tag li a::before {
    content: "#"
}

@media(hover: hover) {
    .archive-projects .project-card__tag li a:hover {
        opacity:.6
    }
}

.archive-projects .project-card__corp-name {
    font-size: 1.5rem;
    line-height: 2.33;
    padding-right: 2.4rem
}

@media(max-width: 1023px) {
    .archive-projects .project-card__corp-name {
        font-size:1.4rem;
        line-height: 1.5;
        padding-right: 0
    }
}

.archive-projects .project-search {
    width: 100%;
    pointer-events: auto
}

.archive-projects .project-search label {
    display: block;
    cursor: pointer
}

.archive-projects .project-search__item.is-hide,.archive-projects .project-search__label.is-hide {
    display: none
}

.archive-projects .project-search__item:not(:first-child) {
    margin-top: 4rem
}

.archive-projects .project-search__label input {
    display: none
}

.archive-projects .project-search__label span {
    position: relative;
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    padding: .8rem 3rem;
    border: .1rem solid #626262;
    color: #626262;
    border-radius: 3rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.archive-projects .project-search__label span::before {
    content: "";
    position: absolute;
    left: 1.2rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 1rem;
    height: 1rem;
    background-image: url("../img/common/icon-search-delete.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(hover: hover) {
    .archive-projects .project-search__label:hover:not(.archive-projects .project-search__label.-is-first) input[type=checkbox]+span {
        background-color:#626262;
        color: #fff
    }
}

.archive-projects .project-search__label input[type=checkbox]:checked+span {
    background-color: #626262;
    color: #fff;
    padding-left: 3.6rem;
    padding-right: 2.4rem
}

.archive-projects .project-search__label input[type=checkbox]:checked+span::before {
    opacity: 1
}

.archive-projects .project-search__label.-is-first input[type=checkbox]:checked+span {
    background-color: #fff;
    color: #626262;
    padding-left: 3rem;
    padding-right: 3rem
}

.archive-projects .project-search__label.-is-first input[type=checkbox]:checked+span::before {
    opacity: 0
}

.archive-projects .project-search__title {
    font-family: "Inter",sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: .03em
}

.archive-projects .project-search__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: 2.3rem
}

.archive-projects .recommend {
    overflow: hidden;
    padding: 16rem 0
}

@media(max-width: 1023px) {
    .archive-projects .recommend {
        padding:10rem 0
    }
}

.archive-projects .recommend__title {
    font-size: 1.6rem;
    font-weight: bold;
    padding-bottom: 1.8rem;
    border-bottom: .1rem solid #ececec
}

@media(max-width: 1023px) {
    .archive-projects .recommend__title {
        font-size:1.2rem;
        padding-bottom: .9rem
    }
}

.archive-projects .recommend__slider {
    margin-top: 3rem
}

@media(max-width: 1023px) {
    .archive-projects .recommend__slider {
        margin-top:3.9rem
    }
}

.single-projects .mv {
    position: relative;
    height: 90vh;
    width: 100%
}

@media(max-width: 767px) {
    .single-projects .mv {
        height:70vh
    }
}

.single-projects .mv__cover {
    position: relative;
    height: 100%;
    overflow: hidden
}

.single-projects .mv__cover img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.single-projects .mv__info {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 18.8rem;
    width: 100%;
    padding-bottom: 3.6rem
}

@media(max-width: 1023px) {
    .single-projects .mv__info {
        height:12.3rem;
        padding-bottom: 2.5rem
    }
}

.single-projects .mv__info::before {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    bottom: 0;
    left: 0
}

@media(max-width: 1023px) {
    .single-projects .mv__info::before {
        background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
    }
}

.single-projects .mv__container {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.single-projects .mv__info-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.single-projects .mv__info-item {
    position: relative;
    color: #fff;
    width: 25rem
}

@media(max-width: 1280px) {
    .single-projects .mv__info-item {
        width:21%
    }
}

@media(max-width: 1023px) {
    .single-projects .mv__info-item {
        display:none
    }
}

.single-projects .mv__info-item:first-child {
    margin-right: auto;
    width: 30rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1023px) {
    .single-projects .mv__info-item:first-child {
        display:block;
        width: 100%
    }
}

.single-projects .mv__info-item::after {
    content: "";
    height: .1rem;
    width: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0
}

@media(max-width: 1023px) {
    .single-projects .mv__info-item::after {
        -webkit-transform:translateY(0.1rem);
        transform: translateY(0.1rem)
    }
}

.single-projects .mv__info-title {
    font-family: "Inter",sans-serif;
    font-weight: 400;
    font-size: 1.6rem
}

@media(max-width: 1023px) {
    .single-projects .mv__info-title {
        font-size:1.4rem;
        line-height: 1.8
    }
}

.single-projects .mv__info-content {
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 2rem
}

@media(max-width: 1023px) {
    .single-projects .mv__info-content {
        font-size:1.4rem;
        margin-top: 1.3rem
    }
}

.single-projects .info {
    padding: 6rem 0 10rem
}

@media(max-width: 1023px) {
    .single-projects .info {
        padding:3rem 0 5rem
    }
}

@media(max-width: 767px) {
    .single-projects .info {
        padding-bottom:10rem;
        overflow: hidden
    }
}

.single-projects .info__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 9rem
}

@media(max-width: 1280px) {
    .single-projects .info__content {
        gap:5%
    }
}

@media(max-width: 1023px) {
    .single-projects .info__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.single-projects .info__text-wrap {
    width: 46%
}

@media(max-width: 1280px) {
    .single-projects .info__text-wrap {
        width:50%;
        max-width: 50rem;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media(max-width: 1023px) {
    .single-projects .info__text-wrap {
        width:100%;
        max-width: 100%;
        padding-top: 3rem
    }
}

.single-projects .info__title {
    font-size: 1.6rem;
    font-weight: bold
}

@media(max-width: 1023px) {
    .single-projects .info__title {
        font-size:1.4rem;
        line-height: 1.857
    }
}

.single-projects .info__sub-title {
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 1rem
}

@media(max-width: 1023px) {
    .single-projects .info__sub-title {
        font-size:1.2rem
    }
}

.single-projects .info__text {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 4rem
}

@media(max-width: 1023px) {
    .single-projects .info__text {
        font-size:1.4rem;
        line-height: 1.857
    }
}

.single-projects .info__btn {
    margin-top: 7.2rem
}

@media(max-width: 1023px) {
    .single-projects .info__btn {
        margin-top:6rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.single-projects .info__btn .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.single-projects .info__data {
    width: 54%
}

@media(max-width: 1280px) {
    .single-projects .info__data {
        width:auto;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 58.8rem
    }
}

@media(max-width: 1023px) {
    .single-projects .info__data {
        max-width:100%;
        width: 100%
    }
}

@media(max-width: 1023px) {
    .single-projects .info__data-list {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3rem;
        padding-bottom: 2rem;
        border-bottom: .1rem solid #c7cfcc
    }
}

@media(max-width: 767px) {
    .single-projects .info__data-list {
        padding-bottom:6rem
    }
}

.single-projects .info__data-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3.2rem
}

@media(max-width: 1023px) {
    .single-projects .info__data-item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: calc(50% - 1.5rem);
        margin-bottom: 0
    }
}

.single-projects .info__data-item:last-child {
    margin-bottom: 0
}

.single-projects .info__data-item.-tab {
    display: none
}

@media(max-width: 1023px) {
    .single-projects .info__data-item.-tab {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 1023px) {
    .single-projects .info__data-item.-phase {
        margin-top:1.3rem;
        width: 100%
    }
}

.single-projects .info__data-title {
    font-family: "Inter",sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: #8a8a8a;
    min-width: 14.2rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1023px) {
    .single-projects .info__data-title {
        font-size:1.4rem;
        line-height: 1.2;
        width: 100%
    }
}

.single-projects .info__data-desc {
    font-size: 1.6rem;
    font-weight: 400;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width: 1023px) {
    .single-projects .info__data-desc {
        font-size:1.4rem;
        margin-top: .7rem
    }
}

.single-projects .info__data-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.single-projects .info__data-tag li {
    margin-right: .4rem
}

.single-projects .info__data-tag li a {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.single-projects .info__data-tag li a::before {
    content: "#"
}

@media(hover: hover) {
    .single-projects .info__data-tag li a:hover {
        opacity:.6
    }
}

.single-projects .info__data-tag li:last-child a::after {
    display: none
}

.single-projects .info__data-member p:not(:first-child) {
    margin-top: .6rem
}

@media(max-width: 1023px) {
    .single-projects .info__data-phase {
        margin-top:1.2rem
    }
}

.single-projects .info__phase-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem 1.5rem
}

@media(max-width: 1280px) {
    .single-projects .info__phase-list {
        gap:1.2rem 1.1rem
    }
}

@media(max-width: 1023px) {
    .single-projects .info__phase-list {
        gap:.9rem .6rem
    }
}

.single-projects .info__phase-item {
    position: relative;
    width: 8rem;
    height: 3.6rem;
    border: .1rem solid #626262;
    color: #626262;
    font-size: 1.6rem;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1023px) {
    .single-projects .info__phase-item {
        width:8.6rem;
        font-size: 1.4rem
    }
}

.single-projects .info__phase-item.-has-tooltip {
    cursor: pointer
}

.single-projects .info__phase-item.-has-tooltip::before {
    content: "";
    width: 1rem;
    height: 1rem;
    background-image: url("../img/common/icon-info-blue.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: .8rem;
    top: 0;
    bottom: 0;
    margin: auto 0
}

@media(max-width: 1023px) {
    .single-projects .info__phase-item.-has-tooltip::before {
        right:1rem
    }
}

.single-projects .info__phase-item.-has-tooltip.-navy::before {
    background-image: url("../img/common/icon-info-white.svg")
}

.single-projects .info__phase-item.-has-tooltip:hover .info__phase-item-tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0)
}

.single-projects .info__phase-item.-navy {
    background-color: #334460;
    color: #fff;
    border-color: #334460
}

.single-projects .info__phase-item-tooltip {
    position: absolute;
    left: 50%;
    top: -4rem;
    white-space: nowrap;
    padding: .6rem 2rem;
    -webkit-transform: translateX(-50%) translateY(1rem);
    transform: translateX(-50%) translateY(1rem);
    display: inline-block;
    font-size: 1rem;
    letter-spacing: .03em;
    color: #fff;
    background-color: #44a4ff;
    -webkit-filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.1));
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width: 767px) {
    .single-projects .info__phase-item-tooltip {
        padding:.6rem 1.2rem
    }
}

.single-projects .info__phase-item-tooltip::after {
    content: "";
    position: absolute;
    bottom: -0.8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1.6rem;
    height: 1rem;
    background-color: #44a4ff;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%)
}

.single-projects .info__exp-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2.4rem
}

@media(max-width: 1023px) {
    .single-projects .info__exp-list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.single-projects .info__exp-item {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.75;
    color: #334460;
    min-width: 50%;
    padding-right: 1em
}

@media(max-width: 1023px) {
    .single-projects .info__exp-item {
        font-size:1.4rem;
        font-weight: 500;
        line-height: 1.5
    }
}

.single-projects .gallery {
    padding-bottom: 10rem
}

@media(max-width: 767px) {
    .single-projects .gallery {
        padding-bottom:8rem
    }
}

@media(max-width: 767px) {
    .single-projects .gallery__container {
        padding:0
    }
}

.single-projects .gallery__rows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    gap: 1rem
}

@media(max-width: 767px) {
    .single-projects .gallery__rows {
        gap:1.5rem
    }
}

.single-projects .gallery__row {
    width: 100%;
    gap: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 767px) {
    .single-projects .gallery__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.5rem
    }
}

.single-projects .gallery__col {
    width: 100%
}

.single-projects .gallery__img {
    width: 100%;
    height: 100%
}

.single-projects .gallery__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.single-projects .gallery__row.-pattern01 {
    aspect-ratio: 1340/610
}

.single-projects .gallery__row.-pattern02 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    aspect-ratio: 1340/430
}

.single-projects .gallery__row.-pattern02 .gallery__col {
    width: calc(50% - .5rem)
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern02 .gallery__col {
        width:100%
    }
}

.single-projects .gallery__row.-pattern03 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    aspect-ratio: 1340/610
}

.single-projects .gallery__row.-pattern03 .gallery__col:nth-child(1) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    width: calc(31% - .5rem);
    height: 100%
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern03 .gallery__col:nth-child(1) {
        width:100%;
        height: auto;
        gap: 1.5rem
    }
}

.single-projects .gallery__row.-pattern03 .gallery__col:nth-child(1) .gallery__img {
    width: 100%;
    height: calc(50% - .5rem);
    overflow: hidden
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern03 .gallery__col:nth-child(1) .gallery__img {
        height:auto
    }
}

.single-projects .gallery__row.-pattern03 .gallery__col:nth-child(2) {
    width: calc(69% - .5rem);
    height: 100%
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern03 .gallery__col:nth-child(2) {
        width:100%;
        height: auto
    }
}

.single-projects .gallery__row.-pattern04 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    aspect-ratio: 1340/610
}

.single-projects .gallery__row.-pattern04 .gallery__col:nth-child(1) {
    width: calc(69% - .5rem);
    height: 100%
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern04 .gallery__col:nth-child(1) {
        width:100%;
        height: auto
    }
}

.single-projects .gallery__row.-pattern04 .gallery__col:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    width: calc(31% - .5rem);
    height: 100%
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern04 .gallery__col:nth-child(2) {
        width:100%;
        gap: 1.5rem;
        height: auto
    }
}

.single-projects .gallery__row.-pattern04 .gallery__col:nth-child(2) .gallery__img {
    width: 100%;
    height: calc(50% - .5rem)
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern04 .gallery__col:nth-child(2) .gallery__img {
        height:auto
    }
}

.single-projects .gallery__row.-pattern05 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    aspect-ratio: 1340/610
}

.single-projects .gallery__row.-pattern05 .gallery__col:nth-child(1) {
    width: calc(69% - .5rem);
    height: 100%
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern05 .gallery__col:nth-child(1) {
        width:100%;
        height: auto
    }
}

.single-projects .gallery__row.-pattern05 .gallery__col:nth-child(2) {
    width: calc(31% - .5rem);
    height: 100%
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern05 .gallery__col:nth-child(2) {
        width:100%;
        height: auto
    }
}

.single-projects .gallery__row.-pattern06 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    aspect-ratio: 1340/610
}

.single-projects .gallery__row.-pattern06 .gallery__col:nth-child(1) {
    width: calc(31% - .5rem);
    height: 100%
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern06 .gallery__col:nth-child(1) {
        width:100%;
        height: auto
    }
}

.single-projects .gallery__row.-pattern06 .gallery__col:nth-child(2) {
    width: calc(69% - .5rem);
    height: 100%
}

@media(max-width: 767px) {
    .single-projects .gallery__row.-pattern06 .gallery__col:nth-child(2) {
        width:100%;
        height: auto
    }
}

.single-projects .interview {
    padding: 0 0 16rem
}

@media(max-width: 1023px) {
    .single-projects .interview {
        padding-bottom:10rem
    }
}

.single-projects .interview__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 7rem
}

@media(max-width: 1023px) {
    .single-projects .interview__wrap {
        gap:5rem
    }
}

@media(max-width: 767px) {
    .single-projects .interview__wrap {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

.single-projects .interview__content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.single-projects .interview__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.single-projects .interview__title h2 {
    font-family: "Inter",sans-serif;
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1
}

.single-projects .interview__title span {
    position: relative;
    font-size: .8rem;
    font-weight: bold;
    margin-left: 2.2rem
}

.single-projects .interview__title span::before {
    content: "";
    position: absolute;
    left: -1.2rem;
    top: -0.2rem;
    width: .1rem;
    height: 1.7rem;
    background-color: #8c8c8c;
    display: block;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.single-projects .interview__head-text {
    position: relative;
    padding-left: 1.8rem;
    font-size: 1.8rem;
    line-height: 1.67;
    margin-top: 1.8rem
}

@media(max-width: 1023px) {
    .single-projects .interview__head-text {
        font-size:1.4rem
    }
}

.single-projects .interview__head-text::before {
    content: "";
    width: .4rem;
    height: calc(100% - 1.2rem);
    position: absolute;
    top: .6rem;
    left: 0;
    display: block;
    background-color: #626bb9
}

@media(max-width: 1023px) {
    .single-projects .interview__head-text::before {
        top:.1rem;
        height: calc(100% - .1rem)
    }
}

.single-projects .interview__body {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.13;
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .single-projects .interview__body {
        font-size:1.3rem;
        line-height: 2
    }
}

.single-projects .interview__body h3 {
    position: relative;
    font-size: 1.6rem;
    line-height: 1.67;
    font-weight: bold;
    padding-bottom: 1rem;
    border-bottom: .1rem solid #334460
}

@media(max-width: 1023px) {
    .single-projects .interview__body h3 {
        font-size:1.4rem;
        line-height: 1.71;
        padding-bottom: 1.4rem
    }
}

.single-projects .interview__body strong {
    font-weight: 600
}

.single-projects .interview__body>*:first-child {
    margin-top: 0
}

.single-projects .interview__body h3 {
    margin-top: 7rem
}

@media(max-width: 1023px) {
    .single-projects .interview__body h3 {
        margin-top:6rem
    }
}

.single-projects .interview__body p {
    margin-top: 1.6rem
}

@media(max-width: 1023px) {
    .single-projects .interview__body p {
        margin-top:1.4rem
    }
}

.single-projects .interview__sidebar {
    width: 28%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1023px) {
    .single-projects .interview__sidebar {
        width:24.1rem
    }
}

@media(max-width: 767px) {
    .single-projects .interview__sidebar {
        width:100%
    }
}

.single-projects .about {
    padding: 10rem 0 6rem;
    background-color: #fbf4f4;
    border-radius: 2rem 2rem 0 0
}

@media(max-width: 1023px) {
    .single-projects .about {
        background-color:#f6f2ef;
        padding: 6rem 0 0
    }
}

.single-projects .about__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 4rem
}

@media(max-width: 1280px) {
    .single-projects .about__content {
        gap:3.5%
    }
}

@media(max-width: 1023px) {
    .single-projects .about__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4rem
    }
}

.single-projects .about__company {
    background-color: #fff;
    border-radius: 2rem;
    padding: 5.6rem 5.6rem 4.8rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1023px) {
    .single-projects .about__company {
        width:100%;
        padding: 6.4rem 1.7rem 4rem
    }
}

.single-projects .about__company-logo {
    width: 24rem;
    height: 8.2rem;
    margin-bottom: 6rem
}

@media(max-width: 1023px) {
    .single-projects .about__company-logo {
        width:17.6rem;
        height: 6rem;
        margin-bottom: 5.4rem
    }
}

.single-projects .about__company-logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.single-projects .about__company-title {
    font-size: 1.6rem;
    line-height: 1.875;
    font-weight: bold;
    padding-bottom: 1.2rem;
    border-bottom: .1rem solid #8c8c8c;
    width: 100%
}

@media(max-width: 1023px) {
    .single-projects .about__company-title {
        font-size:1.4rem;
        line-height: 2.1
    }
}

.single-projects .about__company-text {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 400;
    margin-top: 1.5rem
}

@media(max-width: 1023px) {
    .single-projects .about__company-text {
        font-size:1.4rem;
        line-height: 2.1;
        margin-top: 2.6rem
    }
}

.single-projects .about__company-btn {
    margin-top: 7.5rem
}

@media(max-width: 1023px) {
    .single-projects .about__company-btn {
        margin-top:7rem
    }
}

.single-projects .about__company-btn .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.single-projects .about__message {
    width: 40rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: #fff;
    border-radius: 2rem;
    padding: 5.6rem 3.5rem 4rem
}

@media(max-width: 1280px) {
    .single-projects .about__message {
        width:37%
    }
}

@media(max-width: 1023px) {
    .single-projects .about__message {
        width:100%;
        padding: 5.6rem 1.7rem 4rem
    }
}

.single-projects .about__message-title {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.875;
    font-weight: bold;
    padding-bottom: 1.2rem;
    border-bottom: .1rem solid #8c8c8c
}

@media(max-width: 1023px) {
    .single-projects .about__message-title {
        font-size:1.4rem;
        line-height: 2.1
    }
}

.single-projects .about__message-text {
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 400;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 100%
}

@media(max-width: 1023px) {
    .single-projects .about__message-text {
        font-size:1.4rem;
        line-height: 2.1;
        margin-top: 2.6rem
    }
}

.single-projects .about__message-author {
    margin-top: auto;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: right;
    line-height: 1.57
}

@media(max-width: 1023px) {
    .single-projects .about__message-author {
        margin-top:7rem;
        font-size: 1.4rem
    }
}

.single-projects .about__terms {
    margin-top: 8rem
}

@media(max-width: 1023px) {
    .single-projects .about__terms {
        margin-top:8.8rem
    }
}

@media(max-width: 767px) {
    .single-projects .about__terms {
        margin-top:6rem
    }
}

.single-projects .about__term {
    margin-top: 3.2rem
}

.single-projects .about__term-name {
    font-size: 2rem;
    letter-spacing: .03em;
    line-height: 1.21
}

@media(max-width: 1023px) {
    .single-projects .about__term-name {
        font-size:1.4rem
    }
}

.single-projects .about__term-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: 1.4rem
}

@media(max-width: 1023px) {
    .single-projects .about__term-list {
        gap:.9rem 1.3rem
    }
}

.single-projects .about__term-list li a {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 400;
    color: #626262;
    border: .1rem solid #626262;
    border-radius: 3rem;
    padding: .8rem 3rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width: 1023px) {
    .single-projects .about__term-list li a {
        font-size:1rem;
        line-height: 1.3;
        padding: .8rem 2.4rem
    }
}

@media(hover: hover) {
    .single-projects .about__term-list li a:hover {
        background-color:#626262;
        color: #fff
    }
}

.single-projects .about__breadcrumb {
    margin-top: 8rem
}

@media(max-width: 1023px) {
    .single-projects .about__breadcrumb {
        background-color:#fff;
        margin-left: -2rem;
        margin-right: -2rem;
        padding: 1.2rem 2rem
    }
}

.single-projects .about__breadcrumb .breadcrumb__container {
    padding: 0
}

.single-projects .about__breadcrumb .breadcrumb__content {
    background-color: #fff
}

.archive-brands .mv {
    padding-top: 12rem;
    padding-bottom: 8rem
}

@media(max-width: 1023px) {
    .archive-brands .mv {
        padding:9rem 0 6.4rem
    }
}

.archive-brands .mv__breadcrumb .breadcrumb__container {
    padding: 0
}

.archive-brands .mv__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.archive-brands .mv__title {
    font-size: 16.2rem;
    font-weight: 400;
    font-family: "Inter",sans-serif
}

@media(max-width: 1023px) {
    .archive-brands .mv__title {
        font-size:8rem;
        line-height: 1.8
    }
}

.archive-brands .mv__title span span {
    letter-spacing: -0.04em
}

.archive-brands .mv__sub-title {
    font-size: 1.6rem;
    line-height: 2;
    margin-top: 4.8rem
}

@media(max-width: 1023px) {
    .archive-brands .mv__sub-title {
        font-size:1.3rem;
        line-height: 2.3;
        margin-top: 1.3rem
    }
}

.archive-brands .mv__text {
    font-size: 1.3rem;
    line-height: 2.3;
    font-weight: 400;
    max-width: 63.1rem;
    margin-top: 2rem
}

@media(max-width: 1023px) {
    .archive-brands .mv__text {
        font-size:1rem;
        line-height: 2;
        margin-top: 1.3rem;
        max-width: 49rem
    }
}

.archive-brands .article {
    padding: 0 0 16rem 0
}

@media(max-width: 1023px) {
    .archive-brands .article {
        padding-bottom:10rem
    }
}

.archive-brands .article__content {
    padding-top: 8rem;
    border-top: .1rem solid #d9d9d9
}

@media(max-width: 1023px) {
    .archive-brands .article__content {
        padding-top:5.6rem
    }
}

.archive-brands .article__title {
    font-family: "Lato",sans-serif;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center
}

@media(max-width: 1023px) {
    .archive-brands .article__title {
        font-size:2rem
    }
}

.archive-brands .article__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8rem 2.2%;
    margin-top: 7.6rem
}

@media(max-width: 1023px) {
    .archive-brands .article__list {
        margin-top:4.7rem;
        gap: 6.3rem 2.2%
    }
}

@media(max-width: 767px) {
    .archive-brands .article__list {
        gap:6rem 2.2%
    }
}

@media(max-width: 700px) {
    .archive-brands .article__list {
        grid-template-columns:1fr;
        gap: calc(60px + 20*(100vw - 375px)/325)
    }
}

.archive-brands .article__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.archive-brands .article__corner {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 7rem;
    height: 7rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
}

.archive-brands .article__corner-arrow {
    position: absolute;
    right: 1.8rem;
    top: 1.8rem;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s
}

.archive-brands .article__corner-arrow svg rect {
    fill: #1f1f1f
}

.archive-brands .article__thumb-wrap {
    position: relative;
    width: 100%
}

.archive-brands .article__thumb {
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    aspect-ratio: 655/440
}

@media(max-width: 700px) {
    .archive-brands .article__thumb {
        border-radius:.7rem
    }
}

.archive-brands .article__thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.archive-brands .article__read-more {
    background-color: rgba(31, 31, 31, 0.2);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.archive-brands .article__read-more span {
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.archive-brands .article__logo {
    width: 25%;
    margin: 2.7rem auto 0
}

@media(max-width: 700px) {
    .archive-brands .article__logo {
        min-width:10rem;
        margin-top: 6%
    }
}

.archive-brands .article__logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(hover: hover) {
    .archive-brands .article__link:hover .article__corner {
        -webkit-transform:translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
    }

    .archive-brands .article__link:hover .article__read-more {
        opacity: 1
    }

    .archive-brands .article__link:hover .article__read-more span {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .archive-brands .article__link:hover .article__corner-arrow {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.archive-brands .column {
    overflow: hidden;
    background-color: #fbf4f4;
    padding: 16rem 0
}

@media(max-width: 1280px) {
    .archive-brands .column {
        padding-top:14.6rem
    }
}

@media(max-width: 1023px) {
    .archive-brands .column {
        padding:10rem 0
    }
}

.archive-brands .column__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.archive-brands .column__slider {
    margin-top: 6rem
}

.single-brands {
    background-color: #fafafa
}

.single-brands .header__content {
    background-color: #fafafa
}

.single-brands .mv {
    padding-top: 8rem
}

@media(max-width: 1023px) {
    .single-brands .mv {
        padding-top:9rem
    }
}

.single-brands .mv__main {
    height: calc(100vh - 8rem);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media(max-width: 1023px) {
    .single-brands .mv__main {
        height:auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.single-brands .mv__cover {
    width: 65.2%;
    height: 100%;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1023px) {
    .single-brands .mv__cover {
        width:100%;
        height: auto;
        aspect-ratio: 1023/574
    }
}

.single-brands .mv__cover div {
    height: 100%
}

.single-brands .mv__cover img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.single-brands .mv__logo {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 10rem;
    padding-bottom: 12rem;
    padding-right: 21.6rem
}

@media(min-width: 1441px) {
    .single-brands .mv__logo {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 1.5rem;
        width: 34.8%
    }
}

@media(max-width: 1279px) {
    .single-brands .mv__logo {
        padding-left:7.7rem;
        padding-right: 14.5rem
    }
}

@media(max-width: 1023px) {
    .single-brands .mv__logo {
        padding-left:0;
        padding-right: 0;
        padding-bottom: 4.8rem;
        margin-top: 4.8rem
    }
}

@media(max-width: 1023px) {
    .single-brands .mv__logo div {
        margin:0 auto;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }
}

.single-brands .mv__logo img {
    width: 18.3rem;
    height: 9rem;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width: 1023px) {
    .single-brands .mv__logo img {
        width:13.5rem;
        -webkit-transform: none !important;
        transform: none !important
    }
}

.single-brands .mv__logo-buffer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 49.8rem;
    width: 0
}

@media(min-width: 1441px) {
    .single-brands .mv__logo-buffer {
        width:34.8%
    }
}

@media(max-width: 1279px) {
    .single-brands .mv__logo-buffer {
        width:0
    }
}

@media(min-width: 1441px) {
    .single-brands .mv__empty-buffer {
        width:calc((100vw - 134rem)/2);
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.single-brands .mv__text-wrap {
    padding: 0 5rem 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 65.2%;
    margin-left: auto
}

@media(min-width: 1441px) {
    .single-brands .mv__text-wrap {
        padding:0;
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }
}

@media(max-width: 1279px) {
    .single-brands .mv__text-wrap {
        padding-left:0;
        width: 65.2%;
        margin-left: auto
    }
}

@media(max-width: 1023px) {
    .single-brands .mv__text-wrap {
        padding:0 2rem;
        width: 100%
    }
}

.single-brands .mv__text {
    font-size: 1.5rem;
    line-height: 2;
    font-weight: 400;
    margin-top: 12rem
}

@media(max-width: 1023px) {
    .single-brands .mv__text {
        font-size:1.2rem;
        margin-top: 0;
        max-width: 84.5rem
    }
}

.single-brands .mv__text p:not(:first-child) {
    margin-top: 1.2rem
}

@media(max-width: 1023px) {
    .single-brands .mv__text p:not(:first-child) {
        margin-top:1rem
    }
}

.single-brands .mv__cover div {
    -webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0
}

.single-brands .mv__cover.is-inview div {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.single-brands .mv__logo div {
    -webkit-transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.single-brands .mv__logo.is-inview div {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.single-brands .gallery {
    margin-top: 14rem
}

@media(max-width: 1023px) {
    .single-brands .gallery {
        margin-top:9.4rem
    }
}

@media(max-width: 767px) {
    .single-brands .gallery__container {
        padding:0;
        max-width: 73.7rem
    }
}

.single-brands .gallery__images {
    width: 100%
}

.single-brands .gallery__img-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.single-brands .gallery__img-row:nth-child(1) {
    gap: 9%;
    padding-right: 9%
}

@media(max-width: 767px) {
    .single-brands .gallery__img-row:nth-child(1) {
        gap:10%;
        padding-right: 8%
    }
}

.single-brands .gallery__img-row:nth-child(2) {
    margin-top: 12.8rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 767px) {
    .single-brands .gallery__img-row:nth-child(2) {
        margin-top:17%
    }
}

.single-brands .gallery__img-row:nth-child(3) {
    margin-top: 19.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 767px) {
    .single-brands .gallery__img-row:nth-child(3) {
        margin-top:28%
    }
}

.single-brands .gallery__img-row-text {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .06em;
    text-align: right;
    margin: .8rem auto 0;
    max-width: 109rem;
    width: 83%
}

@media(max-width: 1023px) {
    .single-brands .gallery__img-row-text {
        width:80%;
        font-size: .8rem
    }
}

.single-brands .gallery__img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.single-brands .gallery__img.-first {
    width: 68.5%
}

@media(max-width: 767px) {
    .single-brands .gallery__img.-first {
        width:66%
    }
}

.single-brands .gallery__img.-second {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 13.5%;
    padding-top: 9%
}

@media(max-width: 767px) {
    .single-brands .gallery__img.-second {
        -webkit-flex-shrink:1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: auto
    }
}

.single-brands .gallery__img.-third {
    width: 46.8%
}

.single-brands .gallery__img.-fourth {
    width: 46.8%;
    padding-top: 5.4%
}

.single-brands .gallery__img.-fifth {
    width: 83%;
    max-width: 109rem;
    margin: 0 auto
}

@media(max-width: 1023px) {
    .single-brands .gallery__img.-fifth {
        width:80%
    }
}

.single-brands .gallery__text-wrap {
    width: 83%;
    max-width: 109rem;
    margin: 14rem auto 0
}

@media(max-width: 1023px) {
    .single-brands .gallery__text-wrap {
        width:80%;
        margin-top: 12rem
    }
}

@media(max-width: 650px) {
    .single-brands .gallery__text-wrap {
        width:100%;
        max-width: 33.5rem
    }
}

.single-brands .gallery__title {
    font-size: 2rem;
    line-height: 1.2
}

@media(max-width: 1023px) {
    .single-brands .gallery__title {
        font-size:1.6rem;
        line-height: 1.5
    }
}

.single-brands .gallery__text {
    margin-top: 3rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2
}

@media(max-width: 1023px) {
    .single-brands .gallery__text {
        font-size:1.2rem;
        margin-top: 1.9rem
    }
}

.single-brands .gallery__text p:not(:first-child) {
    margin-top: 1.2rem
}

.single-brands .gallery__cover {
    margin-top: 14rem;
    aspect-ratio: 2/1;
    width: 100%;
    overflow: hidden
}

@media(max-width: 1023px) {
    .single-brands .gallery__cover {
        margin-top:12rem
    }
}

.single-brands .gallery__cover img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 1441px) {
    .single-brands .gallery__cover {
        aspect-ratio:none;
        height: 72rem
    }
}

.single-brands .gallery__cover-credit {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .06em;
    text-align: right;
    margin: 0 auto;
    padding: .8rem 5rem 0;
    width: 100%;
    background-color: #fbf4f4
}

@media(max-width: 1023px) {
    .single-brands .gallery__cover-credit {
        font-size:.8rem;
        padding: .8rem 2rem 0
    }
}

.single-brands .pickup {
    background-color: #fbf4f4;
    padding: 16rem 0 6rem
}

@media(max-width: 1023px) {
    .single-brands .pickup {
        padding:10rem 0 0
    }
}

@media(max-width: 767px) {
    .single-brands .pickup {
        padding-top:14.4rem
    }
}

.single-brands .pickup__title {
    font-size: 2.4rem;
    font-family: "Lato",sans-serif;
    font-weight: bold;
    text-align: center
}

.single-brands .pickup__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4rem 1.5%;
    margin-top: 8rem
}

@media(max-width: 1279px) {
    .single-brands .pickup__list {
        grid-template-columns:repeat(2, 1fr);
        gap: 2rem 1.9rem
    }
}

@media(max-width: 650px) {
    .single-brands .pickup__list {
        margin-top:6rem;
        grid-template-columns: 1fr
    }
}

.single-brands .pickup__item {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 4rem 2rem
}

@media(max-width: 1279px) {
    .single-brands .pickup__item {
        padding:4rem
    }
}

@media(max-width: 1023px) {
    .single-brands .pickup__item {
        padding:3rem;
        border-radius: 1rem
    }
}

.single-brands .pickup__item-inner {
    max-width: 26rem;
    margin: 0 auto
}

@media(max-width: 1279px) {
    .single-brands .pickup__item-inner {
        max-width:100%
    }
}

.single-brands .pickup__item-thumb {
    aspect-ratio: 260/150;
    width: 100%
}

.single-brands .pickup__item-thumb img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.single-brands .pickup__item-name {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-top: 2.4rem
}

.single-brands .pickup__item-data {
    margin-top: 1.8rem
}

.single-brands .pickup__item-data div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.single-brands .pickup__item-data div:not(:first-child) {
    margin-top: .6rem
}

.single-brands .pickup__item-data div dt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 7.5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.2rem;
    line-height: 1.42;
    font-weight: 400;
    padding-right: .4rem
}

.single-brands .pickup__item-data div dt::after {
    content: "："
}

.single-brands .pickup__item-data div dd {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.42;
    word-break: break-all
}

.single-brands .pickup__item-detail {
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2
}

.single-brands .pickup__btn {
    max-width: 18.4rem;
    margin: 8rem auto 0
}

.single-brands .pickup__breadcrumb {
    margin-top: 16rem
}

@media(max-width: 1023px) {
    .single-brands .pickup__breadcrumb {
        margin-top:10rem;
        background-color: #fff;
        margin-left: -2rem;
        margin-right: -2rem;
        padding: 1.2rem 2rem
    }
}

.single-brands .pickup__breadcrumb .breadcrumb__content {
    background-color: #fff
}

.single-brands .pickup__breadcrumb .breadcrumb__container {
    padding: 0
}

.archive-event .mv {
    padding-top: 12rem;
    padding-bottom: 8.4rem
}

@media(max-width: 1280px) {
    .archive-event .mv {
        padding-bottom:3.4rem
    }
}

@media(max-width: 1023px) {
    .archive-event .mv {
        padding-top:9rem;
        padding-bottom: 0
    }
}

.archive-event .mv__breadcrumb .breadcrumb__container {
    padding: 0
}

.archive-event .mv__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1023px) {
    .archive-event .mv__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 6rem
    }
}

.archive-event .mv__title {
    font-size: 16.2rem;
    font-weight: 400;
    font-family: "Inter",sans-serif;
    min-width: 68rem
}

@media(max-width: 1280px) {
    .archive-event .mv__title {
        min-width:61rem;
        width: 66%
    }
}

@media(max-width: 1023px) {
    .archive-event .mv__title {
        font-size:8rem;
        line-height: 1.8
    }
}

@media(max-width: 767px) {
    .archive-event .mv__title {
        width:100%;
        min-width: 0
    }
}

.archive-event .mv__title span span {
    letter-spacing: -0.04em
}

.archive-event .mv__search {
    padding-top: 5rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width: 1023px) {
    .archive-event .mv__search {
        padding-top:1.3rem
    }
}

.archive-event .article {
    padding: 0 0 16rem
}

@media(max-width: 1023px) {
    .archive-event .article {
        padding-bottom:10rem
    }
}

.archive-event .article__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 7rem;
    border-top: .1rem solid #ececec
}

@media(max-width: 1023px) {
    .archive-event .article__row {
        gap:5rem
    }
}

@media(max-width: 767px) {
    .archive-event .article__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

.archive-event .article__main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.archive-event .article__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.6rem 2rem;
    margin-top: 3rem
}

@media(max-width: 1023px) {
    .archive-event .article__list {
        gap:5.6rem 2.4rem;
        margin-top: 2.3rem
    }
}

@media(max-width: 767px) {
    .archive-event .article__list {
        grid-template-columns:1fr;
        gap: 6rem
    }
}

.archive-event .article__not-found {
    font-family: "Inter",sans-serif;
    font-size: 8rem;
    font-weight: bold;
    letter-spacing: .03em;
    margin-top: 12rem
}

.archive-event .article__pagination {
    padding: 10rem 0 0
}

@media(max-width: 767px) {
    .archive-event .article__pagination {
        padding-top:6rem
    }
}

.archive-event .article__sidebar {
    width: 28%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 3rem
}

@media(max-width: 1023px) {
    .archive-event .article__sidebar {
        width:24.1rem;
        padding-top: 2.3rem
    }
}

@media(max-width: 767px) {
    .archive-event .article__sidebar {
        width:100%;
        padding-top: 0
    }
}

.single-event .mv {
    padding: 12rem 0 3rem;
    width: 100%
}

@media(max-width: 1023px) {
    .single-event .mv {
        padding:9rem 0 1.5rem
    }
}

.single-event .mv__breadcrumb .breadcrumb__container {
    padding: 0
}

.single-event .mv__title {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.7;
    margin-top: 6rem;
    width: calc(72% - 7rem)
}

@media(max-width: 1023px) {
    .single-event .mv__title {
        font-size:1.6rem;
        line-height: 1.625;
        width: calc(100% - 29.1rem)
    }
}

@media(max-width: 767px) {
    .single-event .mv__title {
        width:100%;
        margin-top: 4rem
    }
}

.single-event .article {
    padding-bottom: 16rem
}

@media(max-width: 1023px) {
    .single-event .article {
        padding-bottom:10rem
    }
}

.single-event .article__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 7rem
}

@media(max-width: 1023px) {
    .single-event .article__row {
        gap:5rem
    }
}

@media(max-width: 767px) {
    .single-event .article__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 7rem
    }
}

.single-event .article__main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.single-event .article__main-thumb {
    margin-bottom: 5rem;
    border-radius: 1.5rem;
    overflow: hidden
}

@media(max-width: 1023px) {
    .single-event .article__main-thumb {
        margin-bottom:4rem
    }
}

.single-event .article__sidebar {
    width: 28%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1280px) {
    .single-event .article__sidebar {
        width:27.2%;
        min-width: 24.1rem
    }
}

@media(max-width: 1024px) {
    .single-event .article__sidebar {
        width:24.1rem
    }
}

@media(max-width: 767px) {
    .single-event .article__sidebar {
        width:100%
    }
}

.single-event .article__info {
    margin-bottom: 8rem
}

@media(max-width: 1023px) {
    .single-event .article__info {
        margin-bottom:7rem
    }
}

@media(max-width: 767px) {
    .single-event .article__info {
        margin-bottom:10rem
    }
}

.single-event .event-info {
    border: .1rem solid #ccc;
    border-radius: 1.5rem;
    padding: 2.6rem 2.5rem 3.5rem
}

@media(max-width: 1024px) {
    .single-event .event-info {
        padding-left:2rem;
        padding-right: 2rem
    }
}

.single-event .event-info__title {
    text-align: center;
    width: 100%;
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 2.5rem;
    border-bottom: .1rem solid #ccc
}

.single-event .event-info__data {
    margin-top: 4rem
}

.single-event .event-info__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    line-height: 1.57
}

@media(max-width: 1023px) {
    .single-event .event-info__row {
        font-size:1.3rem;
        line-height: 1.69
    }
}

.single-event .event-info__row:not(:first-child) {
    margin-top: 1.6rem
}

.single-event .event-info__dt {
    color: #8a8a8a;
    width: 7rem;
    padding-right: 1em;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.single-event .event-info__dd {
    font-weight: 400
}

.single-event .event-info__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.5rem
}

.single-event .event-info__btn .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.single-event .event-info__btn.-end {
    margin-left: auto;
    margin-right: auto;
    border-radius: 5rem;
    width: 20rem;
    height: 5.2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    background-color: #a0a0a0
}

.archive-column .mv {
    padding-top: 12rem;
    padding-bottom: 8.4rem
}

@media(max-width: 1023px) {
    .archive-column .mv {
        padding-top:9rem;
        padding-bottom: 0
    }
}

.archive-column .mv__breadcrumb .breadcrumb__container {
    padding: 0
}

.archive-column .mv__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1280px) {
    .archive-column .mv__row {
        gap:8rem
    }
}

@media(max-width: 1024px) {
    .archive-column .mv__row {
        gap:7rem
    }
}

@media(max-width: 1023px) {
    .archive-column .mv__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 6rem;
        gap: 0
    }
}

.archive-column .mv__title {
    font-size: 16.2rem;
    font-weight: 400;
    font-family: "Inter",sans-serif;
    min-width: 68rem
}

@media(max-width: 1280px) {
    .archive-column .mv__title {
        min-width:60rem;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media(max-width: 1024px) {
    .archive-column .mv__title {
        min-width:0
    }
}

@media(max-width: 1023px) {
    .archive-column .mv__title {
        font-size:8rem;
        line-height: 1.8
    }
}

@media(max-width: 767px) {
    .archive-column .mv__title {
        width:100%
    }
}

.archive-column .mv__title span span {
    letter-spacing: -0.04em
}

.archive-column .mv__search {
    padding-top: 5rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(max-width: 1023px) {
    .archive-column .mv__search {
        padding-top:1.3rem
    }
}

.archive-column .article {
    padding: 0 0 16rem
}

@media(max-width: 1023px) {
    .archive-column .article {
        padding-bottom:10rem
    }
}

.archive-column .article__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 7rem;
    border-top: .1rem solid #ececec
}

@media(max-width: 1023px) {
    .archive-column .article__row {
        gap:5rem
    }
}

@media(max-width: 767px) {
    .archive-column .article__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

.archive-column .article__main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.archive-column .article__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5.6rem 2rem;
    margin-top: 3rem
}

@media(max-width: 1024px) {
    .archive-column .article__list {
        margin-top:3.4rem;
        gap: 5.6rem 2.1rem
    }
}

@media(max-width: 767px) {
    .archive-column .article__list {
        grid-template-columns:1fr;
        gap: 6rem;
        margin-top: 2.3rem
    }
}

.archive-column .article__not-found {
    font-family: "Inter",sans-serif;
    font-size: 8rem;
    font-weight: bold;
    letter-spacing: .03em;
    margin-top: 12rem
}

.archive-column .article__pagination {
    padding: 10rem 0 0
}

@media(max-width: 767px) {
    .archive-column .article__pagination {
        padding-top:6rem
    }
}

.archive-column .article__sidebar {
    width: 28%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 3rem
}

@media(max-width: 1024px) {
    .archive-column .article__sidebar {
        width:24.1rem;
        padding-top: 2.3rem
    }
}

@media(max-width: 767px) {
    .archive-column .article__sidebar {
        width:100%;
        padding-top: 0
    }
}

.single-column .mv {
    padding: 12rem 0 3rem;
    width: 100%
}

@media(max-width: 1023px) {
    .single-column .mv {
        padding:9rem 0 1.5rem
    }
}

.single-column .mv__breadcrumb .breadcrumb__container {
    padding: 0
}

.single-column .mv__title {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.7;
    margin-top: 6rem;
    width: calc(72% - 7rem)
}

@media(max-width: 1023px) {
    .single-column .mv__title {
        font-size:1.6rem;
        line-height: 1.625;
        width: calc(100% - 29.1rem)
    }
}

@media(max-width: 767px) {
    .single-column .mv__title {
        width:100%;
        margin-top: 4rem
    }
}

.single-column .article {
    padding-bottom: 16rem
}

@media(max-width: 1023px) {
    .single-column .article {
        padding-bottom:10rem
    }
}

.single-column .article__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 7rem
}

@media(max-width: 1023px) {
    .single-column .article__row {
        gap:5rem
    }
}

@media(max-width: 767px) {
    .single-column .article__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10rem
    }
}

.single-column .article__main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.single-column .article__main-thumb {
    margin-bottom: 5rem;
    overflow: hidden;
    border-radius: 1.5rem
}

@media(max-width: 1023px) {
    .single-column .article__main-thumb {
        margin-bottom:4rem
    }
}

.single-column .article__sidebar {
    width: 28%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1280px) {
    .single-column .article__sidebar {
        width:26.6%
    }
}

@media(max-width: 1023px) {
    .single-column .article__sidebar {
        width:24.1rem
    }
}

@media(max-width: 767px) {
    .single-column .article__sidebar {
        width:100%
    }
}

.single-column .article__info {
    margin-bottom: 8rem
}

.archive-document .mv {
    padding: 12rem 0 0
}

@media(max-width: 1023px) {
    .archive-document .mv {
        padding-top:9rem
    }
}

.archive-document .mv__content {
    padding-bottom: 6rem;
    border-bottom: .1rem solid #ececec
}

.archive-document .mv__breadcrumb .breadcrumb__container {
    padding: 0
}

.archive-document .mv__title {
    font-size: 3.6rem;
    line-height: 1.44;
    text-align: center;
    margin-top: 5rem
}

@media(max-width: 1023px) {
    .archive-document .mv__title {
        margin-top:3.9rem
    }
}

.archive-document .mv__pickup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 4rem;
    margin-top: 8rem
}

@media(max-width: 1023px) {
    .archive-document .mv__pickup {
        margin-top:6rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 0
    }
}

.archive-document .mv__pickup-img {
    position: relative;
    aspect-ratio: 900/440;
    border-radius: 1.5rem;
    overflow: hidden;
    width: 68%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1023px) {
    .archive-document .mv__pickup-img {
        width:100%
    }
}

@media(max-width: 519px) {
    .archive-document .mv__pickup-img {
        border-radius:.7rem
    }
}

.archive-document .mv__pickup-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.archive-document .mv__pickup-box {
    background-color: #fafafa;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 4rem;
    border-radius: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1199px) {
    .archive-document .mv__pickup-box {
        min-width:27rem;
        padding: 2.8rem 2rem 3.2rem
    }
}

@media(max-width: 1023px) {
    .archive-document .mv__pickup-box {
        position:relative;
        width: 100%;
        max-width: 66rem;
        min-width: 0;
        margin-top: -4rem;
        padding: 3rem 4rem 4rem;
        -webkit-box-shadow: 2rem 3rem 8rem -3rem rgba(0, 0, 0, 0.1);
        box-shadow: 2rem 3rem 8rem -3rem rgba(0, 0, 0, 0.1)
    }
}

@media(max-width: 767px) {
    .archive-document .mv__pickup-box {
        width:91%;
        padding: 4% 4% 4rem
    }
}

@media(max-width: 519px) {
    .archive-document .mv__pickup-box {
        padding-top:3rem;
        border-radius: .7rem
    }
}

.archive-document .mv__pickup-title {
    font-size: 2rem;
    text-align: center;
    padding-bottom: 1.8rem;
    border-bottom: .1rem solid #ccc;
    width: 100%
}

@media(max-width: 1199px) {
    .archive-document .mv__pickup-title {
        font-size:1.6rem;
        padding-bottom: 1.4rem
    }
}

.archive-document .mv__pickup-text {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.14;
    margin-top: 2rem;
    width: 100%;
    min-height: 15rem
}

@media(max-width: 1199px) {
    .archive-document .mv__pickup-text {
        font-size:1.1rem;
        line-height: 2.18;
        margin-top: .9rem;
        min-height: 0
    }
}

.archive-document .mv__pickup-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3.6rem 0 0
}

.archive-document .mv__pickup-btn .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 3.5rem
}

.archive-document .mv__pickup-btn .btn__text {
    font-size: 1.5rem
}

.archive-document .article {
    padding: 6rem 0 16rem
}

@media(max-width: 1023px) {
    .archive-document .article {
        padding-bottom:10rem
    }
}

@media(max-width: 767px) {
    .archive-document .article__container {
        width:91%
    }
}

@media(max-width: 519px) {
    .archive-document .article__container {
        width:100%
    }
}

.archive-document .article__category-title {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: .03em;
    font-family: "Inter",sans-serif
}

.archive-document .article__category-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem 2%;
    margin-top: 2.4rem
}

@media(max-width: 1199px) {
    .archive-document .article__category-list {
        grid-template-columns:repeat(2, 1fr);
        gap: 1.5rem 2.4rem
    }
}

@media(max-width: 1023px) {
    .archive-document .article__category-list {
        gap:1rem 2.4rem
    }
}

@media(max-width: 767px) {
    .archive-document .article__category-list {
        grid-template-columns:1fr;
        gap: 1rem
    }
}

.archive-document .article__category-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .1rem solid #626262;
    padding: 1.8rem 0;
    border-radius: 5rem;
    -webkit-transition: background-color .3s,border-color .3s;
    transition: background-color .3s,border-color .3s
}

@media(max-width: 1023px) {
    .archive-document .article__category-link {
        padding:1.4rem 0
    }
}

.archive-document .article__category-text {
    font-size: 1.3rem;
    line-height: 1;
    color: #626262;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media(max-width: 1199px) {
    .archive-document .article__category-text {
        font-size:1.2rem
    }
}

@media(max-width: 1023px) {
    .archive-document .article__category-text {
        font-size:1rem
    }
}

.archive-document .article__category-arrow {
    width: 1.8rem;
    height: 1.8rem;
    background-color: #626262;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 2.4rem;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.archive-document .article__category-arrow svg {
    width: 1rem;
    height: auto
}

.archive-document .article__category-arrow svg path {
    stroke: #fff;
    -webkit-transition: stroke .3s;
    transition: stroke .3s
}

@media(hover: hover) {
    .archive-document .article__category-link:hover {
        background-color:#626262;
        border-color: transparent
    }

    .archive-document .article__category-link:hover .article__category-text {
        color: #fff
    }

    .archive-document .article__category-link:hover .article__category-arrow {
        background-color: #fff
    }

    .archive-document .article__category-link:hover .article__category-arrow svg path {
        stroke: #626262
    }
}

.archive-document .article__rows {
    display: grid;
    gap: 14rem;
    margin-top: 14rem
}

@media(max-width: 1023px) {
    .archive-document .article__rows {
        margin-top:8rem;
        gap: 10rem
    }
}

.archive-document .article__row-title {
    position: relative;
    font-size: 2.8rem;
    line-height: 1.43;
    text-align: center;
    padding-bottom: 3rem
}

@media(max-width: 1023px) {
    .archive-document .article__row-title {
        font-size:2.4rem
    }
}

.archive-document .article__row-title::after {
    content: "";
    width: 6rem;
    height: .1rem;
    background-color: #626262;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto
}

.archive-document .article__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem 2.5rem;
    margin-top: 4.6rem
}

@media(max-width: 1199px) {
    .archive-document .article__list {
        grid-template-columns:repeat(2, 1fr);
        gap: 3rem 2.4rem
    }
}

@media(max-width: 767px) {
    .archive-document .article__list {
        grid-template-columns:1fr
    }
}

.archive-document .document-card {
    padding: 4rem;
    border-radius: 1.5rem;
    border: .1rem solid #ececec;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 767px) {
    .archive-document .document-card {
        padding:4rem 3rem
    }
}

.archive-document .document-card__thumb-wrap {
    position: relative;
    width: 100%
}

.archive-document .document-card__thumb-wrap.is-hover .document-card__corner {
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg)
}

.archive-document .document-card__thumb-wrap.is-hover .document-card__read-more {
    opacity: 1
}

.archive-document .document-card__thumb-wrap.is-hover .document-card__read-more span {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.archive-document .document-card__thumb-wrap.is-hover .document-card__corner-arrow {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.archive-document .document-card__corner {
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    width: 7rem;
    height: 7rem;
    -webkit-perspective-origin: 100% 0;
    perspective-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform: translate3d(0px, 0px, 0px) scale3d(0, 0, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    z-index: 1
}

.archive-document .document-card__corner-arrow {
    position: absolute;
    right: 1.8rem;
    top: 1.8rem;
    width: 1.5rem;
    height: 1.5rem;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1rem);
    pointer-events: none;
    -webkit-transition: opacity .3s,-webkit-transform .5s;
    transition: opacity .3s,-webkit-transform .5s;
    transition: transform .5s,opacity .3s;
    transition: transform .5s,opacity .3s,-webkit-transform .5s
}

.archive-document .document-card__corner-arrow svg rect {
    fill: #626262
}

.archive-document .document-card__thumb {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    aspect-ratio: 350/206
}

@media(max-width: 1199px) {
    .archive-document .document-card__thumb {
        border-radius:.5rem
    }
}

.archive-document .document-card__thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.archive-document .document-card__read-more {
    background-color: rgba(31, 31, 31, 0.2);
    -webkit-backdrop-filter: blur(1.4rem);
    backdrop-filter: blur(1.4rem);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    opacity: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    pointer-events: none;
    -webkit-transition: all .5s;
    transition: all .5s
}

.archive-document .document-card__read-more span {
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(0.6rem);
    transform: translateY(0.6rem);
    opacity: 0;
    -webkit-transition: all .5s .2s;
    transition: all .5s .2s
}

.archive-document .document-card__title-wrap {
    margin-bottom: 7rem;
    width: 100%
}

@media(max-width: 1023px) {
    .archive-document .document-card__title-wrap {
        margin-bottom:6rem
    }
}

.archive-document .document-card__title {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.73;
    margin-top: 2rem
}

@media(max-width: 1023px) {
    .archive-document .document-card__title {
        font-size:1.4rem;
        margin-top: 1.5rem
    }
}

.archive-document .document-card__sub-title {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.86;
    font-weight: 400;
    margin-top: .8rem
}

@media(max-width: 1023px) {
    .archive-document .document-card__sub-title {
        font-size:1.2rem;
        line-height: 2
    }
}

.archive-document .document-card__btn {
    margin-top: auto
}

.archive-document .document-card__btn .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24rem
}

.archive-document .document-card__btn .btn__text {
    font-size: 1.5rem
}

.archive-document .document-card__btn .btn__icon {
    position: absolute;
    right: 2rem
}

.archive-document .document-card__btn .btn.is-hover {
    background-color: #626262
}

.archive-document .document-card__btn .btn.is-hover .btn__text {
    color: #fff
}

.archive-document .document-card__btn .btn.is-hover .btn__icon svg rect {
    fill: #fff
}

.single-document .mv {
    padding: 12rem 0 3rem
}

@media(max-width: 1023px) {
    .single-document .mv {
        padding-top:9rem;
        padding-bottom: 1.5rem
    }
}

.single-document .mv__breadcrumb .breadcrumb__container {
    padding: 0
}

.single-document .mv__title {
    font-size: 2.6rem;
    font-weight: bold;
    line-height: 1.7;
    margin-top: 6rem;
    width: calc(72% - 7rem)
}

@media(max-width: 1023px) {
    .single-document .mv__title {
        width:100%;
        font-size: 1.6rem;
        line-height: 1.625;
        margin-top: 4rem
    }
}

.single-document .article {
    padding-bottom: 16rem
}

@media(max-width: 1023px) {
    .single-document .article {
        padding-bottom:10rem
    }
}

.single-document .article__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 7rem
}

@media(max-width: 1023px) {
    .single-document .article__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 9.6rem
    }
}

.single-document .article__main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.single-document .article__main-thumb {
    margin-bottom: 5.8rem;
    overflow: hidden;
    border-radius: 1.5rem
}

@media(max-width: 1023px) {
    .single-document .article__main-thumb {
        margin-bottom:4rem
    }
}

.single-document .article__sidebar {
    width: 28%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 1280px) {
    .single-document .article__sidebar {
        width:26%;
        min-width: 24.1rem
    }
}

@media(max-width: 1023px) {
    .single-document .article__sidebar {
        width:100%
    }
}

.single-document .article__info {
    background-color: #fafafa;
    padding: 2.6rem 4.8rem;
    border-radius: .5rem
}

@media(max-width: 1023px) {
    .single-document .article__info {
        padding:1.7rem 2.1rem 2.5rem
    }
}

.single-document .article__info-title {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 2.3;
    padding-left: 2.3rem
}

@media(max-width: 1023px) {
    .single-document .article__info-title {
        font-size:1.1rem;
        line-height: 2.73
    }
}

.single-document .article__info-title::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("../img/common/icon-circle-check-black.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: .8rem
}

.single-document .article__info-list {
    margin-top: .8rem
}

.single-document .article__info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #7d817f;
    font-size: 1.4rem;
    line-height: 2.14
}

@media(max-width: 1023px) {
    .single-document .article__info-item {
        font-size:1.2rem;
        line-height: 1.67
    }

    .single-document .article__info-item:not(:first-child) {
        margin-top: 1rem
    }
}

.single-document .article__info-item::before {
    content: "・"
}

.single-document .article__sample {
    margin-top: 6.4rem
}

@media(max-width: 1023px) {
    .single-document .article__sample {
        margin-top:4rem
    }
}

.single-document .article__sample-title {
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.46;
    padding-bottom: 1.8rem;
    border-bottom: .1rem solid #ececec
}

@media(max-width: 1023px) {
    .single-document .article__sample-title {
        font-size:1.1rem
    }
}

@media(max-width: 1023px) {
    .single-document .article__sample-list {
        margin-top:.6rem
    }
}

.single-document .article__sample-item {
    margin-top: 2rem;
    width: 100%;
    border-radius: .5rem;
    overflow: hidden
}

@media(max-width: 767px) {
    .single-document .article__sample-item {
        margin-top:1.6rem
    }
}

.single-document .article__sample-btn {
    margin-top: 8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 1023px) {
    .single-document .article__sample-btn {
        display:none
    }
}

.single-document .article__sample-btn .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 3rem
}

.single-document .article__sample-btn .btn__text {
    font-size: 1.5rem
}

.page-museum .tm-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.page-museum .tm-title__en {
    font-family: "Century", century-old-style-std, serif,sans-serif;
    font-size: 4rem;
    line-height: 1.2;
    text-align: center
}

@media(max-width: 1023px) {
    .page-museum .tm-title__en {
        font-size:3rem
    }
}

.page-museum .tm-title__en.-brown {
    color: #442a25
}

.page-museum .tm-title__jp {
    font-size: 1.4rem;
    font-weight: 400;
    color: #9a9a9a;
    margin-top: 1.5rem
}

@media(max-width: 1023px) {
    .page-museum .tm-title__jp {
        margin-top:.8rem
    }
}

.page-museum .mv {
    position: relative;
    height: 100svh;
    width: 100%;
    overflow: hidden
}

.page-museum .mv__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.page-museum .mv__bg img {
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    will-change: transform
}

.page-museum .mv__over {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-museum .mv__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.page-museum .mv__img img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    height: 100%;
    object-fit: cover;
    will-change: transform
}

.page-museum .mv__frame {
    width: 30rem;
    height: 53rem;
    margin: auto;
    -webkit-clip-path: inset(0 round 50rem);
    clip-path: inset(0 round 50rem)
}

@media(max-width: 1023px) {
    .page-museum .mv__frame {
        width:22rem;
        height: 38rem
    }
}

.page-museum .mv__frame-border {
    width: 31rem;
    height: 54rem;
    border-radius: 50rem;
    border: .1rem solid #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media(max-width: 1023px) {
    .page-museum .mv__frame-border {
        width:23rem;
        height: 39rem
    }
}

.page-museum .mv__title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 95.6rem;
    width: 100%;
    overflow: hidden
}

@media(max-width: 1279px) {
    .page-museum .mv__title {
        max-width:89.8rem
    }
}

@media(max-width: 1023px) {
    .page-museum .mv__title {
        max-width:48.5rem
    }
}

@media(max-width: 599px) {
    .page-museum .mv__title {
        max-width:31.8rem
    }
}

.page-museum .mv__title span span {
    padding: 1.2rem 0
}

.page-museum .about {
    background-color: #f3f2ef;
    padding: 14rem 0 0
}

@media(max-width: 1279px) {
    .page-museum .about {
        padding:11.2rem 0 8rem
    }
}

@media(max-width: 767px) {
    .page-museum .about {
        padding:8rem 0 4rem
    }
}

.page-museum .about__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 7rem
}

@media(max-width: 1279px) {
    .page-museum .about__content {
        padding-top:11.7rem;
        gap: 5rem
    }
}

@media(max-width: 1023px) {
    .page-museum .about__content {
        padding-top:7.5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 9.7rem
    }
}

@media(max-width: 767px) {
    .page-museum .about__content {
        gap:12.2rem
    }
}

.page-museum .about__text-wrap {
    color: #442a25;
    max-width: 66rem;
    width: 100%
}

.page-museum .about__text-wrap.is-inview span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.page-museum .about__title {
    color: #442a25
}

@media(max-width: 1279px) {
    .page-museum .about__title {
        position:absolute;
        top: 0;
        left: 0;
        text-align: center;
        width: 100%
    }
}

.page-museum .about__title span {
    font-family: "Century", century-old-style-std, serif,sans-serif;
    color: #442a25;
    font-size: 5.8rem;
    letter-spacing: .03em;
    display: inline-block;
    line-height: 1.2;
    -webkit-transition: opacity .6s,-webkit-transform .6s;
    transition: opacity .6s,-webkit-transform .6s;
    transition: transform .6s,opacity .6s;
    transition: transform .6s,opacity .6s,-webkit-transform .6s;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
    opacity: 0
}

@media(max-width: 1279px) {
    .page-museum .about__title span {
        font-size:5rem
    }
}

@media(max-width: 1023px) {
    .page-museum .about__title span {
        font-size:3rem
    }
}

.page-museum .about__text {
    margin-top: 4.5rem;
    color: #442a25
}

@media(max-width: 1279px) {
    .page-museum .about__text {
        margin-top:1.9rem
    }
}

@media(max-width: 1023px) {
    .page-museum .about__text {
        text-align:center;
        margin-top: 0
    }
}

@media(max-width: 599px) {
    .page-museum .about__text {
        max-width:31.8rem;
        margin: 0 auto
    }
}

.page-museum .about__text p+p {
    margin-top: 2.5em
}

.page-museum .about__text br.sp-s-only {
    display: none
}

@media(max-width: 599px) {
    .page-museum .about__text br.sp-s-only {
        display:block
    }
}

.page-museum .about__text span {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2
}

@media(max-width: 1279px) {
    .page-museum .about__text span {
        font-size:1.4rem
    }
}

@media(max-width: 1023px) {
    .page-museum .about__text span {
        font-size:1.3rem
    }
}

@media(max-width: 1279px) {
    .page-museum .about__text br.pc-none-sp-block {
        display:none
    }
}

@media(max-width: 700px) {
    .page-museum .about__text br.pc-none-sp-block {
        display:block
    }
}

@media(max-width: 1279px) {
    .page-museum .about__text br.pc-none-tab-block {
        display:none
    }
}

@media(max-width: 1023px) {
    .page-museum .about__text br.pc-none-tab-block {
        display:block
    }
}

.page-museum .about__text br.tab-only {
    display: none
}

@media(max-width: 1023px) {
    .page-museum .about__text br.tab-only {
        display:block
    }
}

.page-museum .about__img-wrap {
    min-width: 42rem;
    max-width: 53rem;
    height: 52.3rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 1279px) {
    .page-museum .about__img-wrap {
        height:auto
    }
}

@media(max-width: 767px) {
    .page-museum .about__img-wrap {
        min-width:0;
        max-width: 33.5rem
    }
}

.page-museum .about__img-content {
    position: relative;
    width: 48%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page-museum .about__img-content img {
    position: relative;
    display: block;
    -webkit-box-shadow: 0 0 3rem 1.5rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3rem 1.5rem rgba(0, 0, 0, 0.1)
}

.page-museum .about__img-content:nth-child(1) {
    z-index: 1
}

.page-museum .about__img-content:nth-child(1) .about__img::after {
    content: "";
    width: 5rem;
    height: 5rem;
    background-color: #c67643;
    display: block;
    position: absolute;
    top: 2.5rem;
    right: -2.5rem
}

@media(max-width: 1279px) {
    .page-museum .about__img-content:nth-child(1) .about__img::after {
        width:4rem;
        height: 4rem;
        right: -2rem;
        top: 2rem
    }
}

@media(max-width: 767px) {
    .page-museum .about__img-content:nth-child(1) .about__img::after {
        width:3.2rem;
        height: 3.2rem;
        top: 1.5rem;
        right: -1.6rem
    }
}

.page-museum .about__img-content:nth-child(2) .about__img {
    margin-top: auto
}

@media(max-width: 1279px) {
    .page-museum .about__img-content:nth-child(2) .about__img {
        margin-top:12.5rem
    }
}

@media(max-width: 767px) {
    .page-museum .about__img-content:nth-child(2) .about__img {
        margin-top:10rem
    }
}

.page-museum .about__img-content:nth-child(2) .about__img::before {
    content: "";
    width: 10rem;
    height: 10rem;
    background-color: #e0b13d;
    display: block;
    position: absolute;
    bottom: 8.3rem;
    left: -5rem
}

@media(max-width: 1279px) {
    .page-museum .about__img-content:nth-child(2) .about__img::before {
        width:8rem;
        height: 8rem;
        bottom: 6.5rem;
        left: -4rem
    }
}

@media(max-width: 767px) {
    .page-museum .about__img-content:nth-child(2) .about__img::before {
        width:6.4rem;
        height: 6.4rem;
        bottom: 5.2rem;
        left: -3.2rem
    }
}

.page-museum .about__bars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5rem;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%
}

@media(max-width: 767px) {
    .page-museum .about__bars {
        gap:3rem
    }
}

.page-museum .about__bars span {
    position: relative;
    display: block;
    height: 17.8rem;
    width: .1rem;
    background-color: #000
}

.page-museum .about__bars span::after {
    content: "";
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background-color: #000;
    position: absolute;
    left: -0.1rem
}

.page-museum .about__bars.-first {
    bottom: 6.4rem
}

@media(max-width: 1279px) {
    .page-museum .about__bars.-first {
        bottom:5rem
    }
}

.page-museum .about__bars.-first span::after {
    bottom: -0.1rem
}

.page-museum .about__bars.-second {
    top: 6rem
}

@media(max-width: 1279px) {
    .page-museum .about__bars.-second {
        top:5rem
    }
}

.page-museum .about__bars.-second span::after {
    top: -0.1rem
}

.page-museum .event {
    padding: 16rem 0;
    background-image: url("../img/page-museum/bg-black.png");
    background-size: cover;
    color: #fff
}

@media(max-width: 1023px) {
    .page-museum .event {
        padding:8rem 0
    }
}

.page-museum .event__title-br {
    display: none
}

@media(max-width: 1280px) {
    .page-museum .event__title-br {
        display:block
    }
}

@media(max-width: 1023px) {
    .page-museum .event__title-br {
        display:none
    }
}

.page-museum .event__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 9rem
}

@media(max-width: 1023px) {
    .page-museum .event__content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4rem
    }
}

@media(max-width: 1023px) {
    .page-museum .event__head {
        display:-webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.page-museum .event__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 14.1rem;
    margin-top: 6rem
}

@media(max-width: 1023px) {
    .page-museum .event__btn {
        margin-top:0
    }
}

.page-museum .event__article {
    max-width: 103rem;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.page-museum .event__item {
    border-top: .1rem solid #ececec
}

.page-museum .event__item:last-child {
    border-bottom: .1rem solid #ececec
}

.page-museum .event__item-link {
    position: relative;
    display: block;
    padding: 3.2rem 15rem 3.2rem 0
}

@media(max-width: 1023px) {
    .page-museum .event__item-link {
        padding:3rem 0
    }
}

.page-museum .event__item-link::after {
    content: "";
    position: absolute;
    right: 5.6rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 3.7rem;
    height: 3.7rem;
    background-image: url("../img/common/icon-arrow-right-up-white.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(max-width: 1023px) {
    .page-museum .event__item-link::after {
        width:2.4rem;
        height: 2.4rem;
        right: 2.4rem;
        top: auto;
        bottom: 3rem
    }
}

@media(hover: hover) {
    .page-museum .event__item-link:hover .event__item-title {
        opacity:.5
    }

    .page-museum .event__item-link:hover::after {
        opacity: 1
    }
}

.page-museum .event__item-info {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    color: rgba(102, 102, 102, 0.6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 1023px) {
    .page-museum .event__item-info {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.page-museum .event__item-cat-wrap {
    width: 16rem
}

@media(max-width: 1023px) {
    .page-museum .event__item-cat-wrap {
        width:auto
    }
}

.page-museum .event__item-cat {
    color: #9a9a9a;
    display: block
}

.page-museum .event__item-cat span {
    opacity: 0
}

.page-museum .event__item-cat.is-inview span {
    opacity: 1
}

.page-museum .event__item-date {
    color: #9a9a9a;
    display: block
}

.page-museum .event__item-date span {
    opacity: 0
}

.page-museum .event__item-date.is-inview span {
    opacity: 1
}

.page-museum .event__item-title {
    font-size: 1.5rem;
    font-weight: 400;
    margin-top: 3rem;
    padding-left: 16rem;
    -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(max-width: 1023px) {
    .page-museum .event__item-title {
        font-size:1.4rem;
        font-weight: 500;
        line-height: 1.857;
        margin-top: 2rem;
        padding-left: 0;
        padding-right: 8rem
    }
}

@media(max-width: 767px) {
    .page-museum .event__item-title {
        padding-right:0
    }
}

.page-museum .event .section-title__en {
    font-family: "Century", century-old-style-std, serif,sans-serif;
    font-size: 4rem;
    line-height: 1.4;
    padding-bottom: 0
}

@media(max-width: 1023px) {
    .page-museum .event .section-title__en {
        font-size:3rem
    }
}

.page-museum .event .section-title__en::after {
    display: none
}

.page-museum .event .section-title__jp {
    font-size: 1.4rem;
    margin-top: 1.5rem;
    color: #9a9a9a
}

@media(max-width: 1023px) {
    .page-museum .event .section-title__jp {
        font-size:1.2rem;
        margin-top: .8rem
    }
}

.page-museum .floor {
    padding: 14rem 0 0;
    background-color: #f3f2ef
}

@media(max-width: 1023px) {
    .page-museum .floor {
        padding:8rem 0 0
    }
}

.page-museum .floor__map {
    background-color: #2c2c2b;
    padding: 3.8rem 4rem;
    border-radius: 3rem;
    margin-top: 4.6rem
}

@media(max-width: 600px) {
    .page-museum .floor__map {
        background-color:#2c2c2b;
        padding: 2.8rem 0rem;
        border-radius: 3rem;
        margin-top: 4.6rem
    }
}

@media(max-width: 1023px) {
    .page-museum .floor__map {
        padding:0;
        margin-top: 4rem
    }
}

.page-museum .floor__map img {
    max-width: 109.7rem;
    margin: 0 auto;
    display: block;
    mix-blend-mode: unset
}

@media(max-width: 1023px) {
    .page-museum .floor__map img {
        max-width:72.7rem
    }
}

.page-museum .sponsor {
    padding: 14rem 0;
    background-color: #f3f2ef
}

@media(max-width: 1023px) {
    .page-museum .sponsor {
        padding:8rem 0
    }
}

.page-museum .sponsor__list {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .8rem;
    margin-top: 4.6rem
}

@media(max-width: 1023px) {
    .page-museum .sponsor__list {
        grid-template-columns:repeat(4, 1fr);
        gap: .6rem;
        margin-top: 4rem
    }
}

@media(max-width: 600px) {
    .page-museum .sponsor__list {
        grid-template-columns:repeat(3, 1fr);
        gap: .6rem;
        margin-top: 4rem
    }
}

@media(max-width: 599px) {
    .page-museum .sponsor__list {
        gap:.5rem
    }
}

.page-museum .sponsor__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff
}

@media(max-width: 1023px) {
    .page-museum .sponsor__item {
        aspect-ratio:488/130
    }

    .page-museum .sponsor__item img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media(max-width: 767px) {
    .page-museum .sponsor__item {
        aspect-ratio:361/130
    }
}

@media(max-width: 599px) {
    .page-museum .sponsor__item {
        aspect-ratio:165/60
    }
}

.page-museum .sponsor__text {
    font-size: 1.3rem;
    font-weight: 400;
    margin-top: 2.2rem
}

@media(max-width: 1023px) {
    .page-museum .sponsor__text {
        font-size:1.1rem
    }
}

.page-museum .sponsor__text a {
    font-weight: bold;
    text-decoration: underline;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media(hover: hover) {
    .page-museum .sponsor__text a:hover {
        opacity:.7
    }
}

.page-museum .activity {
    padding: 14rem 0;
    background-color: #eae9e5
}

@media(max-width: 1023px) {
    .page-museum .activity {
        padding:8rem 0
    }
}

.page-museum .activity__text {
    text-align: center;
    margin: 4.6rem auto 0;
    max-width: 84rem
}

@media(max-width: 1023px) {
    .page-museum .activity__text {
        margin-top:4rem;
        text-align: left
    }
}

.page-museum .activity__text span {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    -webkit-transition: opacity .6s,-webkit-transform .6s;
    transition: opacity .6s,-webkit-transform .6s;
    transition: transform .6s,opacity .6s;
    transition: transform .6s,opacity .6s,-webkit-transform .6s;
    -webkit-transform: translateX(-5%);
    transform: translateX(-5%);
    line-height: 2;
    opacity: 0
}

@media(max-width: 1023px) {
    .page-museum .activity__text span {
        font-size:1.3rem
    }
}

@media(max-width: 767px) {
    .page-museum .activity__text span {
        line-height:2.2
    }
}

@media(max-width: 1023px) {
    .page-museum .activity__text br.tab-none {
        display:none
    }
}

.page-museum .activity__cards {
    margin: 9.2rem auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 98rem
}

@media(max-width: 1023px) {
    .page-museum .activity__cards {
        margin-top:8rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 3rem
    }
}

@media(max-width: 767px) {
    .page-museum .activity__cards {
        margin-top:5.4rem
    }
}

.page-museum .activity__card {
    position: relative;
    width: 100%;
    background-image: url("../img/page-museum/bg-black.png");
    background-size: cover;
    color: #fff;
    padding: 4.2rem 5rem 3.2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-museum .activity__card::after {
    content: "";
    width: 100%;
    height: 100%;
    border: 0rem solid #eae9e5;
    pointer-events: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: border-width .5s;
    transition: border-width .5s
}

@media(max-width: 1023px) {
    .page-museum .activity__card {
        padding-bottom:5.6rem
    }
}

@media(hover: hover) {
    .page-museum .activity__card:hover::after {
        border-width:.5rem
    }

    .page-museum .activity__card:hover .activity__card-icon svg:nth-child(1) {
        -webkit-transform: translate(1.4rem, -1.4rem);
        transform: translate(1.4rem, -1.4rem)
    }

    .page-museum .activity__card:hover .activity__card-icon svg:nth-child(2) {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.page-museum .activity__card-title {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.75
}

@media(max-width: 1023px) {
    .page-museum .activity__card-title {
        font-size:1.5rem;
        line-height: 2;
        margin-top: 2.4rem
    }
}

.page-museum .activity__card-title span {
    display: block
}

.page-museum .activity__card-text {
    margin-top: 4.6rem;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 1023px) {
    .page-museum .activity__card-text {
        font-size:1.3rem;
        margin-top: 3.6rem
    }
}

.page-museum .activity__card-text span {
    display: block;
    line-height: 2
}

.page-museum .activity__card-next {
    font-size: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15.2rem
}

@media(max-width: 1023px) {
    .page-museum .activity__card-next {
        margin-top:6rem
    }
}

.page-museum .activity__card-icon {
    position: relative;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    overflow: hidden;
    margin-left: .6rem;
    -webkit-transform: translateY(0.1rem);
    transform: translateY(0.1rem)
}

.page-museum .activity__card-icon svg {
    display: block;
    width: 1.4rem;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.page-museum .activity__card-icon svg:nth-child(1) {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.page-museum .activity__card-icon svg:nth-child(2) {
    -webkit-transform: translate(-1.4rem, 1.4rem);
    transform: translate(-1.4rem, 1.4rem)
}

.page-museum .reserve {
    background-color: #f3f2ef;
    padding: 14rem 0
}

@media(max-width: 1023px) {
    .page-museum .reserve {
        padding:8rem 0
    }
}

.page-museum .reserve__cards {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 3rem;
    margin: 4.6rem auto 0;
    max-width: 98rem
}

@media(max-width: 1023px) {
    .page-museum .reserve__cards {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6.4rem
    }
}

@media(max-width: 767px) {
    .page-museum .reserve__cards {
        margin-top:4rem
    }
}

.page-museum .reserve__card {
    width: 100%
}

@media(hover: hover) {
    .page-museum .reserve__card:hover .reserve__card-thumb {
        -webkit-transform:scale(1.05);
        transform: scale(1.05)
    }

    .page-museum .reserve__card:hover .reserve__card-icon span:nth-child(1) {
        -webkit-transform: translate(1.4rem, -1.4rem);
        transform: translate(1.4rem, -1.4rem)
    }

    .page-museum .reserve__card:hover .reserve__card-icon span:nth-child(2) {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.page-museum .reserve__card-thumb-wrap {
    position: relative;
    height: 43rem;
    width: 100%;
    overflow: hidden
}

.page-museum .reserve__card-thumb-wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3)
}

.page-museum .reserve__card-thumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s
}

.page-museum .reserve__card-thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-museum .reserve__card-title {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Inter",sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 1.8rem;
    width: 100%;
    height: 100%;
    z-index: 1
}

.page-museum .reserve__card-text {
    border-top: .1rem solid #442a25;
    padding-top: 1.6rem;
    margin-top: 2.4rem
}

@media(max-width: 1023px) {
    .page-museum .reserve__card-text {
        padding-top:1.2rem
    }
}

.page-museum .reserve__card-text-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 1023px) {
    .page-museum .reserve__card-text-content {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.page-museum .reserve__card-text-content span {
    font-size: 1.8rem;
    color: #442a25
}

@media(max-width: 1023px) {
    .page-museum .reserve__card-text-content span {
        font-size:1.6rem
    }
}

.page-museum .reserve__card-icon {
    position: relative;
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    margin-left: 2rem;
    overflow: hidden;
    -webkit-transform: translateY(0.1rem);
    transform: translateY(0.1rem)
}

.page-museum .reserve__card-icon span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.4rem;
    width: 1.4rem;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.page-museum .reserve__card-icon span:nth-child(1) {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.page-museum .reserve__card-icon span:nth-child(2) {
    -webkit-transform: translate(-1.4rem, 1.4rem);
    transform: translate(-1.4rem, 1.4rem)
}

.page-museum .access {
    padding: 14rem 0
}

@media(max-width: 1023px) {
    .page-museum .access {
        padding:8rem 0
    }
}

.page-museum .access__map {
    height: 44rem;
    width: 100%;
    background-color: gray;
    margin-top: 4.6rem;
    border-radius: 2rem;
    overflow: hidden
}

@media(max-width: 1023px) {
    .page-museum .access__map {
        width:calc(100% + 4rem);
        height: 28rem;
        margin-left: -2rem;
        margin-top: 4rem;
        border-radius: 0
    }
}

.page-museum .access__map>div {
    height: 100%;
    width: 100%
}

.page-museum .access__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 3rem;
    margin-top: 4rem
}

@media(max-width: 1279px) {
    .page-museum .access__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6rem
    }
}

.page-museum .access__col {
    width: calc(50% - 1.5rem)
}

@media(max-width: 1279px) {
    .page-museum .access__col {
        width:100%
    }
}

.page-museum .access__col-title {
    font-size: 1.4rem;
    font-weight: 500
}

@media(max-width: 1023px) {
    .page-museum .access__col-title {
        font-size:1.3rem
    }
}

.page-museum .access__data {
    margin-top: 1.2rem;
    border-top: .1rem solid #eae9e5
}

.page-museum .access__data-block {
    padding: 2.5rem 0;
    border-bottom: .1rem solid #eae9e5
}

.page-museum .access__data-title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #8a8a8a
}

@media(max-width: 1023px) {
    .page-museum .access__data-title {
        font-size:1.3rem
    }
}

.page-museum .access__data-detail {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 1.2rem
}

@media(max-width: 1023px) {
    .page-museum .access__data-detail {
        font-size:1.3rem;
        line-height: 1.7
    }
}

.page-museum .access__data-detail>*:not(:first-child) {
    margin-top: 1.5em
}

.page-museum .access__sub-info {
    color: #442a25;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 2.5rem
}

@media(max-width: 1023px) {
    .page-museum .access__sub-info {
        font-size:1.3rem;
        line-height: 1.7
    }
}

.page-museum .access__sub-info ul {
    margin-top: 1.5em
}

.page-museum .access__sub-info ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.page-museum .access__sub-info ul li::before {
    content: "※"
}

.sp {
    display: none
}

@media(max-width: 767px) {
    .sp {
        display:inline-block
    }
}

.sp-s {
    display: none
}

@media(max-width: 599px) {
    .sp-s {
        display:inline-block
    }
}

.no-sp-s {
    display: inline-block
}

@media(max-width: 599px) {
    .no-sp-s {
        display:none
    }
}

@media(max-width: 767px) {
    .pc {
        display:none
    }
}

.tab {
    display: none
}

@media(max-width: 1023px) {
    .tab {
        display:inline-block
    }
}

.pc-only {
    display: inline-block
}

@media(max-width: 1023px) {
    .pc-only {
        display:none
    }
}

@-webkit-keyframes infiniteScrollLeft {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes infiniteScrollLeft {
    from {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.is-loading {
    pointer-events: none
}

.is-loading .loading__logo {
    opacity: 1
}

.is-loading-done {
    pointer-events: auto
}

.is-hamburger-menu-animating .header__hamburger-btn {
    pointer-events: none
}

.is-hamburger-menu-animating .header__overlay {
    pointer-events: none
}

.is-hamburger-menu-open .header__overlay {
    opacity: 1;
    pointer-events: auto
}

.is-hamburger-menu-open .header__hamburger-btn span:nth-child(1) {
    opacity: 0
}

.is-hamburger-menu-open .header__hamburger-btn span:nth-child(2) {
    opacity: 1
}

.is-hamburger-menu-open .header__hamburger-btn::before,.is-hamburger-menu-open .header__hamburger-btn::after {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-hamburger-menu-open .hamburger-menu__content {
    pointer-events: auto
}

.is-header-sub-nav-active .header__logo {
    opacity: .6
}

.is-header-sub-nav-active .header__overlay {
    opacity: 1
}

.is-header-sub-nav-active .header__nav-link,.is-header-sub-nav-active .header__nav-trigger {
    opacity: .6
}

.is-header-white .header__content {
    background-color: transparent
}

.is-header-white .header__logo img.-black {
    opacity: 0
}

.is-header-white .header__logo img.-white {
    opacity: 1
}

.is-header-white .header__nav-link span {
    color: #fff
}

.is-header-white .header__nav-trigger span {
    color: #fff
}

.is-header-white .header__nav-trigger::before,.is-header-white .header__nav-trigger::after {
    background-color: #fff
}

.is-header-white .header__nav-btn.-border {
    border-color: #fff;
    color: #fff
}

.is-header-white .header-tm__content {
    background-color: transparent
}

.is-header-white .header-tm__nav-link {
    color: #fff
}

.is-header-white .header-tm__logo img.-black {
    opacity: 0
}

.is-header-white .header-tm__logo img.-white {
    opacity: 1
}

.is-header-white .header-tm__btn {
    border-color: #fff
}

@media(hover: hover) {
    .is-header-white .header-tm__btn:hover .header-tm__btn-icon span svg path {
        fill:#1f1f1f
    }

    .is-header-white .header-tm__btn:hover .header-tm__btn-text span {
        color: #1f1f1f
    }
}

.is-header-white .header-tm__btn-text {
    color: #fff
}

.is-header-white .header-tm__btn-icon span svg path {
    fill: #fff
}

.is-header-white .header-tm__btn-bg {
    background-color: #fff
}

.js-overlap-section {
    position: -webkit-sticky;
    position: sticky
}

.inview {
    -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    opacity: 0
}

.inview.is-inview {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.text-slide-up__el {
    display: block;
    overflow: hidden
}

.text-slide-up__el span {
    display: inline-block;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),-webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.text-slide-up__el:nth-child(2) span {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.text-slide-up__el:nth-child(3) span {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.text-slide-up.is-inview .text-slide-up__el span {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.inview-custom.-anim-text-blocks span {
    display: block;
    -webkit-transition: opacity .6s,-webkit-transform .6s;
    transition: opacity .6s,-webkit-transform .6s;
    transition: transform .6s,opacity .6s;
    transition: transform .6s,opacity .6s,-webkit-transform .6s;
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem);
    opacity: 0
}

.inview-custom.-anim-text-blocks span:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.inview-custom.-anim-text-blocks span:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.inview-custom.-anim-text-blocks span:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.inview-custom.-anim-text-blocks span:nth-child(5) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.inview-custom.-anim-text-blocks span:nth-child(6) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.inview-custom.-anim-text-blocks span:nth-child(7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.inview-custom.-anim-text-blocks span:nth-child(8) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.inview-custom.-anim-text-blocks span:nth-child(9) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.inview-custom.-anim-text-blocks span:nth-child(10) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.inview-custom.-anim-text-blocks.is-inview span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

/*# sourceMappingURL=style.css.map */

.l-aboutus {
    position: relative;
    padding-block:120px 32px;
    margin: 0 40px;
	  max-width:1340px;
}

@media screen and (min-width: 960px) {
    .l-aboutus {
        padding-block:120px 96px;
        max-inline-size: 1340px;
    }
}

@media screen and (max-width: 959px) {
    
}
.l-aboutus__section {
    position: relative;
    display: block grid;
    grid-auto-rows: auto;
}

.l-aboutus__section+.l-aboutus__section {
    margin-block-start:64px
}

@media screen and (min-width: 960px) {
    .l-aboutus__section+.l-aboutus__section {
        margin-block-start:104px
    }
}

@media screen and (min-width: 960px) {
    .p-aboutus__ttl {
        
    display: inline grid;
    grid-template-columns: 0 auto auto;
    align-items: center;
    font-size: 33.14px;
    font-weight: 500;
    line-height: 46.24px;
    letter-spacing: 1.43px;
    font-family: ZenKakuGothic,sans-serif;
    margin-block-end:24px;
    color: #333333;
        grid-column:1/2;
        justify-content: flex-start;
        inset: 40px auto auto 0;
        margin-block-end:0
    }
    .profile-container-mobile {
        display: none;
    }
}

.p-aboutus__ttl:before {
    display: block;
    content: "";
    inline-size: 7px;
    block-size: 7px;
    border-radius: 10px
}

.p-aboutus__ttl span {
    font-family: aktiv-grotesk,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: .02em;
    position: relative
}

@media screen and (max-width: 959px) {
    .p-aboutus__ttl span {
        top:2px
    }
}

.p-aboutus__cnt {
    position: relative
}

.p-aboutus__cnt>h1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 32px;
    font-weight: 700;
    line-height: 100%;
    font-family: Noto Sans JP,sans-serif;
    margin-block-end:72px;
}

.p-aboutus__cnt>h1 span {
    font-size: 26px;
    font-weight: 400;
    line-height: 100%;
    font-family: Noto Sans JP,sans-serif;
    margin-block-end:16px;
    color: #523C3C;

}

.p-aboutus__cnt>p {
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    font-family: Noto Sans JP,sans-serif;
    margin-block-end:40px;
    color: #523C3C;
}

@media screen and (min-width: 960px) {
    .p-aboutus__cnt>p {
        margin-block-end:16px;
        font-size: 22px;
    font-weight: 700;
    line-height: 100%;
    }
}

@media screen and (max-width: 959px) {
    .profile-container-mobile {
        display: flex; /* 横配置にする */
        align-items: center; /* 上下中央揃えにする */
        margin-bottom: 5%;
        gap: 2%;
    }
    .p-aboutus__ttl-mobile{
        font-size: 20px;
        line-height: 140%;
        font-weight: 500;
        font-family: 'Noto Sans JP', sans-serif;
        color: #1B1B1B;
    }
    .mv__text_two-mobile{
        font-size: 16px;
        line-height: 165%;
        font-weight: 400;
        font-family: 'Plus Jakarta Sans', sans-serif;
        color: #1B1B1B;
    }
}

.aboutus-cnt {
    position: relative
}

.aboutus-cnt+.aboutus-cnt {
    margin-block-start:40px}

.aboutus-cnt__mess {
    font-size: 26px;
    font-weight: 700;
    line-height: 100%;
    font-family: Noto Sans JP,sans-serif;
    margin-block-end:16px}

.aboutus-cnt__txt {
    font-weight: 700;
    line-height: 32px;
    font-size: 18px;
    font-family: Noto Sans JP,sans-serif
}

.aboutus-cnt__txt.is-target {
    transition: 1s;
    opacity: 0;
    transform: translate(30px)
}

.aboutus-cnt__txt.is-target.is-active {
    opacity: 1;
    transform: translate(0)
}

.p-corptable {
    inline-size: 100%;
    font-family: Noto Sans JP,sans-serif;
    color: #666
}

@media screen and (min-width: 960px) {
    .p-corptable {
        inline-size: 1059px;
        font-size:16px;
        font-weight: 500;
        line-height: 1.75;
        letter-spacing: .01em;
        font-family: Noto Sans JP,sans-serif
    }
}

.p-corptable dl {
    display: block grid;
    grid-template-columns: 90px 1fr
}

@media screen and (min-width: 960px) {
    .p-corptable dl {
        grid-template-columns:180px 1fr
    }
}

.p-corptable dt {
    padding: 24px 0 24px 16px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ECEBEA;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.65;
    font-family: Noto Sans JP,sans-serif;
    color: #666666;
}

@media screen and (min-width: 960px) {
    .p-corptable dt {
        padding:24px
    }
}

.p-corptable dd {
    padding: 24px 16px;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #ECEBEA;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.65;
    color: #666666;
    font-family: Noto Sans JP,sans-serif
}

@media screen and (min-width: 960px) {
    .p-corptable dd {
        padding:24px
    }
}

.p-corptable p+p {
    margin-block-start:1.65em}

.p-corptable a {
    color: var(--link-color)
}

.p-corptable a:hover {
    text-decoration: underline
}

.p-corptable .ico {
    color: #1b1b1b;
    display: block;
    margin-block-start:8px}

@media screen and (min-width: 960px) {
    .p-corptable .ico {
        display:inline-block;
        margin-inline-start:24px}
}

.p-corptable .ico a {
    display: inline flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #1b1b1b;
    padding: 8px 16px;
    border: 1px solid #C6C6C6;
    border-radius: 32px;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .0125em
}

.p-corptable .ico a:after {
    content: "";
    inline-size: 10px;
    block-size: 12px;
    display: inline-block;
    background: url("data:image/svg+xml;utf8,<svg width='9' height='11' viewBox='0 0 9 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.18521 0C1.87377 0 0 1.87432 0 4.18646C0 7.9351 4.09991 10.4011 4.18521 10.4011C4.27051 10.4011 8.37042 7.91972 8.37042 4.18646C8.37042 1.87432 6.49666 0 4.18521 0ZM4.18521 5.31385C3.46647 5.31385 2.88336 4.73057 2.88336 4.01161C2.88336 3.29266 3.46647 2.70938 4.18521 2.70938C4.90396 2.70938 5.48706 3.29266 5.48706 4.01161C5.48706 4.73057 4.90396 5.31385 4.18521 5.31385Z' fill='%231B1B1B'/></svg>") center/contain no-repeat
}

@media screen and (min-width: 960px) {
    .p-corptable .ico a {
        text-decoration:none;
        transition: .2s
    }

    .p-corptable .ico a:hover {
        opacity: .7
    }
}

.l-contact {
    position: relative;
    padding-block:120px 200px
}

@media screen and (min-width: 960px) {
    .l-contact {
        padding-block:120px 96px;
        max-inline-size: 1440px;
        margin-inline:auto}
}

.l-contact__section {
    position: relative;
    grid-template-columns: 24px 1fr 24px;
    grid-auto-rows: auto
}

@media screen and (min-width: 960px) {
    .l-contact__section {
        grid-template-columns:8px 1fr 8px
    }
}

.l-contact__section+.l-contact__section {
    margin-block-start:64px}

@media screen and (min-width: 960px) {
    .l-contact__section+.l-contact__section {
        margin-block-start:104px
    }
}

.p-contact {
    grid-column: 2/3
}

@media screen and (min-width: 960px) {
    .p-contact {
        position:relative;
        display: block grid;
        grid-template-columns: 130px minmax(auto,1fr) 130px;
        justify-content: space-between;
        align-items: flex-start
    }
}

.p-contact__ttl {
    position: relative;
    display: inline grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif;
    margin-block-end:24px}

@media screen and (min-width: 960px) {
    .p-contact__ttl {
        grid-column:1/2;
        writing-mode: vertical-rl;
        justify-content: flex-start;
        gap: 16px;
        position: sticky;
        inset: 40px auto auto 0;
        margin-block-end:0}
}

.p-contact__ttl:before {
    display: block;
    content: "";
    background: var(--link-color);
    inline-size: 7px;
    block-size: 7px;
    border-radius: 10px
}

.p-contact__ttl span {
    font-family: aktiv-grotesk,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: .02em;
    position: relative
}

@media screen and (max-width: 959px) {
    .p-contact__ttl span {
        top:2px
    }
}

.p-contact__cnt {
    position: relative
}

.p-contact__txt {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif;
    margin-block-end:40px;
    width: 95%;
    margin-left:3%;
    color: #523C3C;
}

@media screen and (min-width: 960px) {
    .p-contact__txt {
        margin-block-end:32px;
        }
}

.p-contact__btns {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

@media screen and (min-width: 960px) {
    .p-contact__btns {
        display:block grid;
        grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
        gap: 8px
    }
}

.l-privacy {
    position: relative;
    padding-block:50px 64px;
}

@media screen and (min-width: 960px) {
    .l-privacy {
        padding-block:120px 96px;
        max-inline-size: 1440px;
        margin-inline:auto}
}

.l-privacy__cnt {
    position: relative;
    display: block grid;
    grid-template-columns: 40px 1fr 40px;
    grid-auto-rows: auto
}

@media screen and (min-width: 960px) {
    .l-privacy__cnt {
        grid-template-columns:8px 1fr 8px
    }
}

.p-privacy {
    grid-column: 2/3
}

@media screen and (min-width: 960px) {
    .p-privacy {
        position:relative;
        display: block grid;
        grid-template-columns: 130px minmax(auto,890px) 130px;
        align-items: flex-start;
        justify-content: space-between
    }
}

.p-privacy a {
    color: var(--link-color);
    text-decoration: underline;
}


.p-privacy__ttl-placeholder {
    display: block;
    height: 24px; /* 元のh1のmargin-block-endと同じ高さ */
}

@media screen and (min-width: 960px) {
    .p-privacy__ttl-placeholder {
        height: 40px; /* メディアクエリ内のinsetの値に合わせた高さ */
    }
}


.p-privacy__cnt {
    display: block grid;
    grid-template-columns: 1fr;
    gap: 56px 0
}

.p-privacy .p-privacySec2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px
}

.p-privacy .p-privacySec2>h2 {
    font-size: 26px;
    font-weight: 700;
    line-height: 135%;
    letter-spacing: .64px;
    font-family: Noto Sans JP,sans-serif;
    color: #1B1B1B;
}

.p-privacy .p-privacySec2>p {
    font-size: 16px;
    font-weight: 400;
    line-height: 175%;
    font-family: Noto Sans JP,sans-serif;
    color: #1B1B1B;
}

.p-privacy .p-privacySec3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px
}

.p-privacy .p-privacySec3:not(.is-nonum) {
    counter-increment: num3
}

.p-privacy .p-privacySec3>h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    font-family: Noto Sans JP,sans-serif;
    color: #1B1B1B;
}

.p-privacy .p-privacySec3>h3:before {
    content: counter(num3) "."
}

.p-privacy .p-privacySec3>h3:is(.is-nonum *):before {
    display: none
}

.p-privacy .p-privacySec3>ol {
    text-indent: -.8em;
    padding-left: 1.2em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.p-privacy .p-privacySec3>ol.en {
    padding-left: 2em
}

.p-privacy .p-privacySec3>ol.en>li:before {
    content: counter(num,lower-alpha) "."
}

.p-privacy .p-privacySec3>ol>li {
    counter-increment: num;
    font-size: 16px;
    font-weight: 400;
    line-height: 175%;
    font-family: Noto Sans JP,sans-serif;
    color: #1B1B1B;
}

.p-privacy .p-privacySec3>ol>li:before {
    content: counter(num) "."
}

.p-privacy .p-privacySec3>ol>li>ol {
    text-indent: -.7em;
    padding-left: 2em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-block:24px 0}

.p-privacy .p-privacySec3>ol>li>ol.en>li {
    counter-increment: num4
}

.p-privacy .p-privacySec3>ol>li>ol.en>li:before {
    content: counter(num4,lower-alpha) "."
}

.p-privacy .p-privacySec3>ol>li>ol.i {
    padding-left: 2em;
    text-indent: -.8em
}

.p-privacy .p-privacySec3>ol>li>ol.i>li:before {
    content: counter(num4,lower-roman) "."
}

.p-privacy .p-privacySec3>ol>li>ol>li {
    counter-increment: num4;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #1B1B1B;
    font-family: Noto Sans JP,sans-serif
}

.p-privacy .p-privacySec3>ol>li>ol>li:before {
    content: counter(num4) "."
}

.p-privacy .p-privacySec3>ol>li>ul {
    text-indent: -1em;
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.p-privacy .p-privacySec3>ol>li>ul>li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    font-family: Noto Sans JP,sans-serif;
    color: #1B1B1B;
}

.p-privacy .p-privacySec3>ol>li>ul>li:before {
    content: "・"
}

.p-privacy .p-privacySec3>p {
    font-size: 16px;
    font-weight: 500;
    line-height: 165%;
    font-family: Noto Sans JP,sans-serif;
    color: #666666;
}

.p-privacy .p-privacySec3>dl {
    display: block grid;
    grid-template-columns: auto auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 165%;
    font-family: Noto Sans JP,sans-serif;
    gap: .5em 0;
    color: #666666;
}

.p-privacy .p-privacySec3>dl>dt {
    grid-column: 1/2;
    display: flex;
    justify-content: space-between
}

.p-privacy .p-privacySec3>dl>dt:after {
    content: "：";
    padding-inline:.5em}

.p-privacy .p-privacySec3>dl>dd {
    grid-column: 2/3
}

.p-privacy .p-privacySec3>ul {
    text-indent: -1em;
    padding-left: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.p-privacy .p-privacySec3>ul>li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    font-family: Noto Sans JP,sans-serif;
    color: #1B1B1B;
}

.p-privacy .p-privacySec3>ul>li:before {
    content: "・"
}

.p-privacy .p-privacyReq {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px
}

.p-privacy .p-privacyReq>p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    font-family: Noto Sans JP,sans-serif;
    color: #1B1B1B;
}

.p-privacy .p-privacyReq>p em {
    font-size: 18px;
    font-weight: 500;
    line-height: 160%;
    font-family: Noto Sans JP,sans-serif;
    color: #1B1B1B;
}

.p-privacy .p-privacyReq>dl {
    display: block grid;
    grid-template-columns: auto auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 160%;
    font-family: Noto Sans JP,sans-serif;
    gap: .5em 0;
    color: #1B1B1B;
}

.p-privacy .p-privacyReq>dl>dt {
    grid-column: 1/2;
    display: flex;
    justify-content: space-between
}

.p-privacy .p-privacyReq>dl>dt:after {
    content: "：";
    padding-inline:.5em}

.p-privacy .p-privacyReq>dl>dd {
    grid-column: 2/3
}

.l-journal {
    position: relative;
    padding-block:120px 64px;
    margin: 0 40px;
	  max-width:1340px;
}

@media screen and (min-width: 960px) {
    .l-journal {
        padding-block:120px 96px;
        max-inline-size: 1340px;
        margin-inline:auto

    }
}



.l-journal__name {
    grid-template-columns: 24px 1fr 24px
}

@media screen and (min-width: 960px) {
    .l-journal__name {
        grid-template-columns: 130px auto 130px
    }
}

.l-journal__name.is-target {
    opacity: 0;
    transform: translateY(100%);
    clip-path: polygon(0 0,100% 0,100% 0,0 0);
    transition: .6s
}

.l-journal__name.is-target.is-active {
    opacity: 1;
    transform: translateY(0);
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
}

.l-journal__name p {
    grid-column: 2/3;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif;
    color: #ababab
}

@media screen and (min-width: 835px) {
    .l-journal__name p {
        font-size:20px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: .01em;
        font-family: Noto Sans JP,sans-serif
    }
}

.l-journal__ttl {
    grid-template-columns: 24px 1fr 24px;
    margin-block-start:24px}

@media screen and (min-width: 960px) {
    .l-journal__ttl {
        grid-template-columns: 130px auto 130px;
        margin-block-start:16px}
}

.l-journal__ttl h1 {
    position: relative;
    grid-column: 2/3;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -1px;
    font-family: Noto Sans JP,sans-serif
}

@media screen and (min-width: 835px) {
    .l-journal__ttl h1 {
        font-size:48px;
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: -1px;
        font-family: Noto Sans JP,sans-serif
    }
}

.l-journal__lead {
    grid-template-columns: 24px 1fr 24px;
    margin-block-start:24px}

@media screen and (min-width: 960px) {
    .l-journal__lead {
        grid-template-columns: 130px auto 130px;
        margin-block-start:24px}
}

.l-journal__lead .p-wysiwyg {
    grid-column: 2/3
}

@keyframes journalmvani {
    0% {
        clip-path: polygon(50% 0,50% 0,50% 100%,50% 100%)
    }

    to {
        clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
    }
}


.l-journal__mv {
    position: relative;
    display: block grid;
    margin-block-start:32px;overflow: hidden;
    clip-path: polygon(50% 0,50% 0,50% 100%,50% 100%);
    animation: journalmvani 1s 1s forwards
}

@media screen and (min-width: 960px) {
    .l-journal__mv {
        margin-block-start:40px
    }
}

.l-journal__mv picture {
    grid-column: 2/3;
    grid-row: 2/3;
    display: block;
    border-radius: 24px;
    overflow: hidden
}

.l-journal__mv picture img {
    display: block
}

.l-journal__wrap {
    position: relative;
    margin-block-start:40px
}

@media screen and (min-width: 960px) {
    .l-journal__wrap {
        margin-block-start:120px;
        display: block grid;
        
    }
}

@media screen and (max-width: 959px) {
    .l-journal__anchor {
        display: none;
    }
}

@media screen and (min-width: 960px) {
    .l-journal__anchor {
        grid-column:3/4;
        grid-row: 1/2;
        display: block;
        padding-left:10%;
        border-left: 1px solid #523C3C;
        width: 254px;
    }
}

.l-journal__cnt {
    position: relative;
    display: grid;
    grid-template-columns: 0 1fr 24px;
    gap: 72px 0
}

@media screen and (min-width: 960px) {
    .l-journal__cnt {
        grid-column:2/3;
        grid-row: 1/2;
        margin-inline-end:40px}
}

.l-journal__sns {
    margin-top: 20px; /* p-janchorとの間にスペースを追加 */

}

@media screen and (min-width: 960px) {
    .l-journal__sns {
        grid-column:2/3;
        grid-row: 2/3;
        grid-template-columns: 128px 1fr 24px;
        margin-block-start:40px
    }
}

.l-journal__item {
    position: relative;
    display: grid;
    margin-block-start:40px
}

@media screen and (min-width: 960px) {
    .l-journal__item {
        grid-column:1/4;
        grid-row: 4/5;
        justify-content: center;
        margin-block-start:80px;
        grid-template-columns: 0 auto 380px;
    }
}

.l-journal__profile {
    display: block grid;
    margin-block-start:32px
}

@media screen and (min-width: 960px) {
    .l-journal__profile {
        grid-column:2/3;
        grid-row: 3/4;
        margin-block-start:80px;
        grid-template-columns: 0 1fr 24px;
    }
}

.relation-it {
    flex-direction: column; /* 縦並びに配置 */  
    gap: 16px;
    padding-inline:8px;
}

@media screen and (min-width: 960px) {
    .relation-it {
        gap:8px 24px;
        padding-inline:0;
        width: 420px;
    }
}

.relation-it+.relation-it {
    border-top: 1px solid #fff
}

.relation-it__link {
    display: inherit;
    grid-template-columns: 140px 1fr;
    grid-template-rows: inherit;
    grid-row: inherit;
    gap: inherit;
    padding: 18px 0
}

@media screen and (min-width: 960px) {
    .relation-it__link {
        grid-template-columns:164px 1fr 20px;
        align-items: center;
        transition: .2s
    }

    .relation-it__link:hover .p-nposMain__label p{
        
            color: #fff;
            background-color: #000;
        
    }

    .relation-it__link:after {
        grid-column: 3/4;
        grid-row: 1/3;
        content: "";
        display: block;
        min-inline-size: 20px;
        block-size: 13px;
        
    }
}

.relation-it__img {
    overflow: hidden;
    grid-column: 1/2;
    grid-row: 1/2;

}

.relation-it__img img {
    margin: auto;
    width: 100%;
    height: auto;
    object-fit: cover
}

@media screen and (min-width: 960px) {
    .relation-it__img {
        grid-row:1/3;
        width: 420px;
        height: 254px;
    }

    .relation-it__img img {
        height: 100%;
    }
}


.relation-it__ttl {
    grid-column: 2/3;
    grid-row: 1/2
}

@media screen and (min-width: 960px) {
    .relation-it__ttl {
        grid-row:2/3;
        margin-block-end:auto}
}

.relation-it__ttl p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

@media screen and (min-width: 960px) {
    .relation-it__ttl p {
        -webkit-line-clamp:2;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.75;
        letter-spacing: .01em;
        font-family: Noto Sans JP,sans-serif
    }
}

.relation-it__name {
    grid-column: 1/3;
    grid-row: 2/3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

@media screen and (min-width: 960px) {
    .relation-it__name {
        grid-column:2/3;
        grid-row: 1/2;
        margin-block-start:auto}
}

.relation-it__name:after {
    content: "";
    display: block;
    min-inline-size: 20px;
    block-size: 13px;
}

@media screen and (min-width: 960px) {
    .relation-it__name:after {
        display:none
    }
}

.relation-it__name p {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: -.01em;
    font-family: Noto Sans JP,sans-serif;
    color: #ababab;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (min-width: 960px) {
    .relation-it__name p {
        font-size:16px;
        font-weight: 500;
        line-height: 1.75;
        letter-spacing: .01em;
        font-family: Noto Sans JP,sans-serif
    }
}

.p-relation {
    grid-column: 2/3
}

@media screen and (min-width: 960px) {
    .p-relation {
        position:relative;
        grid-template-columns: 130px 1fr 130px;
        align-items: flex-start
    }
}

.p-relation__ttl {
    position: relative;
    display: inline grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif;
    margin-block-end:24px}

@media screen and (min-width: 960px) {
    .p-relation__ttl {
        grid-column:1/2;
        writing-mode: vertical-rl;
        justify-content: flex-start;
        gap: 16px;
        position: sticky;
        inset: 40px auto auto 0;
        margin-block-end:0}
}

.p-relation__ttl:before {
    display: block;
    content: "";
    background: var(--link-color);
    inline-size: 7px;
    block-size: 7px;
    border-radius: 10px
}

.p-relation__ttl span {
    font-family: Noto Sans JP,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: .02em;
    position: relative
}

@media screen and (max-width: 959px) {
    .p-relation__ttl span {
        top:2px
    }
}

.p-relation__wrap {
    display: flex;
  flex-direction:column;
}

@media screen and (min-width: 960px) {
    .p-relation__wrap {
      flex-direction: row; /* 横並びに配置 */
      gap: 20px; /* アイテム間のギャップ */
      flex-wrap: wrap;
      justify-content: center;
    }
}


.l-journal__relation {
    margin-block-start:64px;
    margin: 0 40px;
	  max-width:1340px;
      margin-bottom: 5%;
    
}



.l-journals {
    position: relative;
    padding-block:120px 32px}

@media screen and (min-width: 960px) {
    .l-journals {
        padding-block:120px 96px;
        max-inline-size: 1440px;
        margin-inline:auto}
}

.l-journals__section {
    position: relative;
    display: block grid;
    grid-auto-rows: auto
}


.l-journals__pager {
    position: relative;
    display: block grid;
    grid-template-columns: 24px 1fr 24px;
    grid-auto-rows: auto;
    margin-block-start:64px}

@media screen and (min-width: 960px) {
    .l-journals__pager {
        margin-block-start:96px;
        grid-template-columns: 8px 1fr 8px
    }
}

.l-journals__pager>.navigation {
    grid-column: 2/3
}

.p-advisor {
    display: block grid;
    grid-template-columns: repeat(1,1fr);
    gap: 16px 8px
}

@media screen and (min-width: 960px) {
    .p-advisor {
        inline-size:auto;
        gap: 56px 8px;
        grid-template-columns: repeat(3,1fr)
    }
}

.p-journal:is(.l-journals *) {
    gap: 32px 8px
}

.js-overlayTxt {
    position: relative
}

.js-overlayTxt__cnt {
    display: block;
    transition: 1.2s;
    clip-path: polygon(0 0,0 0,0 100%,0% 100%)
}

.js-overlayTxt__cnt:is(.js-overlayTxt.is-active *) {
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
}

.js-overlayTxt__lay {
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
    z-index: 6;
    transition: 1.2s;
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
}

.js-overlayTxt__lay:is(.js-overlayTxt.is-active *) {
    clip-path: polygon(100% 0,100% 0,100% 100%,100% 100%)
}

.p-wysiwyg {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif;
    max-inline-size: 100%;
    word-break: break-word
}

.p-wysiwyg h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -1px;
    font-family: Noto Sans JP,sans-serif
}

.p-wysiwyg h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -1px;
    font-family: Noto Sans JP,sans-serif
}

.p-wysiwyg h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -1px;
    font-family: Noto Sans JP,sans-serif
}

.p-wysiwyg h4 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .64px;
    font-family: Noto Sans JP,sans-serif
}

.p-wysiwyg h5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 19.2px;
    
    font-family:Noto Sans JP,sans-serif
}

.p-wysiwyg h6 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif
}

.p-wysiwyg strong {
    font-weight: 700
}

.p-wysiwyg em {
    font-style: italic
}

.p-wysiwyg p {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    font-family: Noto Sans JP,sans-serif;
    color: #523C3C;
}

.p-wysiwyg ol {
    position: relative
}

.p-wysiwyg .aligncenter {
    text-align: center;
    display: block;
    margin-inline:auto}

.p-wysiwyg ol li {
    counter-increment: ol;
    padding-left: .75em;
    text-indent: -.75em
}

.p-wysiwyg ol li:before {
    content: counter(ol) "."
}

.p-wysiwyg a {
    color: var(--link-color);
    text-decoration: underline
}

@media screen and (min-width: 835px) {
    .p-wysiwyg a {
        text-decoration:none
    }

    .p-wysiwyg a:hover {
        text-decoration: underline
    }
}

.p-wysiwyg ul li {
    padding-left: 1em;
    text-indent: -1em
}

.p-wysiwyg ul li:is(.l-journal__cnt *) {
    padding-left: 0;
    text-indent: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif
}

@media screen and (min-width: 960px) {
    .p-wysiwyg ul li:is(.l-journal__cnt *):first-child {
        border-right:1px solid #fff;
        padding-right: 24px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.75;
        letter-spacing: -.01em;
        font-family: Noto Sans JP,sans-serif;
        font-weight: 500
    }
}

.p-wysiwyg ul li:is(.l-journal__cnt *):first-child:before {
    content: "ー ";
    color: #fff
}

@media screen and (min-width: 960px) {
    .p-wysiwyg ul li:is(.l-journal__cnt *):first-child:before {
        display:none
    }
}

.p-wysiwyg ul li:is(.l-journal__cnt *):nth-child(2):before {
    display: none
}

.p-wysiwyg ul li:before {
    content: "・"
}

@media screen and (min-width: 960px) {
    .p-wysiwyg ul:is(.l-journal__cnt *) {
        display:block grid;
        grid-template-columns: minmax(96px,auto) 1fr;
        gap: 32px
    }
}

.p-wysiwyg ul:is(.l-journal__cnt *)+ul {
    margin-block-start:1.75em}

@media screen and (min-width: 960px) {
    .p-wysiwyg ul:is(.l-journal__cnt *)+ul {
        margin-block-start:40px
    }
}

.p-janchor {
    padding: 32px;
    border: 1px solid #C6C6C6;
    border-radius: 8px;

}

.p-janchor__ttl {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif;
    color: #ababab;
    margin-block-end:24px}

.p-janchor__wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px
}

.c-janchor {
    position: relative;
    counter-increment: num;
    inline-size: 100%
}

.c-janchor.is-active {
    background: none
}



.c-janchor__num {
    position: relative;
    display: block flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-block-end:8px;opacity: .5;
    transition: .4s opacity
}

.c-janchor__num:is(.is-active *) {
    opacity: 1
}

.c-janchor__num:before {
    display: block;
    content: "";
    inline-size: 7px;
    block-size: 7px;
    border-radius: 10px
}

.c-janchor__num:after {
    content: "#" counter(num);
    font-family: Noto Sans JP,sans-serif;
    line-height: 1
}

.c-janchor__txt {
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: .125em;
    font-weight: 700;
    opacity: .5;
    transition: .4s opacity, background-size .6s;
    background-image: linear-gradient(90deg, #333, #333); /* 線の色 */
    background-position: left bottom; /* 線の起点を左・下に設定 */
    background-repeat: no-repeat;
    background-size: 0 2px; /* 線の横幅を0、縦幅を2pxに */
    padding-bottom: 6px; /* 下線を下にズラす */
    display: inline;
  }
  
  .c-janchor__txt:is(.is-active *) {
    opacity: 1;
  }
  
  .c-janchor__txt:is(.c-janchor:hover *) {    
    cursor: pointer;
    background-size: 100% 2px; /* 線の横幅を100%にする */
  }
  


.p-jsection {
    grid-column: 2/3;
    position: relative;
    counter-increment: num
}

@media screen and (min-width: 959px) {
    .p-jsection {
        display:block grid;
        align-items: flex-start
    }
}

.p-jsection__img {
    position: relative;
    margin-block-end:32px;border-radius: 4px;
    overflow: hidden
}

.p-jsection__img.is-target {
    clip-path: polygon(0 100%,100% 100%,100% 100%,0% 100%);
    transition: .6s
}

.p-jsection__img.is-target.is-active {
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
}

.p-jsection__img:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    inline-size: 100%;
    block-size: 100%;
    background: #ddd;
    z-index: 5
}

.p-jsection__img.is-target:after {
    transition: .6s .6s;
    clip-path: polygon(0 0,100% 0,100% 100%,0% 100%)
}

.p-jsection__img.is-active:after {
    clip-path: polygon(0 0,100% 0,100% 0,0 0)
}

.p-jsection__side {
    display: none
}

@media screen and (min-width: 960px) {
    .p-jsection__side {
        position:relative;
        display: block;
        grid-column: 1/2;
        writing-mode: vertical-rl;
        display: block grid;
        grid-template-columns: 1fr;
        align-items: center;
        position: sticky;
        top: 1em
    }

    .p-jsection__side~* {
        grid-column: 2/3
    }
}

@media screen and (min-width: 960px) {
    .p-jsection__side p {
        font-size:20px;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: .01em;
        font-family: Noto Sans JP,sans-serif;
        color: #ababab;
        display: flex;
        align-items: center;
        gap: 16px
    }

    .p-jsection__side p:after {
        content: "#" counter(num,decimal-leading-zero);
        font-size: 16px;
        font-weight: 500;
        line-height: 1.75;
        letter-spacing: .01em;
        font-family: Noto Sans JP,sans-serif;
        line-height: 1;
        position: relative;
        inset: auto -2px auto auto
    }
}

.p-jsection__ttl {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .64px;
    font-family: Noto Sans JP,sans-serif;
    margin-block-end:32px}

@media screen and (min-width: 835px) {
    .p-jsection__ttl {
        font-size:40px;
        font-weight: 700;
        line-height: 1.3;
        letter-spacing: -1px;
        font-family: Noto Sans JP,sans-serif
    }
}

.p-jsection__txt {
    position: relative;
    margin-block-end:32px}

.p-jsection__txt p {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif
}

.c-journal-profile {
    grid-column: 2/3;
    padding: 32px;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    border-top: 1px solid #523C3C;
  border-bottom: 1px solid #523C3C;
}

@media screen and (min-width: 960px) {
    .c-journal-profile {
        grid-template-columns:152px 1fr;
        grid-template-rows: auto auto 1fr;
        gap: 0 50px;
        display: block grid;
    }
}




.c-journal-profile__img {
    position: relative;
    inline-size: calc(152 * 100vw / 375);
    justify-self: center;

}

.c-journal-profile__img img {
    inline-size: 100%;
    border-radius: 10%;
}

@media screen and (min-width: 960px) {
    .c-journal-profile__img {
        grid-column:1/2;
        grid-row: 1/4;
        inline-size: 140%;
        padding-right:25%;
        padding-top:5%;
        border-right: 1px solid #523C3C;
        margin-right: 10px;
    }
}




.l-journal__info {
    display: flex;
    flex-direction: column;
    padding-left: 5%;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
letter-spacing: 0.5px;
font-family: mr-eaves-modern, sans-serif;
font-weight: 400;
font-style: normal;
}

@media screen and (min-width: 960px) {
    .l-journal__info {
        border-left: 1px solid #523C3C;
    }
    
    .l-journal__header {
        display: flex;
    }

    
    .l-journal__info-p{
        margin-bottom:50%;
    }
}

@media screen and (max-width: 959px) {
    .l-journal__info {
        display: flex;
        flex-direction: row;
        border-top: 1px solid #523C3C;
        padding-left: 5%;
        padding-top: 5%;
        margin-top: 5%;
        gap:25%;
        flex-wrap: wrap;
    }
}


.l-journal__info-p{
    color: #523C3C;
}

.l-journal__info span {
    color: #A0A0A0;
}



.c-journal-profile__name {
    position: relative;
    margin-block-start:24px;display: flex;
    gap: 0 16px;
    align-items: center;
    flex-wrap: wrap
}

@media screen and (min-width: 960px) {
    .c-journal-profile__name {
        grid-column:2/3;
        grid-row: 1/2;
        margin-block-start:0}
}

.c-journal-profile__name p.is-kan {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif
}

.c-journal-profile__name p.is-kana {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: .0125em
}

.c-journal-profile__pos {
    position: relative;
    margin-block-start:8px}

@media screen and (min-width: 835px) {
    .c-journal-profile__pos {
        grid-column:2/3;
        grid-row: 2/3
    }
}

.c-journal-profile__pos p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -.01em;
    font-family: Noto Sans JP,sans-serif;
    color: #666
}

.c-journal-profile__txt {
    position: relative;
    margin-block-start:8px}

@media screen and (min-width: 960px) {
    .c-journal-profile__txt {
        grid-column:2/3;
        grid-row: 3/4
    }
}

.c-journal-profile__txt p {
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: .0125em
}

.p-jsns {
    grid-column: 2/3;
    gap: 8px;
    align-items: center;
    
}




.p-jsns__ttl {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -.01em;
    font-family: Noto Sans JP,sans-serif;
    line-height: 1;
    padding-bottom:10%;
}

.p-jsns__ttl:after {
    content: "：";
    margin-inline-start:8px}

.p-jsns__wrap {
    display: flex;
    gap: 16px;
    align-items: center
}

.c-jitem {
    grid-column: 2/3
}

@media screen and (min-width: 960px) {
    .c-jitem {
        max-inline-size:570px
    }
}

.c-jitem__img {
    border-radius: 8px;
    overflow: hidden
}

.c-jitem__img img {
    display: block
}

.c-jitem__info {
    border: 1px solid #C6C6C6;
    border-radius: 8px;
    position: relative;
    padding: 32px;
    margin-block-start:8px}

.c-jitem__brand {
    position: relative;
    margin-block-end:16px}

.c-jitem__brand p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif
}

.c-jitem__name {
    position: relative;
    margin-block-end:8px}

.c-jitem__name p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif
}

.c-jitem__txt {
    position: relative
}

.c-jitem__txt p {
    font-family: Noto Sans JP,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: .125
}

.l-npos {
    position: relative;
    padding-block:120px 32px;
    grid-template-columns: 24px 1fr 24px;
    grid-auto-rows: auto
}



@media screen and (min-width: 960px) {
    .l-npos {
        padding-block:120px 96px;
        grid-template-columns: 8px minmax(auto,900px) 8px;
        display: flex;
  flex-direction: row; /* 横並びに配置 */
  margin-left:15%;
  gap:3%;

    }

    .l-npos__main-c{
        width: 80%;
    }
}

.l-npos__main {
    position: relative;
    grid-column: 2/3
}

@media screen and (max-width: 959px) {
    .l-npos__sns {
        display: none;
        

    }
.l-npos {
    padding-left: 5%;
    padding-right: 5%;
}

}


@media screen and (min-width: 960px) {
    .l-npos__sns {
        position: sticky;
        position: relative;
    grid-column: 2/3;
        

    }

    .l-npos__sns>.p-jsns {
        position: sticky;
        top: 100px;
        display: flex;
        flex-direction: column;
    }

    .l-npos__sns-mobile {
        display: none;
        

    }
}

.l-npos__cnt {
    position: relative;
    grid-column: 2/3;
    margin-block-start:64px}

    .p-nposMain {
        display: block grid;
        grid-template-columns: auto auto;
        justify-content: space-between
    }
    
    .p-nposMain__label {
        grid-column: 1/2;
        grid-row: 1/2
    }
    
    .p-nposMain__label p {
        display: inline flex;
        justify-content: center;
        align-items: center;
        block-size: 17px;
        border: 1px solid #523C3C;
        border-radius: 10px;
        background: #fff;
        padding-inline:12px;
        font-family: Plus Jakarta Sans,sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 12px;
        line-height: 1;
        letter-spacing: .02em;
        padding-block:1px 0;
        color: #523C3C;
    }
    
    .p-nposMain__prev {
        grid-column: 2/3;
        grid-row: 1/2;
        text-align: right
    }
    
    .p-nposMain__prev a {
        display: inline flex;
        gap: 8px;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.75;
        letter-spacing: -.01em;
        font-family: Noto Sans JP,sans-serif;
        letter-spacing: .02em;
        align-items: center;
        margin-inline-start:auto}
    
    .p-nposMain__prev a:before {
        display: block;
        content: "";
        inline-size: 22px;
        block-size: 14px;
        background: url("data:image/svg+xml;utf8,<svg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M9.5 1.42129L9.5 12.5786L0.917451 6.99937L9.5 1.42129Z' fill='white' stroke='%23C6C6C6'/><line x1='10' y1='7' x2='20' y2='7' stroke='%23C6C6C6'/></svg>") center/contain no-repeat
    }
    
    @media screen and (min-width: 960px) {
        .p-nposMain__prev a {
            transition:.2s
        }
    
        .p-nposMain__prev a:hover {
            opacity: .7
        }
    }
    
    .p-nposMain__ttl {
        grid-column: 1/3;
        grid-row: 2/3;
        margin-block-start:24px}
    
    .p-nposMain__ttl h1 {
        font-size: 26px;
        font-weight: 700;
        line-height: 135%;
        font-family: Noto Sans JP,sans-serif;
        letter-spacing: 0.64px;
    }
    
    @media screen and (min-width: 960px) {
        .p-nposMain__ttl h1 {
            font-size:32px;
            font-weight: 700;
            line-height: 100%;
            
        }
    }
    
    .p-nposMain__time {
        grid-column: 1/3;
        grid-row: 3/4;
        margin-block-start:16px}
    
    .p-nposMain__time time {
        font-size: 16px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0.5px;
        font-family: Plus Jakarta Sans,sans-serif;
        color: #666
    }

    .page-privacy .mv {
    padding-top: 12rem;
    padding-bottom: 8rem;
    width: 80%;
    margin-left: 20%;
}

@media(max-width: 959px) {
    .page-privacy .mv {
        padding:9rem 0 6.4rem;
        margin-left: 5%;
    }
}



.page-privacy .mv__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}


.page-privacy .mv__title {
    font-size: 70px;
    font-family: mr-eaves-modern, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 74.16px;
color: #523C3C;
}

@media(max-width: 959px) {
    .page-privacy .mv__title {
        font-size:40px;
        line-height: 144px
    }
}

.page-privacy .mv__title span span {
    letter-spacing: -0.04em
}

.page-privacy .mv__text {
    font-size: 14px;
    line-height: 31px;
    font-weight: 500;
    max-width: 63.1rem;
    margin-top: 2rem;
    color: #A0A0A0;
    font-family: 'Noto Sans JP', sans-serif;

}

@media(max-width: 959px) {
    .page-privacy .mv__text {
        line-height: 30px;
        margin-top: 1.3rem;
        max-width: 49rem
    }
}

.page-privacy .border {
    border-top : .1rem solid #523C3C;
    width: 60%;
    margin: 0 auto;
}

@media(max-width: 959px) {
    .page-privacy .border {
        width: 90%;
    }
}

.page-privacy .mv__container {
    display: flex;
    align-items: center;
    margin-top: 10%;
}

.page-privacy-privacy-icon {
    display: block;
    
}

.contact-btn {
    position: relative;
    inline-size: 100%;
}

@media screen and (max-width: 959px) {
    .contact-btn {
        width: 94%;
    }
}

@media screen and (max-width: 959px) {
    .contact-btn a {
        
        display: flex;
        justify-content: center;
    }
}

.contact-btn__link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 56px;
    border: 1px solid #523C3C;
    border-radius: 16px;
    block-size: 270px;
}

@media screen and (min-width: 960px) {
    .contact-btn__link {
        block-size: 320px;
        padding: 40px;
        transition: .2s;
    }
}

.contact-btn__txt {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    font-family: Noto Sans JP, sans-serif;
    margin-top: 5%;
    color: #523C3C;
}

@media screen and (min-width: 960px) {
    .contact-btn__txt {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        margin-top: 0;
        margin-top: 10%;
    }
}

@media screen and (max-width: 959px) {
    .contact-btn__txt {
        text-align: center;
    }
}

.contact-btn__cap {
    display: flex;
    justify-content: center; /* 中央揃え */
    align-items: center;
    inline-size: 350px;
    block-size: 42px;
    border: 1px solid #523C3C;
    color: #523C3C;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    font-family: Plus Jakarta Sans, sans-serif;
    padding-inline: 16px;
    width: 100%; /* 横に広げる */
    text-align: center; /* 文字を中央揃え */
    transition: background-color 0.2s, color 0.2s; /* 背景色と文字色の反転のためのトランジション */
}

@media screen and (max-width: 959px) {
    .contact-btn__cap {
        
        margin: auto; /* 要素を中央に配置 */
        border-radius: 36px;
        inline-size: 290px;
    }
}

.contact-btn__cap:hover {
    background-color: #000; /* 背景色を黒に */
    color: #fff; /* 文字色を白に */
}




.page-contact .mv {
    padding-top: 12rem;
    padding-bottom: 8rem;
    width: 80%;
    margin-left: 10%;
}

@media(max-width: 959px) {
    .page-contact .mv {
        padding: 9rem 0 6.4rem;
        margin-left: 5%;
    }
}

.page-contact .mv__container {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}

.page-contact .mv__title {
    font-size: 70px;
    font-weight: 400;
    font-family: mr-eaves-modern, sans-serif;
    letter-spacing: -2.88px;
    margin-right: 1rem; 
    font-style: normal;
    line-height: 144px;
    color: #523C3C;
}

@media(max-width: 959px) {
    .page-contact .mv__title {
        font-size: 40px;
    }
}

.page-contact .mv__text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    max-width: 63.1rem;
    margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
    color: #A0A0A0;
    font-family: 'Noto Sans JP', sans-serif;
}

@media(max-width: 959px) {
    .page-contact .mv__text {
        font-size: 14px;
        margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
        max-width: 49rem;
    }
}

.page-about .mv {
    padding-top: 12rem;
    padding-bottom: 8rem;
    margin: 0 40px;
	  max-width:1340px;
}

@media(max-width: 959px) {
    .page-about .mv {
        padding: 9rem 0 6.4rem;
    }
}

.page-about .mv__container {
    display: flex;
    align-items: center;
    margin-top: 10%;
}

.page-about .mv__title {
    font-size: 144px;
    font-family: mr-eaves-modern, sans-serif;
font-weight: 400;
font-style: normal;
    letter-spacing: -2.88px;
    line-height: 144px;
    margin-right: 1rem; 
    color: #523C3C;
}

@media(max-width: 959px) {
    .page-about .mv__title {
        font-size: 64px;
        line-height: 100%;
    }
}

.page-about .mv__text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    max-width: 63.1rem;
    margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
    color: #d3d3d3;
    color: #A0A0A0;
    font-family: 'Noto Sans JP', sans-serif;

}

@media(max-width: 959px) {
    .page-about .mv__text {
        font-size: 14px;
        line-height: 30px;
        margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
        max-width: 49rem;
        font-weight: 500;
    }
}

.page-about .border {
    border-top : .1rem solid #d9d9d9;
    margin: 0 40px;
	  max-width:1340px;
}

@media screen and (min-width: 960px) {
    .p-aboutus__container {
      display: flex;
      align-items: flex-start;
    }
  
    .p-aboutus__ttl,
    .mv__text_two {
      margin-right: 20px; /* 必要に応じて調整 */
    }
  }
  
  .page-about .mv__text_two {
    font-size: 12.7px;
    line-height: 21.08px;
    font-weight: 700;
    max-width: 63.1rem;
    margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
    color: #A0A0A0;
}

@media(max-width: 959px) {
    .page-about .mv__text_two, .p-aboutus__ttl {
        display: none;
    }
}

.page-about .p-corptable a {
    color: var(--link-color); 
    text-decoration: underline;
  }
  
  .page-about .p-corptable .ico a {
    color: inherit; /* View Mapリンクの色を継承 */
    text-decoration: none; /* View Mapリンクの下線を削除 */
  }
  

  @media(min-width: 960px) {
    .sp-border{
        display: none;
    }
}

.is-header-white .sp-border{
    border-bottom: .1rem solid #fff;
}

@media(max-width: 959px) {

.sp-border{
    border-bottom : .1rem solid black;
    width: 100%;
    padding-bottom: 2%;
    
display: flex;
justify-content: space-between; /* 両端に配置 */
align-items: center; /* 同じ高さに配置 */

    
}}

@media(min-width: 960px) {
    .corp-header-logo-block{
        display: none;
    }
}
  
  

  .corp-header-logo {
    
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 12rem;
    height: 2.9rem;
    margin-right: 6.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width: 959px) {
    .corp-header-logo {
        
        width:12rem;
        margin-top: 10%;
    }
}

.corp-header-logo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.corp-header-logo img.-black {
    opacity: 1
}

.corp-header-logo img.-white {
    opacity: 0
}

.is-header-white .corp-header-logo img.-black {
    opacity: 0
}

.is-header-white .corp-header-logo img.-white {
    opacity: 1
}


:root {
    --link-color: #00C4CC
}


.corp-footer__title-en {
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 1.6rem;
    color: #878a8c;
}



.corp-footer__title-jp {
    position: relative;
    display: block;
    font-size: 1.2rem;
    margin-top: 3.2rem;
}

@media(max-width: 959px) {
    .corp-footer__title-jp {
        
        margin-top: 2.2rem
    }
}

.corp-footer__title-jp svg {
    margin-left: .6rem;
    width: 1.2rem;
    height: 1.1rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}




.corp-footer__contact-col {
    position: relative; /* 縦線を追加するために必要 */
    padding-right: 10%;

}



.corp-footer__contact-col-two {
    position: relative; /* 縦線を追加するために必要 */
    border-left: 1px solid #656565;
    padding-left: 10%;
}




@media(max-width: 959px) {
    .corp-footer__contact-col,
    .corp-footer__contact-col-two {
        width:100%;
        padding-top: 5.2rem;
        padding-bottom: 5.2rem;
        padding-left: 0;
    }
    
}







.footer__bottom-container {
    display: flex;
    border-top: 1px solid #878a8c; /* 境界線を追加 */
    flex-direction: row;
    margin-top: 4rem; /* 間隔を広げる */

}


.footer__top-container {
    display: flex;
    flex-direction: row; 
    margin-bottom: 4rem; /* 間隔を広げる */
}

.footer-arrow-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
    padding-right:5%;
}
@media(min-width: 960px) {
    .footer-arrow-container{
        width: 120%;
    }
}

.footer-arrow{
    margin-top: 3.2em;
    margin-left: 5%;
    background-color: #5B5B5B;
    border-radius: 50px;
    width: 33px;
    height: 14px;
    text-align: center;
}

@media(max-width: 959px) {
    .footer__top-container {
        flex-direction: column;
        margin-bottom:0;
    }
    .footer__bottom-container {
        flex-direction: column;
        margin-top:0;
    }
    .footer__contact{
        flex-direction: column;
        margin-top:0;
    }
    .footer__bottom {
        margin-top: 0;
    }
    .footer__privacy {
        margin-top: 1rem;
    }
    
    .corp-footer__contact-col-two {
        border-top: 1px solid #656565;
        border-left: none;
    }
}


.archive-journal .mv {
    padding-top: 12rem;
    padding-bottom: 4rem;
    margin: 0 40px;
	  max-width:1340px;
    
}

@media(max-width: 959px) {
    .archive-journal .mv {
        padding: 9rem 0 6.4rem;
    }
}

.archive-journal .mv__container {
    display: flex;
    align-items: center;
}

.archive-journal .mv__title {
    font-size: 144px;
    font-family: mr-eaves-modern, sans-serif;
font-weight: 400;
font-style: normal;
    letter-spacing: -2.88px;
    margin-right: 1rem; /* タイトルとテキストの間にスペースを追加 */
    line-height: 144px;
}

@media(max-width: 959px) {
    .archive-journal .mv__title {
        font-size: 64px;
        line-height: 100%;
    }
}

.archive-journal .mv__text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    max-width: 63.1rem;
    margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
    color: #A0A0A0;
    font-family: Noto Sans JP, sans-serif;
}

@media(max-width: 959px) {
    .archive-journal .mv__text {
        font-size: 14px;
        margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
        max-width: 49rem;
    }
}

.archive-journal .border {
    border-top: .1rem solid #343434;
    margin: 0 40px;
	  max-width:1340px;
    opacity: 0; /* 初期状態で非表示 */
    clip-path: inset(0 100% 0 0); /* 初期状態で左から右に隠す */
    transition: opacity 0.5s ease-in-out, clip-path 1s ease-in-out; /* フェードインとクリップパスのトランジション */
}

.archive-journal .border-2 {
    border-top: .1rem solid #343434;
}

.archive-news .mv {
    padding-top: 12rem;
    padding-bottom: 8rem;
    width: 80%;
    margin-left: 5%;
}

@media(max-width: 959px) {
    .archive-news .mv {
        padding: 9rem 0 6.4rem;
        margin-left: 5%;
        display: flex;

    }
}

.archive-news .mv__container {
    display: flex;
    align-items: center;
}

.archive-news .mv__title {
    font-size: 144px;
    line-height: 144px;
    letter-spacing: -2.88px;
    margin-right: 1rem; /* タイトルとテキストの間にスペースを追加 */
    color: #523C3C;
}

@media(max-width: 959px) {
    .archive-news .mv__title {
        font-size: 64px;
        line-height: 100%;
    }
}

.archive-news .mv__text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    max-width: 63.1rem;
    margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
    color: #A0A0A0;
}

@media(max-width: 959px) {
    .archive-news .mv__text {
        font-size: 14px;
        margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
        max-width: 49rem;
    }
}

.archive-news .border {
    border-top : .1rem solid #523C3C;
    width: 90%;
    margin: 0 auto;
}

.l-news {
    position: relative;
    padding-block:20px 64px
}

@media screen and (min-width: 960px) {
    .l-news {
        padding-block:120px 96px;
        max-inline-size: 1440px;
        margin-inline:auto}
}

@media screen and (max-width: 959px) {
    .l-news {
        margin-left: 5%;
        margin-right: 5%;    
    }
}

.l-news__cnt {
    position: relative;
    display: block grid;
    grid-template-columns: 24px 1fr 24px;
    grid-auto-rows: auto;
    margin-bottom:5%;
}

@media screen and (min-width: 960px) {
    .l-news__cnt {
        grid-template-columns:8px 1fr 8px;
        display: flex;
  flex-direction: row;
  gap: 10%;
    }
}

.l-news__pager {
    position: relative;
    display: block grid;
    grid-template-columns: 24px 1fr 24px;
    grid-auto-rows: auto;
    margin-block-start:64px}

@media screen and (min-width: 960px) {
    .l-news__pager {
        margin-block-start:96px;
        grid-template-columns: 8px 1fr 8px
    }
}

.l-news__pager>.navigation {
    grid-column: 2/3
}

.news-it {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d9d9d9
}

.news-it+.news-it {
    border-top: none
}

.l-top .news-it:nth-child(4)~.news-it {
    display: none
}
.news-it__link {
    display: block grid;
    grid-template-columns: auto auto 1fr;
    grid-auto-rows: auto auto;
    justify-content: flex-start;
    align-items: center;
    gap: 8px 16px;
    padding-block:16px}

@media screen and (min-width: 960px) {
    .news-it__link {
        grid-template-columns:auto auto 1fr 20px;
        transition: .2s
    }

    .news-it__link:hover {
        background: #fff
    }
}

.news-it__link:after {
    content: "";
    grid-column: 3/4;
    grid-row: 1/2;
    display: block;
    inline-size: 20px;
    block-size: 13px;
}

@media screen and (min-width: 960px) {
    .news-it__link:after {
        grid-column:4/5;
        grid-row: 1/3
    }
}

.news-it__tag {
    grid-column: 1/2;
    grid-row: 1/2;
    display: flex;
    justify-content: center;
    align-items: center;
    block-size: 17px;
    border: 1px solid #000;
    border-radius: 10px;
    background: black;
    padding-inline:12px;font-family: Plus Jakarta Sans,sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 1;
    letter-spacing: .02em;
    padding-block:1px 0;transition: .2s;
    color: white;
}

.news-it__tag:is(a:hover *) {
    background: #dedfe0
}

.news-it__time {
    grid-column: 2/3;
    grid-row: 1/2;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif;
    line-height: .8;
    color: #666
}

.news-it__ttl {
    grid-column: 1/4;
    grid-row: 2/3
}

.news-it__ttl p {
    font-size: 15px;
  font-weight: 700;
  line-height: 22.5px;
  letter-spacing: .01em;
  font-family: Noto Sans JP, sans-serif;
	color:#523C3C;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width:90%;
}



@media screen and (max-width: 959px) {
    .p-article__ttl span {
        top:2px
    }
}

.p-article {
    grid-column: 2/3
}

@media screen and (min-width: 960px) {
    .p-article {
        position:relative;
        grid-template-columns: 130px 1fr 130px;
        align-items: flex-start
    }
}

.p-article__ttl {
    position: relative;
    display: inline grid;
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .01em;
    font-family: Noto Sans JP,sans-serif;
    margin-block-end:24px}

@media screen and (min-width: 960px) {
    .p-article__ttl {
        grid-column:1/2;
        writing-mode: vertical-rl;
        justify-content: flex-start;
        gap: 16px;
        position: sticky;
        inset: 40px auto auto 0;
        margin-block-end:0}
}

.p-article__ttl:before {
    display: block;
    content: "";
    inline-size: 7px;
    block-size: 7px;
    border-radius: 10px
}



.p-article__wrap {
    inline-size: calc(100svi - 24px);
    overflow-x: scroll;
    padding-block-end:24px}

@media screen and (min-width: 960px) {
    .p-article__wrap {
        inline-size:auto;
        grid-column: 2/3;
        overflow: hidden
    }
}

.p-article__btn {
    position: relative;
    margin-block:24px 0}

@media screen and (min-width: 960px) {
    .p-article__btn {
        inline-size:auto;
        grid-column: 2/3;
        grid-row: 2/3
    }
}

.p-article__btn a {
    inline-size: 136px;
    block-size: 73px;
    background: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -.01em;
    font-family: Noto Sans JP,sans-serif;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    margin-inline:auto 0;border: 1px solid #000
}

@media screen and (min-width: 835px) {
    .p-article__btn a {
        transition:.2s
    }

    .p-article__btn a:hover {
        background: #fff;
        color: #000
    }
}


.single-journal .mv {
    padding-top: 12rem;
    padding-bottom: 8rem;
    margin: 0 40px;
	  max-width:1340px;
    border-top: 1px solid #523C3C; /* mvの要素の上下に横線 */
    border-bottom: 1px solid #523C3C; /* mvの要素の上下に横線 */
    flex-direction: row; /* 横並びに配置 */
  justify-content: space-between; /* 必要に応じてスペースを調整 */
  align-items: center; /* 垂直方向の中央揃え */
  display: flex;
}

@media(max-width: 959px) {
    .single-journal .mv {
        padding: 9rem 0 6.4rem;
        margin-left: 5%;
    }
}

.single-journal .mv__container {
    display: flex;
    align-items: center;
}

.single-journal .mv__title {
    font-size: 64px;
    margin-right: 1rem; /* タイトルとテキストの間にスペースを追加 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 70.4px;
    font-family: mr-eaves-modern, sans-serif;
font-weight: 400;
font-style: normal;
}

@media(max-width: 959px) {
    .single-journal .mv__title {
        font-size: 6rem;
        line-height: 1.8;
    }
}

.single-journal .mv__text {
    font-size: 1.3rem;
    line-height: 2.3;
    font-weight: 400;
    max-width: 63.1rem;
    margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
    color: #d3d3d3;
}

@media(max-width: 959px) {
    .single-journal .mv__text {
        font-size: 1rem;
        line-height: 2;
        margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
        max-width: 49rem;
    }
    
}


@media(min-width: 960px) {
    .vertical-container {
        width:70%;
        }
    
}

.vertical-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 必要に応じて調整 */
    gap: 10px; /* 要素間のスペースを調整 */
    margin-right:10%;
    margin-right:2%;
    }
    

    .arrow-circle {
        display: inline-block;
        width: 24px; /* 丸のサイズを調整 */
        height: 24px;
        border-radius: 50%; /* 丸にする */
        background-color: #000; /* 背景色を調整 */
        color: #fff; /* テキスト色を調整 */
        text-align: center;
        line-height: 24px; /* テキストを中央に配置 */
        margin-left: 10px; /* 左隣に配置するための余白を調整 */
    }
    
    .sticky-container {
        position: sticky;
        top: 15%;
    }
    
    .single-news .mv {
        padding-top: 12rem;
        padding-bottom: 8rem;
        border-top: 1px solid #523C3C; /* mvの要素の上下に横線 */
        border-bottom: 1px solid #523C3C; /* mvの要素の上下に横線 */
        margin-bottom:10%;
        flex-direction: row; /* 横並びに配置 */
  justify-content: space-between; /* 必要に応じてスペースを調整 */
  align-items: center; /* 垂直方向の中央揃え */
  display: flex;

    }

    @media(min-width: 960px) {
        .single-news .mv {
            
            width: 70%;
            margin-left:15%;
        }
    }
    
    @media(max-width: 959px) {
        .single-news .mv {
            /*padding: 9rem 0 6.4rem;*/
            display: none;
        }
    }
    
    .single-news .mv__container {
        display: flex;
        align-items: center;
    }
    
    .single-news .mv__title {
        font-size: 64px;
        line-height: 70.4px;
        
        margin-right: 1rem; /* タイトルとテキストの間にスペースを追加 */
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: mr-eaves-modern, sans-serif;
font-weight: 400;
font-style: normal;
color: #191919;
    }
    
    @media(max-width: 959px) {
        .single-news .mv__title {
            font-size: 6rem;
            line-height: 1.8;
        }
    }
    
    .single-news .mv__text {
        font-size: 1.3rem;
        line-height: 2.3;
        font-weight: 400;
        max-width: 63.1rem;
        margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
        color: #d3d3d3;
    }
    
    @media(max-width: 959px) {
        .single-news .mv__text {
            font-size: 1rem;
            line-height: 2;
            margin-top: 0; /* タイトルと揃えるために上部の余白を削除 */
            max-width: 49rem;
        }
    }

.category-filter {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.category-filter__btn {
    width: 147px;
    height: 40px;
    border: none;
    cursor: pointer;
}

.category-filter__btn:hover {
    background-color: #523C3C;
    color: white;
    border-radius: 50px;
}

.category-filter-mobile {
    display: none;
    position: relative;
}

.category-filter-mobile__select {
    width: 100%;
    padding: 1.5rem;
}

/* Responsive Styles */
@media (max-width: 959px) {
    .category-filter {
        display: none;
    }

    .category-filter-mobile {
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
        background-color: #523C3C;
        border-radius: 50px;
        width: 147px; /* Keep the original width */
        height: 40px;
        position: relative; /* Ensure the dropdown stays within the parent */
        margin-right: 5%;


    }

    .category-filter-mobile__select {
        width: 100%;
        color: white;
        font-size: 11px;
        text-align: center;
        margin-right:-20%;
        font-weight: 800;
        line-height: 22px;
        font-family: 'Plus Jakarta Sans', sans-serif;


    }
    
.category-filter-mobile__select option {
        color: #333333;
    }

    .dropdown-icon {
        color: white;
        font-size: 1.5rem;
        margin-left: 0.5rem;
    }

    .category-filter-mobile-area{
        display: flex;
        justify-content: flex-end;
    }
    
    
}


.message-section, .dialog-section, .interview-section {
    margin: 0 40px;
	  max-width:1340px;
}

@media screen and (min-width: 960px) {
    .message-section{
        display: flex;
    flex-direction: row;
    

    }

    .message-content{
        border-left: 1px solid #343434;
        padding-left:5%;
    }

    .message-title{
        position: sticky;
    top: 15%;
    z-index: 10;
    }

    .message-sc{
        margin-right: 20%;
        position: relative;
    }

    .dialog-title {
        text-align: center;
    }
    
    .interview-title {
        text-align: center;
    }
}

.message-title, .dialog-title, .interview-title {
    font-size: 56px;
    margin-bottom: 10px;
    line-height: 61.6px;
}



.dialog-title, .interview-title {
    margin-top: 5%;
}






@media (min-width: 960px) {
.dialog-content, .interview-content {
    margin-left: 5%;
}
}

.article-it {
    width: 30%;
    margin: 10px;
    padding: 10px;
}

.article-it__img img {
    width: 100%;
    height: auto;
}

.article-it__ttl, .article-it__name {
    margin-top: 10px;
}

/* レスポンシブデザイン */
@media (max-width: 959px) {
    .article-it {
        padding:0;
    }

    .message-content, .dialog-content, .interview-content {
        flex-direction: column;
    }

    .article-it {
        width: 100%;
    }
}

.dialog-articles {
    display: flex;
    flex-wrap: wrap;
}

.interview-articles {
    display: flex;
    flex-wrap: wrap;
}

.c-jsns a svg {
    transition: filter 0.3s ease;
}

.c-jsns a:hover svg {
    filter: invert(100%);
}