.Contents[data-barba-namespace=about] .AboutContent__block--house .three_rules {
    margin-top: 100px
}


.Contents[data-barba-namespace=about] .ArticleList .labelList {
    margin-top: 60px;
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item:nth-of-type(n+2) {
    margin-top: 120px
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item.fInview--enter .c-fadeSlideWrapper {
    opacity: 1;
    transition: opacity 800ms
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item.fInview--enter .c-fadeSlide__container {
    transform: scale(1) translate3d(0, 0, 0);
    transition: transform 1500ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .anchor {
    display: flex;
    justify-content: space-between
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .anchor.mHover .slide {
    transform: scale(1.06)
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlideWrapper {
    width: 60%;
    overflow: hidden;
    opacity: 0
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlideWrapper .slide {
    padding-bottom: 66.875%
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlide.is-comingSoon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #061826;
    opacity: .4;
    z-index: 5
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlide.is-comingSoon:after {
    content: "Coming soon";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: .08em;
    z-index: 5
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlide__container {
    transform: scale(1.08) translate3d(0, 0, 0)
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlide .slide {
    transition: transform 900ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlide .slide .image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlide .slide .image img,.Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlide .slide .image video {
    min-width: 1px;
    min-height: 1px
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 31.4285714286%;
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info.fInview--enter .c-heading:after {
    opacity: 1;
    transition: opacity 1100ms
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info.fInview--enter .info__contents {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 950ms,transform 950ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 150ms
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info .c-heading {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 0;
    border-top: none
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info .c-heading:after {
    content: "";
    width: 100%;
    height: 1px;
    margin-left: .8333333333em;
    background-color: rgba(0,0,0,.2);
    opacity: 0
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info .c-heading .title {
    font-size: 1.2rem
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info .c-heading .title__text {
    white-space: nowrap
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info .c-heading .title__text span {
    white-space: nowrap
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info__contents {
    opacity: 0;
    transform: translateY(30px)
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info__contents .name {
    -webkit-clip-path: inset(-0.1em -5em -0.17em);
    clip-path: inset(-0.1em -5em -0.17em);
    font-size: 2.6rem;
    letter-spacing: .02em
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info__contents .lead {
    margin-top: 2.5em;
    font-size: 1.2rem;
    letter-spacing: .1em;
    line-height: 1.8
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info__contents .c-view {
    width: 160px;
    margin-top: 48px
}

.Contents[data-barba-namespace=about] .ArticleList .labelList__item .info__contents .c-view__inner {
    display: block
}

.Contents[data-barba-namespace=about] .AboutContent__block--house .three_rules__heading {
    opacity: 0;
}
.Contents[data-barba-namespace=about] .AboutContent__block--house .three_rules.fInview--enter .three_rules__heading {
    opacity: 1;
    transition: opacity 2000ms
}

.Contents[data-barba-namespace=about] .AboutContent__block--house .three_rules__heading__en {
    font-size: 3rem
}

.Contents[data-barba-namespace=about] .AboutContent__block--house .three_rules__heading__ja {
    margin-top: 1.5em;
    font-size: 1.2rem;
    letter-spacing: .1em
}


@media screen and (max-width: 980px) {

    .Contents[data-barba-namespace=about] .ArticleList .labelList {
        margin-top: 21.3333333333vw
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item:nth-of-type(n+2) {
        margin-top: 16vw
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item .anchor {
        display: block
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlideWrapper {
        width: 100%
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item .c-fadeSlide.is-comingSoon:after {
        font-size: 3vw
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item .info {
        display: block;
        width: 100%;
        padding: 8.5333333333vw 0 13.3333333333vw
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item .info .c-heading {
        position: static
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item .info .c-heading .title {
        font-size: 3vw
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item .info__contents .name {
        margin-top: 8vw;
        font-size: 5.8666666667vw
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item .info__contents .lead {
        margin-top: 1.6666666667em;
        font-size: 3vw
    }

    .Contents[data-barba-namespace=about] .ArticleList .labelList__item .info__contents .c-view {
        width: 42.6666666667vw;
        margin-top: 5.3333333333vw
    }
    .Contents[data-barba-namespace=about] .AboutContent__block--house .three_rules__heading__en {
        font-size: 6.4vw
    }

    .Contents[data-barba-namespace=about] .AboutContent__block--house .three_rules__heading__ja {
        margin-top: 1.25em;
        font-size: 3vw
    }
}


.Main__form-inner {
    position: relative;
}

.select-form {
    margin-bottom: 80px;
}

.Contents[data-barba-namespace=contact] .Main__form .form__block__list__item .field--radio .field__box {
    background-color: transparent;
}

.Contents[data-barba-namespace=contact] .Main__nav .lead a {
    display: inline;
    text-decoration: underline;
}

.Contents[data-barba-namespace=contact] .Main__form .field--radio {
    font-size: 1.2rem;
    letter-spacing: .1em
}
.Contents[data-barba-namespace=contact] .Main__form .field--radio .horizontal-item {
    display: block;
}

.Contents[data-barba-namespace=contact] .Main__form .field--radio label {
    display: block;
    position: relative;
    padding: 2rem 2rem 2rem 3.5rem;
    background-color: #F0F0E9;
    border-radius: 4px;
}

.Contents[data-barba-namespace=contact] .Main__form .field--radio .circle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5rem;
    margin: auto;
    width: 12px;
    height: 12px
}

.Contents[data-barba-namespace=contact] .Main__form .field--radio .circle:before,
.Contents[data-barba-namespace=contact] .Main__form .field--radio .circle:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box
}

.Contents[data-barba-namespace=contact] .Main__form .field--radio .circle:before {
    border: 1px solid rgba(7,23,34,.5)
}

.Contents[data-barba-namespace=contact] .Main__form .field--radio .circle:after {
    background-color: #cccfce;
    transform: scale(0.53);
    transform-origin: center
}

.Contents[data-barba-namespace=contact] .Main__form .field--radio input:checked+ label .circle:before {
    border-color: white;
}

.Contents[data-barba-namespace=contact] .Main__form .field--radio input:checked+ label .circle:after {
    background-color: white
}
.Contents[data-barba-namespace=contact] .Main__form .field--radio input:checked+ label {
    background-color: #061826;
    color: white;
}



.Contents[data-barba-namespace=contact] .Main__form .field--checkbox {
    font-size: 1.2rem;
    letter-spacing: .1em
}
.Contents[data-barba-namespace=contact] .Main__form .field--checkbox .horizontal-item {
    display: block;
}

.Contents[data-barba-namespace=contact] .Main__form .field--checkbox label {
    display: block;
    position: relative;
    padding: 2rem 2rem 2rem 3.5rem;
    background-color: #F0F0E9;
    border-radius: 4px;
    width: 100%;
}

.Contents[data-barba-namespace=contact] .Main__form .field--checkbox .circle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5rem;
    margin: auto;
    width: 12px;
    height: 12px
}

.Contents[data-barba-namespace=contact] .Main__form .field--checkbox .circle:before,
.Contents[data-barba-namespace=contact] .Main__form .field--checkbox .circle:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box
}

.Contents[data-barba-namespace=contact] .Main__form .field--checkbox .circle:before {
    border: 1px solid rgba(7,23,34,.5)
}

.Contents[data-barba-namespace=contact] .Main__form .field--checkbox .circle:after {
    background-color: #cccfce;
    transform: scale(0.53);
    transform-origin: center
}

.Contents[data-barba-namespace=contact] .Main__form .field--checkbox input:checked+ .circle:before {
    border-color: white;
}

.Contents[data-barba-namespace=contact] .Main__form .field--checkbox input:checked+ .circle:after {
    background-color: white
}
.Contents[data-barba-namespace=contact] .Main__form .field--checkbox label.active {
    background-color: #061826;
    color: white;
}
.field--apply {
    margin-bottom: 1.5rem;
}
.Contents[data-barba-namespace=contact] .Main__form .form__block__list__item .field--apply .field__box {
    background-color: transparent;
}
.Contents[data-barba-namespace=contact] .Main__form .form__block__list__item .field--apply .field__box.-empty {
    display: none;
}
.Contents[data-barba-namespace=contact] .Main__form .field--checkbox .horizontal-item {
    height: 100%;
    display: flex;
    align-items: center;
}
.Contents[data-barba-namespace=contact] .Main__form .mw_wp_form_confirm .field--apply .field__box {
    background-color: #061826;
    color: white;
    padding: 2rem 2rem 2rem 4.2rem;
}
.Contents[data-barba-namespace=contact] .Main__form .mw_wp_form_confirm .field--apply .field__box .circle:before {
    border-color: white;
}
.Contents[data-barba-namespace=contact] .Main__form .mw_wp_form_confirm .field--apply .field__box .circle:after {
    background-color: white;
}

@media screen and (max-width: 980px) {
    .select-form {
        margin-bottom: 30px;
    }
    .Contents[data-barba-namespace=contact] .Main__form .field--radio {
        flex-direction: column;
        gap: 10px;
    }
    .Contents[data-barba-namespace=contact] .Main__form .form__block__list__item .field--radio .field__box {
        width: 100%;
    }
}