@charset "UTF-8";

/*  */
.lower-top-common {
    padding-top: calc(160 / var(--break2));
}

/* @media(min-width: 768px) {} */
@media (max-width: 767px) {
    .lower-top-common {
        padding-top: 26vw;
    }

    body.page,
    body.single {
        padding-top: calc(61.5 / 375 * 100vw);
    }
}

/* hero-lower-common */
.hero-lower-common {
    text-shadow: 0 0 calc(10 / var(--break2)) #212529;
    color: #fff;
    position: relative;
    z-index: 1;
}

.hero-lower-common .flex {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: 0;
    z-index: 1;
}

.hero-lower-common .en {
    display: block;
    width: 100%;
    line-height: 1.5;
    letter-spacing: .2em;
    font-size: calc(44 / var(--break2));
}

.hero-lower-common .jp {
    display: block;
    width: 100%;
    letter-spacing: .1em;
    font-size: calc(16 / var(--break2));
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .hero-lower-common .flex {
        padding-top: 10vw;
    }

    .hero-lower-common .en {
        letter-spacing: .2em;
        font-size: calc(32 / 375 * 100vw);
    }

    .hero-lower-common .jp {
        letter-spacing: .1em;
        font-size: calc(10 / 375 * 100vw);
    }
}

/*  */
.btn-tel-common {
    max-width: 492px;
    width: calc(540 / var(--break2));
}

@media(min-width: 768px) {
    .btn-tel-common.pc {
        display: block;
    }
}

@media (max-width: 767px) {
    .btn-tel-common.sp {
        display: block;
        width: 100%;
    }
}

@media(min-width: 768px) {}

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

@media(min-width: 768px) {}

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


/* bg-form-common */
.bg-form-common {
    padding: calc(100 / var(--break2)) 4%;
    background: #F6F6F6;
    position: relative;
}

.copy-form-common {
    padding-bottom: calc(20 / var(--break2));
    text-align: center;
    border-bottom: 1px solid #A1B2B2;
}

.copy-form-common .en {
    display: block;
    letter-spacing: .25em;
    font-family: "Playfair Display", serif;
    font-weight: 400;
}

.copy-form-common .jp {
    display: block;
    letter-spacing: .2em;
    font-family: "Shippori Mincho", serif;
    font-weight: 400;
}

.bg-form-common.bg-white {
    background: #fff;
}

@media(min-width: 768px) and (max-width:1024px) {}

@media (max-width: 767px) {
    .bg-form-common {
        padding: 10vw 4vw 12.5vw;
    }

    .copy-form-common {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .copy-form-common .en {
        position: relative;
        z-index: 1;
    }

    .copy-form-common .en::before {
        content: "";
        width: 100%;
        height: 1px;
        margin: auto;
        background: #A1B2B2;
        position: absolute;
        inset: 0;
        z-index: -10;
    }

    .copy-form-common .bg {
        display: inline-block;
        padding: 0 1em;
        position: relative;
        z-index: 2;
    }

    .bg-form-common .fz13_sp {
        letter-spacing: 0;
    }
}


/* thanks  */
.check-thanks {
    display: block;
    width: calc(60 / var(--break2));
    margin: calc(60 / var(--break2)) auto calc(30 / var(--break2));
}

.bg-thanks {
    margin-bottom: calc(70 / var(--break2));
    padding: calc(90 / var(--break2)) 0 calc(60 / var(--break2));
    background: url(../img/thanks/bg-thanks.jpg)no-repeat bottom left / cover;
}

.cover-thanks .col01 {
    position: relative;
    z-index: 1;
}

.cover-thanks .col01::before {
    content: "";
    width: 1px;
    height: 90%;
    background: #A1B2B2;
    margin: auto;
    position: absolute;
    top: 0;
    right: -2vw
}

.cover-thanks02 {
    width: 96%;
    margin: 0 auto calc(60 / var(--break2)) !important;
}

.cover-thanks02>.col {
    width: 33%;
}

@media (max-width: 767px) {
    .bg-thanks {
        margin-bottom: 9vw;
        padding: 10vw 0 11vw;
        background: url(../img/thanks/bg-thanks-sp.jpg)no-repeat center / cover;
    }

    .check-thanks {
        width: calc(50 / 375 * 100vw);
        margin: 9vw auto 7vw;
    }

    .cover-thanks .col01 {
        width: calc(260 / 375 * 100vw);
        margin: 0 auto 5vw;
    }

    .cover-thanks .col01::before {
        content: none;
    }

    .cover-thanks .col02 {
        padding-top: 8vw;
        text-align: center;
        border-top: 1px solid #A1B2B2;
    }

    .cover-thanks02 {
        width: 100%;
        margin: 0 auto 10vw !important;
    }

    .cover-thanks02 .slick-slide {
        width: calc(310 / 375 * 100vw);
        margin: 0 2vw;
    }
}

/* cover-contact01 */
@media (max-width: 767px) {
    .cover-contact01 .fz16 {
        line-height: 2;
    }
}

/* bg-form-common02 */
.bg-form-common02 {
    padding: calc(120 / var(--break2)) 0;
    background: #F6F6F6;
}

.box-form-common02 {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: calc(90 / var(--break2));
    background: #fff;
}

.box-form-common02 .copy-form-common {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width: 768px) {
    .box-form-common02 .copy-form-common .bg {
        background: #fff;
    }
}

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

/* bg-access-common */
.bg-access-common {
    padding: calc(100 / var(--break2)) 0 calc(80 / var(--break2));
    background: #F6F6F6;
}

.list-access-common {
    padding: calc(18 / var(--break2)) 0;
    font-size: calc(16 / var(--break2));
    border-bottom: #A1B2B2 solid 1px;
}

.list-access-common dt {
    width: calc(70 / var(--break2));
}

.list-access-common dd {
    width: calc(100% - 115 / var(--break2));
}

.list-access-common.tel {
    padding-top: calc(30 / var(--break2));
    border-bottom: 0;
    padding-bottom: 0;
}

.list-access-common.tel dd {
    width: calc(100% - 70 / var(--break2));
    padding-right: calc(30 / var(--break2));
}

.cover-access-common {
    align-items: stretch !important;
}

.cover-access-common .map {
    position: relative;
    z-index: 1;
}

.cover-access-common .map iframe {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: 0;
    z-index: 1;
}

@media (max-width: 767px) {
    .bg-access-common {
        padding: 14vw 0 6vw;
    }

    .bg-access-common .copy-common01 {
        text-align: center;
    }

    .bg-access-common .copy-common01 .en {
        font-size: calc(24 / 375 * 100vw);
    }

    .bg-access-common .copy-common01 .jp {
        font-size: calc(12 / 375 * 100vw);
    }

    .cover-access-common .map {
        order: 0;
        max-width: calc(310 / 375 * 100vw);
        width: 100%;
        height: calc(220 / 375 * 100vw);
        margin: 0 auto 15vw;
        position: relative;
        z-index: 1;
    }

    .cover-access-common .col01 {
        order: 1;
        width: calc(310 / 375 * 100vw);
        margin: 0 auto 2vw;
    }

    .list-access-common {
        padding: 4vw 0;
        font-size: calc(12 / 375 * 100vw);
    }

    .list-access-common dt {
        width: calc(70 / 375 * 100vw);
    }

    .list-access-common dd {
        width: calc(100% - 80 / 375 * 100vw);
    }

    .list-access-common.tel dt {
        display: none;
    }

    .list-access-common.tel dd {
        width: calc(100% + 11vw);
        margin: 0 -5.5vw;
        padding: 0;
    }
}

/* consultation */
.box-consultation01 {
    padding: calc(50 / var(--break2));
    padding-bottom: calc(60 / var(--break2));
    background: #F6F6F6;
    position: relative;
    z-index: 1;
}

.box-consultation01>.wrap {
    max-width: 1000px;
    margin: auto;
}

.cover-consultation01 {
    position: relative;
    z-index: 1;
}

.cover-consultation01::before {
    content: "";
    width: 50%;
    height: 100%;
    margin: auto;
    background: url(../img/consultation/img-consultation.jpg)no-repeat center / cover;
    position: absolute;
    inset: 0;
    right: auto;
}

.cover-consultation01 .areaText {
    width: 50%;
    margin-left: auto;
    padding: calc(40 / var(--break2)) 0;
    background: #fff;
    position: relative;
    z-index: 1;
}

.btn-consultation {
    width: calc(550 / var(--break2));
    height: calc(40 / var(--break2));
    margin: auto;
    font-size: calc(15 / var(--break2));
    color: #fff;
    background: #5b6e6e;
    position: absolute;
    bottom: calc(-20 / var(--break2));
    left: 0;
    right: 0;
}

.btn-consultation .s {
    position: relative;
    z-index: 1;
}

.btn-consultation .s::before {
    content: "";
    width: calc(10 / var(--break2));
    height: calc(10 / var(--break2));
    margin: auto;
    border: calc(2 / var(--break2)) solid;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: calc(-5 / var(--break2));
    bottom: 0;
    right: calc(-20 / var(--break2));
}

.cover-consultation02 {
    max-width: 960px;
    margin: 0 auto calc(90 / var(--break2));
}

.cover-consultation02 .col {
    width: 32%;
}

.cover-consultation02 .copy {
    padding: calc(8 / var(--break2)) 0;
    font-size: calc(16 / var(--break2));
    text-align: center;
    background: #ECF2F2;
}

.cover-consultation03 {
    max-width: 1460px;
    margin-left: auto;
    margin-right: auto;
}

.cover-consultation03>.col {
    width: 32.6%;
}

.cover-consultation03 .copy {
    margin-top: calc(20 / var(--break2));
    text-align: center;
    font-size: calc(16 / var(--break2));
}

@media(min-width: 768px) {
    .cover-consultation02 .col:nth-of-type(n + 4) {
        margin-top: calc(20 / var(--break2));
    }
}

@media (max-width: 767px) {
    .box-consultation01 {
        padding: 0;
        padding-bottom: 10vw;
    }

    .cover-consultation01 {
        width: calc(330 / 375 * 100vw);
        margin-left: auto;
        margin-right: auto;
        padding-top: calc(215 / 375 * 100vw);
    }

    .cover-consultation01::before {
        width: 100%;
        height: calc(215 / 375 * 100vw);
        background: url(../img/consultation/img-consultation.jpg)no-repeat center / cover;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
    }

    .cover-consultation01 .areaText {
        width: 100%;
        padding: 7vw 0;
    }

    .btn-consultation {
        width: calc(285 / 375 * 100vw);
        height: calc(38 / 375 * 100vw);
        font-size: calc(13 / 375 * 100vw);
        bottom: calc(-14 / 375 * 100vw);
    }

    .btn-consultation .s::before {
        width: calc(8 / 375 * 100vw);
        height: calc(8 / 375 * 100vw);
        border: calc(2 / 375 * 100vw) solid;
        border-color: transparent transparent #fff #fff;
        right: calc(-20 / 375 * 100vw);
        top: -2vw;
    }

    .cover-consultation02 {
        margin: 0 auto 17vw;
    }

    .cover-consultation02 .col {
        width: 100%;
        max-width: calc(310 / 375 * 100vw);
        margin: 0 auto 4vw;
    }

    .cover-consultation02 .col:last-child {
        margin-bottom: 0;
    }

    .cover-consultation02 .copy {
        padding: 2vw 0;
        font-size: calc(14 / 375 * 100vw);
    }

    .cover-consultation03 .col {
        width: calc(310 / 375 * 100vw);
        margin: 0 1.25vw;

    }

    .cover-consultation03 .copy {
        margin-top: 2.5vw;
        font-size: calc(13 / 375 * 100vw);
    }
}


/*  */
.cover-catalog {
    margin-bottom: calc(50 / var(--break2));
}

.cover-catalog>.col {
    width: 48.5%;
    padding: calc(60 / var(--break2)) 0 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.cover-catalog .toggle-dot {
    width: calc(38 / var(--break2));
    height: calc(38 / var(--break2));
    margin: auto;
    border: 1px solid #5B6E6E;
    border-radius: 100%;
    background: transparent;
    transition: all 0.3s ease;
    z-index: 10;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.cover-catalog .toggle-dot::before {
    content: "";
    width: calc(28 / var(--break2));
    height: calc(28 / var(--break2));
    margin: auto;
    border-radius: 100%;
    background: transparent;
    transition: all 0.3s ease;
    position: absolute;
    inset: 0;
    z-index: 1;
}

.cover-catalog .toggle-dot.active::before {
    background: #5B6E6E;
}

.tab-content {
    display: none;
    animation: fadeIn 0.4s ease;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .cover-catalog {
        width: 100%;
        margin: 0 auto 8vw;
        padding-left: 6.25vw;
    }

    .cover-catalog .col {
        width: calc(310 / 375 * 100vw);
        padding: calc(40 / 375 * 100vw) 0 0;
        margin-right: 3vw;
        position: relative;
    }

    .cover-catalog .slick-dots {
        margin-left: -3vw;
    }

    .cover-catalog .toggle-dot {
        width: calc(25 / 375 * 100vw);
        height: calc(25 / 375 * 100vw);
    }

    .cover-catalog .toggle-dot::before {
        width: calc(15 / 375 * 100vw);
        height: calc(15 / 375 * 100vw);
    }
}

.bg-catalog {
    padding: calc(100 / var(--break2)) 0;
    background: #F6F6F6;
    position: relative;
    z-index: 1;
}

.bg-catalog::before {
    content: "";
    width: 100%;
    height: calc(150 / var(--break2));
    margin: auto;
    background: #F6F6F6;
    clip-path: polygon(50% 100%, 100% 0, 100% 100%, 0 100%, 0 0);
    position: absolute;
    bottom: 99.9%;
    left: 0;
    right: 0;
    z-index: -1;
}

.bg-catalog .bg-form-common {
    background: #fff;
}

@media(min-width: 768px) {}

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

/* strengths */
.section-strengths01 {
    padding: calc(60 / var(--break2)) 0 calc(90 / var(--break2));
    background: url(../img/strengths/bg-strengths01.jpg)no-repeat center / cover;
}

.section-strengths02 {
    padding: calc(60 / var(--break2)) 0 calc(90 / var(--break2));
    background: url(../img/strengths/bg-strengths02.jpg)no-repeat center / cover;
}

.contents-strengths:not(:last-child) {
    margin-bottom: calc(40 / var(--break2));
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .section-strengths01 {
        padding: 0;
    }

    .section-strengths02 {
        padding: 0;
    }

    .contents-strengths:not(:last-child) {
        margin-bottom: 7vw;
    }
}

/* box-interview-common */
.box-interview-common {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: calc(60 / var(--break2)) 4%;
    background: #fff;
    border-radius: calc(40 / var(--break2));
}

.box-interview-common .row-interview-common {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}

.row-interview-common .col-img {
    width: 39%;
}

.row-interview-common .col-text {
    width: 54%;
}

.row-interview-common .name {
    margin-bottom: calc(20 / var(--break2));
    line-height: 1.5;
}

.row-interview-common .name .s {
    letter-spacing: 0;
    font-size: calc(16 / var(--break2));
}

.row-interview-common .name .jp {
    font-size: calc(30 / var(--break2));
}

.row-interview-common .name .en {
    font-size: calc(18 / var(--break2));
    color: #ABA091;
}

.row-interview-common .text {
    margin-bottom: calc(20 / var(--break2));
    letter-spacing: 0;
    font-size: calc(17 / var(--break2));
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .box-interview-common {
        max-width: calc(330 / 375 * 100vw);
        padding: 8vw 4%;
        border-radius: calc(20 / 375 * 100vw);
    }

    .row-interview-common {
        width: calc(282 / 375 * 100vw);
    }

    .row-interview-common .col-img {
        width: 100%;
        margin-bottom: 4vw;
    }

    .row-interview-common .col-text {
        width: 100%;
    }

    .row-interview-common .name {
        margin-bottom: 4vw;
        line-height: 1.5;
    }

    .row-interview-common .copy-common04::before {
        width: calc(44 / 375 * 100vw);
        right: 0;
    }

    .row-interview-common .name .s {
        font-size: calc(12 / 375 * 100vw);
    }

    .row-interview-common .name .jp {
        font-size: calc(20 / 375 * 100vw);
    }

    .row-interview-common .name .en {
        letter-spacing: 0;
        font-size: calc(12 / 375 * 100vw);
    }

    .row-interview-common .text {
        margin-bottom: 3vw;
        letter-spacing: 0;
        font-size: calc(12.25 / 375 * 100vw);
    }

    .row-interview-common .sp {
        display: block;
        width: 100%;
    }

    .accordion-body {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s ease;
    }

    .accordion-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(190 / 375 * 100vw);
        height: calc(36 / 375 * 100vw);
        margin: 3vw auto 0;
        border: 1px solid #212529;
        border-radius: 999px;
        background: transparent;
        cursor: pointer;
        font: inherit;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

}

/* menu-common */
.cover-menu-common>.col-menu-common {
    width: 36%;
}

.cover-menu-common>.col-contents-common {
    width: 59%;
}

.menu-common {
    padding: calc(30 / var(--break2)) calc(40 / var(--break2));
    font-family: "Shippori Mincho", serif;
    font-weight: 400;
    color: #5B6E6E;
    background: #fff;
}

.menu-common-header {
    margin-bottom: calc(5 / var(--break2));
    padding-bottom: calc(20 / var(--break2));
    letter-spacing: .2em;
    font-size: calc(20 / var(--break2));
    border-bottom: 1px solid #5B6E6E;
    position: relative;
    z-index: 1;
}

.menu-common-header span {
    font-size: calc(15 / var(--break2));
}

.menu-common-header::before {
    content: "";
    width: calc(11 / var(--break2));
    height: calc(10 / var(--break2));
    margin: auto;
    background: #CDE0E0;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: calc(-11 / var(--break2));
    bottom: 0;
    right: 0;
}

.menu-common-header.arw-none::before {
    content: none;
}

.menu-common-item {
    display: block;
    margin-bottom: calc(5 / var(--break2));
    padding: calc(10 / var(--break2)) calc(20 / var(--break2));
    font-size: calc(18 / var(--break2));
    position: relative;
    z-index: 1;
}

.menu-common-item::before {
    content: "";
    width: 93.5%;
    height: 1px;
    margin: auto;
    background: #5B6E6E;
    opacity: .6;
    position: absolute;
    bottom: 0;
    right: 0;
}

.menu-common-item:hover {
    background-image: linear-gradient(to right, rgba(143, 154, 154, .3), rgba(91, 110, 110, .3));
}

.menu-common .menu-common-item02 {
    display: block;
    margin-bottom: calc(10 / var(--break2));
    padding: calc(10 / var(--break2)) 0;
    font-size: calc(16.5 / var(--break2));
    border-bottom: 1px solid #A1B2B2;
    position: relative;
    z-index: 1;
}

.menu-common .menu-common-item02::before {
    content: "";
    width: calc(11 / var(--break2));
    height: calc(10 / var(--break2));
    margin: auto;
    background: #CDE0E0;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: calc(-11 / var(--break2));
    bottom: 0;
    right: 0;
}

.menu-common .menu-common-item02 .s {
    display: block;
    letter-spacing: .2em;
    font-size: calc(14 / var(--break2));
}

.menu-common02 {
    padding: calc(30 / var(--break2));
    font-family: "Shippori Mincho", serif;
    font-weight: 400;
    letter-spacing: .15em;
    font-size: calc(20 / var(--break2));
    color: #5B6E6E;
    background: #fff;
}

.menu-common02 .menu-common-item02 {
    display: block;
    margin-bottom: calc(10 / var(--break2));
    padding: calc(12.5 / var(--break2)) 0;
    line-height: 1.6;
    font-size: calc(17 / var(--break2));
    border-bottom: 1px solid #A1B2B2;
    position: relative;
    z-index: 1;
}

.menu-common02 .menu-common-item02::before {
    content: "";
    width: calc(11 / var(--break2));
    height: calc(10 / var(--break2));
    margin: auto;
    background: #CDE0E0;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: calc(-11 / var(--break2));
    bottom: 0;
    right: 0;
}

.menu-common02 .s {
    display: block;
    font-size: calc(14 / var(--break2));
}

.menu-common02 .menu-common-item03 {
    display: block;
    padding: calc(12.5 / var(--break2)) 0;
    line-height: 1.6;
    font-size: calc(17.5 / var(--break2));
    font-weight: 700;
    border-bottom: 1px solid #A1B2B2;
}

/* .menu-common.top {
    margin-top: calc(-120 / var(--break2));
} */

@media(min-width: 768px) {
    .page #wrap {
        overflow: clip;
    }

    .cover-menu-common>.col-menu-common {
        position: sticky;
        top: calc(80 / var(--break2));
    }

    .inner-menu-common {
        max-width: 1280px;
    }

    .cover-menu-common>.col-menu-common.v2 {
        width: 23%;
    }

    .cover-menu-common>.col-contents-common.v2 {
        width: 74%
    }

    .menu-common02 .menu-common-header {
        margin-bottom: calc(10 / var(--break2));
        padding-bottom: calc(8 / var(--break2));
        letter-spacing: .2em;
        font-size: calc(18 / var(--break2));
    }

    .menu-common02 .menu-common-item {
        margin-bottom: calc(10 / var(--break2));
        letter-spacing: .1em;
        font-size: calc(15 / var(--break2));
    }
}

@media (max-width: 767px) {
    .cover-menu-common>.col-menu-common {
        padding: 18vw 0 11vw;
        width: 100%;
    }

    .cover-menu-common>.col-contents-common {
        width: 100%;
    }

    .menu-common {
        max-width: calc(328 / 375 * 100vw);
        margin-left: auto;
        margin-right: auto;
        padding: 6vw 6vw;
    }

    .menu-common-header {
        margin-bottom: 2.5vw;
        padding-bottom: 3vw;
        font-size: calc(16 / 375 * 100vw);
    }

    .menu-common-header span {
        padding-left: 5vw;
        font-size: calc(11 / 375 * 100vw);
    }

    .menu-common-item {
        margin-bottom: 2.5vw;
        padding: 4vw 0;
        letter-spacing: 0;
        font-size: calc(13 / 375 * 100vw);
    }

    .menu-common-item::before {
        width: 100%;
        height: 1px;
    }

    .menu-common-item::after {
        content: "";
        width: calc(11 / 375 * 100vw);
        height: calc(9 / 375 * 100vw);
        margin: auto;
        background: #CDE0E0;
        clip-path: polygon(50% 100%, 0 0, 100% 0);
        position: absolute;
        top: -1vw;
        bottom: 0;
        right: 1vw;
    }

    .menu-common-item:hover {
        background-image: linear-gradient(to right, rgba(143, 154, 154, .3), rgba(91, 110, 110, .3));
    }

    .menu-common .menu-common-item02 {
        margin-bottom: 2.5vw;
        padding: 2.5vw 0;
        font-size: calc(15 / 375 * 100vw);
    }

    .menu-common .menu-common-item02::before {
        width: calc(11 / 375 * 100vw);
        height: calc(10 / 375 * 100vw);
        top: calc(-11 / 375 * 100vw);
        bottom: 0;
        right: 0;
    }

    .menu-common .menu-common-item02 .s {
        letter-spacing: .2em;
        font-size: calc(12 / 375 * 100vw);
    }


    .menu-common02 {
        width: calc(298 / 375 * 100vw);
        margin-left: auto;
        margin-right: auto;
        letter-spacing: .1em;
        font-size: calc(14 / 375 * 100vw);
        padding: 5vw 8vw;
    }

    .menu-common02 .menu-common-item02 {
        margin-bottom: 2vw;
        padding: 2vw 0;
        letter-spacing: .1em;
        font-size: calc(14 / 375 * 100vw);
    }

    .menu-common02 .menu-common-item02::before {
        width: calc(11 / 375 * 100vw);
        height: calc(10 / 375 * 100vw);
        top: calc(-11 / var(--break2));
    }

    .menu-common02 .s {
        font-size: calc(11 / 375 * 100vw);
    }

    .menu-common02 .menu-common-item {
        width: 92.5%;
        margin-left: auto;
    }
}

/* slider-common slider-common02*/
.slider-common02 .slider {
    width: calc(430 / var(--break2));
    margin: 0 calc(4 / var(--break2));
    font-family: "Shippori Mincho", serif;
    font-weight: 400;
}

.slider-common02 .copy {
    margin-top: calc(10 / var(--break2));
    line-height: 1.5;
    letter-spacing: .2em;
    font-size: calc(16 / var(--break2));
    text-align: center;
    color: #5B6E6E;
}

.slider-common02 .en {
    display: block;
    font-size: calc(12 / var(--break2));
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .slider-common02 .slider {
        width: calc(290 / 375 * 100vw);
        margin: 0 calc(4 / 375 * 100vw);
    }

    .slider-common02 .copy {
        margin-top: 1vw;
        letter-spacing: .1em;
        font-size: calc(11 / 375 * 100vw);
    }

    .slider-common02 .en {
        font-size: calc(7 / 375 * 100vw);
    }

}

/* slider-staff-common */
.slider-staff-common .slider {
    width: calc(170 / var(--break2));
    margin: 0 calc(4 / var(--break2));
}

.slider-staff-common .staff-name {
    margin-top: calc(10 / var(--break2));
    line-height: 1.5;
    letter-spacing: .1em;
    font-size: calc(16 / var(--break2));
    font-family: "Shippori Mincho", serif;
    font-weight: 400;
    text-align: center;
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .slider-staff-common .slider {
        width: calc(118 / 375 * 100vw);
        margin: 0 calc(4 / 375 * 100vw);
    }

    .slider-staff-common .staff-name {
        margin-top: 2vw;
        letter-spacing: .1em;
        font-size: calc(14 / 375 * 100vw);
    }
}

/* bg-gallery-common */
.bg-gallery-common {
    padding: calc(100 / var(--break2)) 0;
}

.slider-gallery-common .slick-slide {
    margin: 0 calc(10 / var(--break2));
}

.slider-gallery-common .sw320 {
    width: calc(320 / var(--break1));
}

.slider-gallery-common .sw387 {
    width: calc(387 / var(--break1));
}

.slider-gallery-common .sw391 {
    width: calc(391 / var(--break1));
}

.slider-gallery-common .sw484 {
    width: calc(484 / var(--break1));
}

.slider-gallery-common .jp {
    margin-top: calc(10 / var(--break2));
    text-align: center;
    font-size: calc(17.5 / var(--break2));
    font-family: "Shippori Mincho", serif;
    font-weight: 400;
}

.slider-gallery-common .en {
    text-align: center;
    font-size: calc(13.5 / var(--break2));
    font-family: "Playfair Display", serif;
    font-weight: 400;
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .bg-gallery-common {
        padding: 10vw 0;
    }

    .slider-gallery-common .slick-slide {
        margin: 0 1.5vw;
    }

    .slider-gallery-common .sw320 {
        width: calc(320 / 710 * 100vw);
    }

    .slider-gallery-common .sw387 {
        width: calc(387 / 710 * 100vw);
    }

    .slider-gallery-common .sw391 {
        width: calc(391 / 710 * 100vw);
    }

    .slider-gallery-common .sw484 {
        width: calc(484 / 710 * 100vw);
    }

    .slider-gallery-common .jp {
        letter-spacing: 0;
        font-size: calc(11 / 375 * 100vw);
    }

    .slider-gallery-common .en {
        letter-spacing: 0;
        font-size: calc(7 / 375 * 100vw);
    }
}

/* .slider-common */
.slider-common .slid {
    /* width: 100%; */
}

@media(min-width: 768px) {}

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

/* bg-mh-common */
.bg-mh-common {
    padding: calc(100/ var(--break2)) 0;
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
}

.bg-mh-common02 {
    padding: calc(100/ var(--break2)) 0;
    background-image: linear-gradient(to bottom, #fff, #fff, #f2f2f2);
}

.row-mh-common {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}

.row-mh-common.reverse {
    flex-direction: row-reverse;
}

.row-mh-common .col-img {
    width: 53%;
}

.row-mh-common .col-txt {
    width: 40%;
}

.row-mh-common .copy01 {
    margin-bottom: calc(10 / var(--break2));
    color: #ABA091;
    font-size: calc(18 / var(--break2));
}

.row-mh-common .copy01 .num {
    font-size: calc(28 / var(--break2));
}

.row-mh-common .copy02 {
    margin-bottom: calc(20 / var(--break2));
    font-size: calc(31 / var(--break2));
    margin-right: calc(-30 / 1920 * 100vw);
}

.row-mh-common .text {
    margin-bottom: calc(18 / var(--break2));
    font-size: calc(16 / var(--break2));
}

.row-mh-common .text.last {
    margin-bottom: 0;
}

.row-mh-common .cover-tag {
    justify-content: start;
    margin-bottom: calc(25 / var(--break2));
}

.row-mh-common .cover-tag .tag {
    line-height: 1.6;
    padding: 0 calc(11 / var(--break2));
    ;
    color: #5B6E6E;
    border: 1px solid #A1B2B2;
    margin-right: calc(6 / var(--break2));
}

.row-mh-common .cover-tag .tag:last-child {
    margin-right: 0;
}

.row-mh-common02 {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

.row-mh-common02 .col-img {
    width: 60.5%;
}

.row-mh-common02 .col-txt {
    width: 32%;
}

.row-mh-common02 .copy01 {
    margin-bottom: calc(55 / var(--break2));
    font-size: calc(34 / var(--break2))
}

.row-mh-common02 .list {
    margin-bottom: calc(18 / var(--break2));
    padding-bottom: calc(18 / var(--break2));
    font-size: calc(16 / var(--break2));
    border-bottom: 1px solid #A1B2B2;
}

.row-mh-common02 .list.last {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.row-mh-common02 .list dt {
    width: calc(120 / var(--break2));
}

.row-mh-common02 .list dd {
    width: calc(100% - 120 / var(--break2));
}

@media(min-width: 768px) {
    .row-mh-common02 .copy01.mbX {
        margin-bottom: calc(10 / var(--break2));
    }
}

@media (max-width: 767px) {
    .bg-mh-common {
        padding: 10vw 0 14vw;
    }

    .bg-mh-common02 {
        padding: 10vw 0 14vw;
    }

    .row-mh-common {
        max-width: calc(328 / 375 * 100vw);
        margin-left: auto;
        margin-right: auto;
    }

    .row-mh-common .col-img {
        width: 100%;
        margin-bottom: 5vw;
    }

    .row-mh-common .col-img .slid {
        width: calc(328 / 375 * 100vw);
    }

    .row-mh-common .col-txt {
        width: 100%;
    }

    .row-mh-common .copy01 {
        margin-bottom: 1vw;
        font-size: calc(14 / 375 * 100vw);
    }

    .row-mh-common .copy01 .num {
        font-size: calc(24 / 375 * 100vw);
    }

    .row-mh-common .copy02 {
        letter-spacing: .1em;
        margin-bottom: 3vw;
        font-size: calc(22 / 375 * 100vw);
        margin-right: 0;
    }

    .row-mh-common .text {
        margin-bottom: 3vw;
        font-size: calc(13 / 375 * 100vw);
    }

    .row-mh-common02 {
        max-width: calc(328 / 375 * 100vw);
        margin-left: auto;
        margin-right: auto;
    }

    .row-mh-common02 .col-img {
        width: 100%;
        text-align: center;
        margin-bottom: 5vw;
    }

    .row-mh-common02 .col-txt {
        width: 100%;
    }

    .row-mh-common02 .copy01 {
        margin-bottom: 6vw;
        letter-spacing: 0;
        font-size: calc(20 / 375 * 100vw);
    }

    .row-mh-common02 .list {
        margin-bottom: 3vw;
        padding-bottom: 3vw;
        font-size: calc(12 / 375 * 100vw);
    }

    .row-mh-common02 .list.last {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
    }

    .row-mh-common02 .list dt {
        width: calc(75 / 375 * 100vw);
    }

    .row-mh-common02 .list dd {
        width: calc(100% - 75 / 375 * 100vw);
    }
}

/* model-house02 */
.cover-mh2-01 {
    justify-content: center;
}

.cover-mh2-01>.card {
    width: 32%;
}

@media(min-width: 768px) {
    .cover-mh2-01>.card {
        width: 32%;
        margin-right: 1.99%;
    }

    .cover-mh2-01>.card:nth-of-type(3n),
    .cover-mh2-01>.card:last-child {
        margin-right: 0;
    }

    .cover-mh2-01>.card:nth-of-type(n + 4) {
        margin-top: calc(50 / var(--break2));
    }
}

@media (max-width: 767px) {
    .cover-mh2-01 {
        padding-left: 7.75vw;
    }

    .cover-mh2-01 .card {
        width: calc(310 / 375 * 100vw);
        margin: 0 3vw 0 0;
    }

    .cover-mh2-01.slider-dot-common .slick-dots {
        margin-left: -4vw;
    }

    .cover-mh2-01.slider-dot-common .slick-dots li button:before {
        background: #fff !important;
    }

    .cover-mh2-01.slider-dot-common .slick-dots li.slick-active button:before {
        background: #5B6E6E !important;
    }
}

/* page-concept */
.page-concept {
    background: #F6F6F6;
}

.section-concept02 {
    padding: calc(70 / var(--break2)) 0 calc(100 / var(--break2));
}

.section-concept03 {
    padding: calc(70 / var(--break2)) 0 calc(100 / var(--break2));
}

.section-concept03 .col-contents-common {
    padding-bottom: calc(90 / var(--break2));
    background: #fff;
    overflow: hidden;
}

.cover--concept {
    max-width: 830px;
    width: calc(860 / var(--break2));
    margin: 0 auto calc(30 / var(--break2));
}

.cover--concept .col {
    width: 31%;
    padding: calc(20 / var(--break2));
    line-height: 1.5;
    font-size: calc(15 / var(--break2));
    text-align: center;
    color: #5B6E6E;
    border: 1px solid #A1B2B2;
}

.cover--concept02 .col-img {
    width: 50%;
}

.cover--concept02 .col-text {
    width: 50%;
    padding-top: calc(38 / var(--break2));
}

.cover--concept02 .col-text .warp {
    max-width: 360px;
    width: 91%;
    margin: auto;
}

.cover--concept02 .copy {
    margin-bottom: calc(18 / var(--break2));
    padding-bottom: calc(10 / var(--break2));
    font-size: calc(22 / var(--break2));
    border-bottom: 1px solid #A1B2B2;
    position: relative;
    z-index: 1;
}

.cover--concept02 .copy::before {
    content: "";
    width: 50%;
    height: 1px;
    margin: auto;
    background: #A1B2B2;
    position: absolute;
    bottom: -1px;
    right: -25%;
}

.cover--concept02 .text {
    margin-bottom: calc(16 / var(--break2));
    font-size: calc(16 / var(--break2));
}

.cover--concept02 .text:last-child {
    margin-bottom: 0;
}

.cover--concept02 .copy.v2::before {
    right: 25%;
}

.cover--concept03 {
    max-width: 700px;
    width: 90%;
    align-items: end;
    margin-left: auto;
    margin-right: auto;
}

.cover--concept03 .col-text {
    width: 55%;
}

.cover--concept03 .text {
    margin-bottom: calc(16 / var(--break2));
    font-size: calc(16 / var(--break2));
}

.cover--concept03 .text:last-child {
    margin-bottom: 0;
}

.cover--concept03 .col-category {
    width: 40%;
}

.bg--concept {
    padding: calc(120 / var(--break2)) 0 0;
    background: #fff;
    position: relative;
    z-index: 1;
}

.bg--concept::before {
    content: "";
    width: 100%;
    height: calc(100 / var(--break2));
    margin: auto;
    background: #F6F6F6;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    z-index: 1;
}

.copy--concept01 {
    line-height: 1;
    margin: calc(-25/ var(--break2)) auto calc(40 / var(--break2));
}

.with-ARCHITECT--concept {
    max-width: 755px;
    width: 90%;
    margin: 0 auto;
}

.hdg--concept-common {
    max-width: 948px;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.cover--concept01 {
    max-width: 830px;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.cover--concept01 .col a {
    display: inline-block;
    padding-bottom: calc(44 / var(--break2));
    position: relative;
    z-index: 1;
}

.cover--concept01 .col a::before {
    content: "";
    width: calc(32.5 / var(--break2));
    height: calc(32.5 / var(--break2));
    margin: auto;
    background: url(../img/common/arrow02.svg)no-repeat center / cover;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.set--concept {
    max-width: 830px;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.set--concept02 {
    max-width: 88%;
    width: calc(570 / var(--break2));
    margin-left: auto;
    margin-right: auto;
}

.category--concept {
    width: 88%;
    width: calc(280 / var(--break2));
    margin-left: auto;
    margin-right: auto;
}

@media(min-width: 768px) {
    .cover--concept01.cover-num-common .copy {
        letter-spacing: .1em;
        font-size: calc(16 / var(--break2));
    }

    .cover--concept01.cover-num-common .text {
        letter-spacing: 0;
        font-size: calc(14.5 / var(--break2));
    }

    .menu--concept-sp {
        display: none;
    }
}

@media (max-width: 767px) {

    .section-concept02 {
        padding: 10vw 0 0;
    }

    .section-concept03 {
        padding: 0;
    }

    .section-concept03 .col-contents-common {
        padding-bottom: 11vw;
    }

    .cover--concept {
        width: calc(260 / 375 * 100vw);
        margin: 0 auto 6vw;
    }

    .cover--concept .col {
        width: 100%;
        margin-bottom: 4vw;
        padding: 4vw;
        font-size: calc(13 / 375 * 100vw);
    }

    .cover--concept02 .col-img {
        order: 0;
        width: 100%;
    }

    .cover--concept02 .col-text {
        order: 1;
        width: calc(310 / 375 * 100vw);
        padding-top: 8vw;
    }

    .cover--concept02 .col-text .warp {
        width: calc(320 / 375 * 100vw);
        margin: auto;
    }

    .cover--concept02 .copy {
        margin-bottom: 6vw;
        padding-bottom: 2vw;
        font-size: calc(16 / 375 * 100vw);
    }

    .cover--concept02 .copy::before {
        content: none;
    }

    .cover--concept02 .text {
        margin-bottom: 2.5vw;
        font-size: calc(13 / 375 * 100vw);
    }

    .cover--concept03 {
        width: 100%;
    }

    .cover--concept03 .col-text {
        width: calc(310 / 375 * 100vw);
        margin: 0 auto 7.5vw;
    }

    .cover--concept03 .text {
        margin-bottom: calc(20 / 375 * 100vw);
        font-size: calc(13 / 375 * 100vw);
    }

    .cover--concept03 .col-category {
        width: calc(270 / 375 * 100vw);
        margin-left: auto;
        margin-right: auto;
    }

    .bg--concept {
        padding: 15vw 0 0;
    }

    .bg--concept::before {
        height: 11vw;
    }

    .copy--concept01 {
        margin: -3vw auto 3vw;
    }

    .with-ARCHITECT--concept {
        width: 100%;
    }

    .hdg--concept-common {
        width: 100%;
    }

    .set--concept {
        width: calc(325 / 375 * 100vw);
    }

    .set--concept02 {
        width: calc(270 / 375 * 100vw);
    }

    .set--concept02 .btn:first-child {
        display: none;
    }

    .category--concept {
        width: calc(270 / 375 * 100vw);
        margin-top: 6vw;
    }

    .page-concept .cover-menu-common>.col-menu-common {
        display: none;
    }

    .cover--concept01 {
        width: 100%;
        margin-left: 6.75vw;
    }

    .cover--concept01 .col {
        width: calc(328 / 375 * 100vw);
        margin-right: 2.5vw;
    }

    .cover--concept01 .col a {
        padding-bottom: calc(50 / 375 * 100vw);
    }

    .cover--concept01 .col a::before {
        width: calc(28 / 375 * 100vw);
        height: calc(28 / 375 * 100vw);
    }

    .page-concept .lower-works {
        background: #F6F6F6 !important;
    }

    .menu--concept-sp {
        padding: 10vw 0;
        background: #F6F6F6;
    }
}

/* cover-num-common */
.cover-num-common>.col {
    width: 31%;
}

.cover-num-common .img-num {
    margin-bottom: calc(15 / var(--break2));
}

.cover-num-common .copy {
    letter-spacing: .15em;
    margin-bottom: calc(15 / var(--break2));
    text-align: center;
    font-size: calc(20 / var(--break2));
}

.cover-num-common .text {
    margin: 0 calc(-10 / var(--break2));
    ;
    font-size: calc(16 / var(--break2));
    text-align: center;
    color: #5B6E6E;
}

@media (max-width: 767px) {
    .cover-num-common>.col {
        max-width: calc(328 / 375 * 100vw);
        width: 100%;
        margin: 0 auto 6vw;
    }

    .cover-num-common>.col:last-child {
        margin-bottom: 0;
    }

    .cover-num-common .img-num {
        margin-bottom: 2vw;
    }

    .cover-num-common .copy {
        margin-bottom: calc(15 / 375 * 100vw);
        font-size: calc(16 / 375 * 100vw);
    }

    .cover-num-common .text {
        font-size: calc(13 / 375 * 100vw);
    }
}

/* mh */
.section-mh01 {
    padding: calc(60/ var(--break2)) 0 calc(130 / var(--break2));
}

.section-mh02 {
    padding: calc(85 / var(--break2)) 0 calc(120 / var(--break2));
    background: url(../img/mh/bg-mh.png)no-repeat center / cover;
}

.section-mh02 .copy-common03 .bg {
    background: #f9fbfb;
}

.section-mh03 {}

.section-mh04 {
    padding: calc(100/ var(--break2)) 0 calc(50 / var(--break2));
}

.section-mh05 {
    padding: calc(50 / var(--break2)) 0 calc(100/ var(--break2));
}

.row-mh02 {
    max-width: 1080px;
    width: calc(1100 / var(--break2));
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.row-mh02::before {
    content: "";
    width: calc(20 / var(--break2));
    height: calc(25 / var(--break2));
    margin: auto;
    background: url(../img/common/arrow.svg)no-repeat center / cover;
    position: absolute;
    top: -10%;
    bottom: 0;
    left: -18%;
    right: 0;
    z-index: -1;
}

.row-mh02>.col01 {
    width: 37%;
}

.row-mh02 .col02 {
    width: 55%;
}

.row-mh02 .slider-mh01 .slid {
    max-width: 400px;
    width: calc(420 / var(--break2));
}

.row-mh02 .slider-mh02 .slid {
    max-width: 610px;
    width: calc(640 / var(--break2));
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .section-mh01 {
        padding: 10vw 0 12.5vw;
    }

    .section-mh02 {
        padding: 10vw 0 10vw;
        background: url(../img/mh/bg-mh-sp.png)no-repeat center / cover;
    }

    .section-mh04 {
        padding: 10vw 0 5vw;
    }

    .section-mh05 {
        padding: 5vw 0 8vw;
    }

    .row-mh02 {
        width: 100%;
    }

    .row-mh02::before {
        width: calc(20 / 375 * 100vw);
        height: calc(25 / 375 * 100vw);
        transform: rotate(90deg);
        top: -10%;
        bottom: 0;
        left: 0;
    }

    .row-mh02>.col01 {
        width: calc(310 / 375 * 100vw);
        margin: 0 auto 20vw;
    }

    .row-mh02 .col02 {
        width: 100%;
        margin: 0 auto;
    }

    .row-mh02 .col02 .copy-mh02 {
        max-width: calc(310 / 375 * 100vw);
        margin-left: auto;
        margin-right: auto;
    }

    .row-mh02 .slider-mh01 .slid {
        width: calc(310 / 375 * 100vw);
    }

    .row-mh02 .slider-mh02 .slid {
        width: calc(640 / 375 * 100vw);
    }
}

/* mh02 */
.section-mhX01 {
    padding: calc(110 / var(--break2)) 0 calc(90 / var(--break2));
}

.section-mhX02 {
    padding: calc(85 / var(--break2)) 0 calc(120 / var(--break2));
    background: url(../img/mh02/bg-mhX.jpg)no-repeat center / cover;
}

.section-mhX03 {}

.section-mhX04 {
    padding: calc(100/ var(--break2)) 0 calc(110 / var(--break2));
    background: url(../img/mh02/bg-mhX02.jpg)no-repeat center / cover;
}

.section-mhX05 {
    padding: calc(50 / var(--break2)) 0 calc(100/ var(--break2));
}

.section-mhX06 {
    padding: calc(100/ var(--break2)) 0 calc(100/ var(--break2));
}

.section-mhX09 {
    padding: calc(100/ var(--break2)) 0 calc(100/ var(--break2));
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .section-mhX01 {
        padding: 10vw 2.5vw 12.5vw 0;
    }

    .section-mhX02 {
        padding: 10vw 0 10vw;
        background: url(../img/mh02/bg-mhX-sp.jpg)no-repeat center / cover;
    }

    .section-mhX04 {
        padding: 10vw 0 10vw;
        background: url(../img/mh02/bg-mhX02-sp.jpg)no-repeat center / cover;
    }

    .section-mhX05 {
        padding: 8vw 0 10vw;
    }

    .section-mhX06 {
        padding: 8vw 0 10vw;
    }

    .section-mhX09 {
        padding: 8vw 0 10vw;
    }
}

/* archive-main */
.archive-main {
    padding-top: calc(150 / var(--break2));
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .archive-main {
        padding-top: 30vw;
    }
}

/* archive-main */
.cover-archive-works .contentWorks {
    width: 32%;
}

@media(min-width: 768px) {
    .cover-archive-works {
        justify-content: start !important;
    }

    .cover-archive-works .contentWorks {
        margin-right: 1.999%;
    }

    .cover-archive-works .contentWorks:nth-of-type(3n),
    .cover-archive-works .contentWorks:last-child {
        margin-right: 0;
    }

    .cover-archive-works .contentWorks:nth-of-type(n + 4) {
        margin-top: calc(40 / var(--break2));
    }
}

@media (max-width: 767px) {
    .cover-archive-works .contentWorks {
        max-width: calc(328 / 375 * 100vw);
        width: 100%;
        margin: 0 auto 6vw;
    }

    .cover-archive-works .contentWorks:last-child {
        margin-bottom: 0;
    }
}

/*  */
.main-filter-container {
    margin-bottom: calc(60 / var(--break2));
    font-family: "Shippori Mincho", serif;
    font-weight: 400;
    color: #5B6E6E;
    border: 1px solid #A1B2B2;
    overflow: hidden;
}

.main-tab-header {
    background-color: #f5f5f5;
    border-bottom: 1px solid #A1B2B2;
}

.main-tab-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.main-tab-btn {
    padding: calc(12 / var(--break2)) calc(20 / var(--break2));
    letter-spacing: .2em;
    font-size: calc(16 / var(--break2));
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    background-color: transparent;
    border-right: 1px solid #A1B2B2;
}

.main-tab-btn:last-child {
    border-right: none;
}

.main-tab-btn.active {
    background: #F6F6F6;
}

.main-tab-btn:hover {
    background-color: #f9f9f9;
}

/* タブコンテンツ */
.main-tab-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    padding: 0;
}

.main-tab-content.active {
    max-height: 1000px;
    opacity: 1;
    padding: calc(20 / var(--break2)) 0;
}

/* カテゴリボタン */
.filter-category-buttons {
    display: flex;
    max-width: 990px;
    width: 92%;
    margin: 0 auto calc(20 / var(--break2));
    gap: calc(12 / var(--break2));
    flex-wrap: wrap;
}

.category-btn {
    width: 24%;
    padding: calc(2 / var(--break2));
    letter-spacing: .2em;
    font-size: calc(16 / var(--break2));
    background: #F6F6F6;
    border: 1px solid #A1B2B2;
    border-radius: calc(28 / var(--break2));
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.category-btn:hover,
.category-btn.active,
.category-btn.is-active {
    color: #fff;
    background-color: #A1B2B2;
}

/* フィルターパネル */
.filter-panels {
    position: relative;
}

.filter-panel {
    max-width: 990px;
    width: 92%;
    max-height: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    border-top: 1px solid #A1B2B2;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    padding: 0;
}

.filter-panel.active {
    max-height: inherit;
    opacity: 1;
    padding: calc(20 / var(--break2)) 0;
}

#panel-all {
    display: none;
    padding: 0 !important;
}

/* フィルターセクション */
.filter-section {
    max-width: 990px;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.filter-label {
    display: block;
    margin-bottom: calc(10 / var(--break2));
    font-size: calc(16 / var(--break2));
}

/* ボタングループ */
.button-group {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10 / var(--break2));
}

.filter-btn {
    padding: calc(10 / var(--break2));
    border-radius: calc(24 / var(--break2));
    font-size: calc(16 / var(--break2));
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    background: #F6F6F6;
    border: 1px solid #A1B2B2;
}

.filter-btn:hover,
.filter-btn.active {
    color: #fff;
    background: #A1B2B2;
}

/* タググリッド */
.tags-grid {
    justify-content: start;
}

.tag-label {
    display: inline-block;
    cursor: pointer;
    margin: 0;
}

.tag-checkbox {
    display: none;
}

.tag-btn {
    display: inline-block;
    margin: .2em .4em;
    padding: .2em .4em;
    color: #5B6E6E;
    font-size: calc(16 / var(--break2));
}

@media(min-width: 768px) {}

@media (max-width: 767px) {
    .main-filter-container {
        max-width: calc(328 / 375 * 100vw);
        margin: 0 auto 10vw;
    }

    .main-tab-btn {
        padding: 1.5vw;
        letter-spacing: 0;
        font-size: calc(16 / 375 * 100vw);
    }

    .main-tab-content.active {
        padding: 3.5vw 2vw 4.5vw;
    }

    .filter-category-buttons {
        width: 100%;
        margin: 0 auto 2vw;
    }

    .category-btn {
        padding: calc(2 / 375 * 100vw);
        letter-spacing: 0;
        font-size: calc(14 / 375 * 100vw);
        border-radius: calc(20 / 375 * 100vw);
    }

    .filter-panel {
        width: 100%;
    }

    .filter-panel.active {
        padding: 3.5vw 2vw 4.5vw;
    }

    .filter-section {
        width: 100%;
    }

    .filter-label {
        display: none;
    }

    .button-group {
        justify-content: space-between;
    }

    .filter-btn {
        width: 49%;
        padding: 1.5vw;
        border-radius: calc(20 / 375 * 100vw);
        font-size: calc(13 / 375 * 100vw);
    }

    .filter-btn:nth-of-type(n + 3) {
        margin-top: 3vw;
    }

    .tag-btn {
        font-size: calc(13 / 375 * 100vw);
    }
}

/* タググリッド */
.row-cover-common01 {
    align-items: stretch !important;
    background: #FEFCF2;
}

.row-cover-common01 .bg {
    width: 59.5%;
}

.row-cover-common01 .areaText {
    width: 40.5%;
    padding: calc(45 / var(--break2)) 0;
}

.row-cover-common01 .areaText .warp {
    max-width: 410px;
    width: 91%;
    margin: auto;
}

.row-cover-common01 .copy {
    margin-bottom: calc(20 / var(--break2));
    line-height: 1.6;
    letter-spacing: .05em;
    font-size: calc(26 / var(--break2));
    position: relative;
    z-index: 1;
}

.row-cover-common01 .text {
    margin-bottom: calc(16 / var(--break2));
    font-size: calc(16 / var(--break2));
}

.row-cover-common01 .text:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .row-cover-common01 .bg {
        width: 100%;
        height: calc(290 / 375 * 100vw);
    }

    .row-cover-common01 .areaText {
        width: 100%;
        padding: 10vw 0 8vw;
    }

    .row-cover-common01 .areaText .warp {
        max-width: 96%;
        width: calc(320 / 375 * 100vw);
        margin: auto;
    }

    .row-cover-common01 .copy {
        margin-bottom: 3.5vw;
        letter-spacing: 0;
        font-size: calc(20 / 375 * 100vw);
    }

    .row-cover-common01 .text {
        margin-bottom: 2.5vw;
        font-size: calc(13 / 375 * 100vw);
    }

    .row-cover-common01 .text:last-child {
        margin-bottom: 0;
    }
}

/*  */
.page-haus-labo h2.Hiragino,
.page-haus-labo h3.Hiragino {
    font-weight: 600;
}

.block-haus-labo {
    margin-bottom: calc(-40 / var(--break2));
    position: relative;
    z-index: 2;
}

.section-haus-labo03 {
    padding: calc(100 / var(--break2)) 0 0;
}

.cover-haus-labo .bg {
    background: url(../img/haus-labo/bg-haus-labo.jpg)no-repeat bottom right / cover;
}

.bg-haus-labo {
    padding: calc(100 / var(--break2)) 0;
    background: #FEFCF2;
    position: relative;
    z-index: 1;
}

.section-haus-labo04 {
    padding: calc(100 / var(--break2)) 0;
}

.section-haus-labo05 {
    padding: calc(100 / var(--break2)) 0;
    background: #FEFCF2;
}

.grop-haus-labo-common02 {
    margin-bottom: calc(80 / var(--break2));
}

.grop-haus-labo-common02:last-child {
    margin-bottom: 0;
}

.cover-haus-labo02 {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

.cover-haus-labo02 .col {
    max-width: 374px;
    width: 32%;
}

.cover-haus-labo02 .img {
    margin-bottom: calc(30 / var(--break2));
}

.cover-haus-labo02 .copy {
    margin-bottom: calc(10 / var(--break2));
    letter-spacing: .05em;
    font-size: calc(22 / var(--break2));
}

.cover-haus-labo02 .text {
    margin-bottom: calc(15 / var(--break2));
    letter-spacing: .05em;
    font-size: calc(15 / var(--break2));
}

.cover-haus-labo02 .text:last-child {
    margin-bottom: 0;
}

.cover-haus-labo03 .col {
    max-width: 374px;
    width: 32%;
    text-align: center;
    padding-bottom: calc(25 / var(--break2));
    position: relative;
    z-index: 1;
}

.cover-haus-labo03 .col::before {
    content: "";
    width: calc(18 / var(--break2));
    height: calc(18 / var(--break2));
    margin: auto;
    border: calc(4 / var(--break2)) solid;
    border-color: transparent transparent #5B6E6E #5B6E6E;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.cover-haus-labo03 .text {
    padding-top: calc(20 / var(--break2));
    letter-spacing: .05em;
    font-size: calc(15 / var(--break2));
}

@media(min-width: 768px) {
    .grop-haus-labo-common02 .slider-haus-labo {
        margin-top: calc(20 / var(--break2));
    }

    .slider-haus-labo .slid {
        margin-right: calc(20 / var(--break2));
    }

    /* 
    .slider-haus-labo .slid01 {
        width: calc(314 / var(--break2));
    }

    .slider-haus-labo .slid02 {
        width: calc(158 / var(--break2));
    }

    .slider-haus-labo .slid03 {
        width: calc(397 / var(--break2));
    }

    .slider-haus-labo .slid04 {
        width: calc(213 / var(--break2));
    }

    .slider-haus-labo .slid05 {
        width: calc(138 / 375 * 100vw);
    } */
}

@media (max-width: 767px) {
    .block-haus-labo {
        margin-bottom: -8vw;
    }

    .bg-haus-labo {
        padding: 12.5vw 0 11vw;
    }

    .page-haus-labo .copy-common01 .jp02 {
        font-size: calc(18 / 375 * 100vw);
    }

    .page-haus-labo .copy-common01 .jp {
        letter-spacing: 0;
    }

    .section-haus-labo03 {
        padding: 15vw 0 0;
    }

    .section-haus-labo04 {
        padding: 10vw 0;
    }

    .section-haus-labo05 .inner {
        max-width: calc(330 / 375 * 100vw);
        width: 100%;
    }

    .section-haus-labo05 .slider-haus-labo {
        width: calc(100% + 45 / 375 * 100vw);
        margin-left: calc(-22.5 / 375 * 100vw);
        margin-right: calc(-22.5 / 375 * 100vw);
    }

    .grop-haus-labo-common02 {
        margin-bottom: 9vw;
    }

    .grop-haus-labo-common02 .slider-haus-labo {
        margin-top: 5vw;
    }

    .slider-haus-labo .slid {
        margin-right: 3vw;
    }

    .slider-haus-labo .slid01 {
        width: calc(209 / 375 * 100vw);
    }

    .slider-haus-labo .slid02 {
        width: calc(107 / 375 * 100vw);
    }

    .slider-haus-labo .slid03 {
        width: calc(154 / 375 * 100vw);
    }

    .slider-haus-labo .slid04 {
        width: calc(213 / 375 * 100vw);
    }

    .slider-haus-labo .slid05 {
        width: calc(138 / 375 * 100vw);
    }

    .cover-haus-labo02 .col {
        width: calc(310 / 375 * 100vw);
        margin-right: 3vw;
    }

    .cover-haus-labo02 .img {
        margin-bottom: 4.5vw;
    }

    .cover-haus-labo02 .copy {
        margin-bottom: 2.5vw;
        letter-spacing: 0;
        font-size: calc(16 / 375 * 100vw);
    }

    .cover-haus-labo02 .text {
        margin-bottom: 2.5vw;
        letter-spacing: 0;
        font-size: calc(12 / 375 * 100vw);
    }

    .cover-haus-labo03 .col {
        max-width: 100%;
        width: 100%;
        margin-bottom: 8vw;
        padding-bottom: 5vw;
    }

    .cover-haus-labo03 .col:last-child {
        margin-bottom: 0;
    }

    .cover-haus-labo03 .col::before {
        width: calc(14 / 375 * 100vw);
        height: calc(14 / 375 * 100vw);
        border: calc(3 / 375 * 100vw) solid;
        border-color: transparent transparent #5B6E6E #5B6E6E;
    }

    .cover-haus-labo03 .text {
        padding-top: 2.5vw;
        font-size: calc(13 / 375 * 100vw);
    }
}

/* 
    design-casa
*/
.cover-design-casa {
    color: #fff;
    background-image: linear-gradient(121deg, rgba(123, 119, 112, 0.7) 30%, #7b7770 89%);
}

.cover-design-casa .bg {
    background: url(../img/design-casa/bg-design-casa.jpg) no-repeat bottom right / cover;
}

.section-design-casa03 {
    padding: calc(100/ var(--break2)) 0;
    background: #f6f6f6;
}

.section-design-casa04 {
    padding: calc(100/ var(--break2)) 0;
}

.section-design-casa05 {
    padding: 0 0 calc(100/ var(--break2));
    background: #f6f6f6;
}

.cover-design-casa-common01 .col-img {
    width: 51%;
}

.cover-design-casa-common01 .slide_main {
    margin-bottom: calc(20 / var(--break2));
}

.cover-design-casa-common01 .slide_thumbnail li {
    width: 19%;
}

.cover-design-casa-common01 .col-text {
    width: 45.5%;
    padding-right: 1%;
    padding-top: calc(25 / var(--break2));
}

.contents-design-casa {
    margin-bottom: calc(60 / var(--break2));
    padding-bottom: calc(60 / var(--break2));
    background: #fff;
}

.contents-design-casa:last-child {
    margin-bottom: 0;
}

.contents-design-casa .group {
    margin-bottom: calc(50 / var(--break2));
}

.row-design-casa01 {
    max-width: 800px;
    width: 91%;
    margin-left: auto;
    margin-right: auto;
}

.row-design-casa01 .col {
    width: 48.5%;
}

.row-design-casa01 .img {
    margin-bottom: calc(20 / var(--break2));
}

.row-design-casa01 .text {
    letter-spacing: 0;
    line-height: 1.6;
    text-align: center;
    font-size: calc(15 / var(--break2));
}

.row-contents-design-casa05 {
    max-width: 800px;
    width: 91%;
    margin-left: auto;
    margin-right: auto;
}

.row-contents-design-casa05 .col {
    width: 31.5%;
    position: relative;
    z-index: 1;
}

.row-contents-design-casa05 .col::before {
    content: "";
    width: calc(14 / var(--break2));
    height: calc(18 / var(--break2));
    margin: auto;
    background: #CDE0E0;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    position: absolute;
    top: calc(40 / var(--break2));
    left: 100%;
}

.row-contents-design-casa05 .col:last-child:before {
    content: none;
}

@media(min-width: 768px) {
    .section-design-casa05 .col-menu-common {
        width: 23.5%;
    }

    .section-design-casa05 .col-contents-common {
        width: 73.5%;
    }
}

@media (max-width: 767px) {
    .section-design-casa03 {
        padding: 12vw 0 11vw;
    }

    .section-design-casa03 .copy-common01 .en {
        font-size: calc(20 / 375 * 100vw);
    }

    .section-design-casa04 {
        padding: 12vw 0 11vw;
    }

    .section-design-casa05 {
        padding: 0 0 11vw;
    }

    .cover-design-casa-common01 .col-img {
        width: 100%;
    }

    .cover-design-casa-common01 .slide_main {
        margin-bottom: 2vw;
    }

    .cover-design-casa-common01 .col-text {
        width: calc(328 / 375 * 100vw);
        margin-top: 6vw;
        padding: 0;
    }

    .contents-design-casa {
        margin-bottom: 8vw;
        padding-bottom: 10vw;
        background: #fff;
    }

    .row-design-casa01,
    .row-contents-design-casa05 {
        width: 100%;
        padding-left: 8.75vw;
    }

    .contents-design-casa .group {
        margin-bottom: 11vw;
    }

    .row-design-casa01 .col {
        width: calc(310 / 375 * 100vw);
        margin-right: 2.5vw;
    }

    .row-design-casa01 .img {
        margin-bottom: 2.75vw;
    }

    .row-design-casa01 .fz13_sp {
        font-size: calc(14 / 375 * 100vw);
    }

    .row-design-casa01 .text {
        font-size: calc(13 / 375 * 100vw);
    }

    .row-contents-design-casa05 {
        padding-left: 6.75vw;
    }

    .row-contents-design-casa05 .col {
        width: calc(232 / 375 * 100vw);
        margin-right: 5.5vw;
    }

    .row-contents-design-casa05 .slick-dots {
        margin-left: -3vw;
    }
}

/* 
------------------------------------------------------------------*/
.slide_common .slide_thumbnail li {
    opacity: .5;
    transition: .3s;
}

.slide_common .slide_thumbnail li.thumbnail-current {
    opacity: 1;
}

.slide_common .slide_thumbnail li:hover {
    opacity: 1;
    transition: .3s;
    cursor: pointer;
}

@media(max-width: 767px) {

    /* .slide_common {
        width: calc(648 / 750 * 100vw);
        margin-left: auto;
        margin-right: auto;
    } */
    .slide_common .slide_main .slick-slide>.wrap01 {
        padding: 4vw 5vw;
    }

    .slide_common .ttl {
        font-size: 110%;
        letter-spacing: 0;
    }

    .slide_common .slide_thumbnail li {
        width: 19%;
        margin-right: 1.24%;
    }

    .slide_common .slide_thumbnail li:nth-child(5n),
    .slide_common .slide_thumbnail li:last-child {
        margin-right: 0;
    }

    .slide_common .slide_thumbnail li:nth-of-type(n + 6) {
        margin-top: 1.3%;
    }
}

/* cost-performance */
.section-cost-performance01 {
    padding: calc(100 / var(--break2)) 0;
}

.section-cost-performance02,
.section-cost-performance03 {
    padding: calc(100 / var(--break2)) 0;
}

.cover-cost-performance {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
}

.cover-cost-performance .col {
    width: 31%;
}

.cover-cost-performance .areaText {
    padding: calc(18 / var(--break2));
}

.cover-cost-performance .copy {
    color: #907B5D;
}

.cover-cost-performance .copy .case {
    padding-right: calc(15 / var(--break2));
    font-size: calc(15 / var(--break2));
}

.cover-cost-performance .copy .text {
    font-size: calc(14 / var(--break2));
}

.cover-cost-performance .copy02 {
    margin-bottom: calc(16 / var(--break2));
    padding-bottom: calc(10 / var(--break2));
    font-size: calc(16 / var(--break2));
    border-bottom: 1px solid #A1B2B2;
}

.cover-cost-performance .copy02 .num {
    font-size: calc(24 / var(--break2));
}

.cover-cost-performance .box {
    padding: calc(16 / var(--break2));
    font-size: calc(16 / var(--break2));
    color: #5B6E6E;
    background: #F6F6F6;
}

.cover-cost-performance01 {
    align-items: stretch !important;
}

.cover-cost-performance01>.col-img {
    width: 65%;
}

.cover-cost-performance01>.col-text {
    display: flex;
    align-items: center;
    width: 31%;
}

.cover-cost-performance02>.col-img {
    width: 44%;
}

.cover-cost-performance02>.col-text {
    width: 52%;
}

.figure-cost-performance-common {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.figure-cost-performance01 {
    max-width: 810px;
}

@media(max-width: 767px) {
    .section-cost-performance01 {
        padding: 11vw 0 12.5vw;
    }

    .section-cost-performance02,
    .section-cost-performance03 {
        padding: 11vw 0;
    }

    .cover-cost-performance .col {
        width: calc(328 / 375 * 100vw);
        margin: 0 auto 8vw;
    }

    .cover-cost-performance .col:last-child {
        margin-bottom: 0;
    }

    .cover-cost-performance .areaText {
        padding: 5vw;
        padding-bottom: 0;
    }

    .cover-cost-performance .copy .case {
        padding-right: 1vw;
        font-size: calc(12 / 375 * 100vw);
    }

    .cover-cost-performance .copy .text {
        font-size: calc(11 / 375 * 100vw);
    }

    .cover-cost-performance .copy02 {
        margin-bottom: 3vw;
        padding-bottom: 1.5vw;
        font-size: calc(13 / 375 * 100vw);
    }

    .cover-cost-performance .copy02 .num {
        font-size: calc(22 / 375 * 100vw);
    }

    .cover-cost-performance .box {
        padding: 2.5vw;
        font-size: calc(14 / 375 * 100vw);
    }

    .cover-cost-performance01 .col-img {
        order: 1;
        width: 100%;
        overflow: hidden;
    }

    .cover-cost-performance01 .col-img figure {
        max-width: none;
        width: calc(580 / 375 * 100vw);
    }

    .cover-cost-performance01>.col-text {
        order: 0;
        width: 100%;
        margin-bottom: 6vw;
    }

    .cover-cost-performance02>.col-img {
        order: 1;
        width: 100%;
    }

    .cover-cost-performance02>.col-text {
        order: 0;
        width: 100%;
        margin-bottom: 6vw;
    }
}


/* cover-archive-column */
.cover-archive-column .contentColumn {
    width: 32%;
}

.cover-archive-column .imageColumn {
    margin-bottom: calc(20 / var(--break2));
}

.cover-archive-column .hdgColumn {
    min-height: calc(68 / var(--break2));
    font-size: calc(16 / var(--break2));
}

.column-author {
    margin-top: calc(16 / var(--break2));
    padding: calc(10 / var(--break2)) calc(12 / var(--break2));
    border: 1px dotted #A1B2B2;
    background: #F6F6F6;
    border-radius: calc(40 / var(--break2));
}

.column-author>.wrap {
    align-items: stretch !important;
}

.column-author__avatar {
    width: calc(64 / var(--break2));
}

.column-author__meta {
    align-items: center !important;
    width: calc(100% - 100 / var(--break2));
}

.column-author .column-author__writer {
    line-height: 1;
    font-size: calc(14 / var(--break2));
    color: #907B5D;
}

.column-author .column-author__name {
    font-size: calc(16 / var(--break2));
}

@media (min-width: 768px) {
    .cover-archive-column {
        justify-content: start !important;
    }

    .cover-archive-column .contentColumn {
        margin-right: 1.999%;
    }

    .cover-archive-column .contentColumn:nth-of-type(3n),
    .cover-archive-column .contentColumn:last-child {
        margin-right: 0;
    }

    .cover-archive-column .contentColumn:nth-of-type(n + 4) {
        margin-top: calc(40 / var(--break2));
    }
}

@media(max-width: 767px) {
    .cover-archive-column .contentColumn {
        width: calc(328 / 375 * 100vw);
        margin: 0 auto 8vw;
    }

    .cover-archive-column .imageColumn {
        margin-bottom: 2vw;
    }

    .column-author {
        margin-top: 4vw;
        padding: calc(8 / 375 * 100vw) calc(10 / 375 * 100vw);
        border-radius: calc(40 / 375 * 100vw);
    }

    .column-author__avatar {
        width: calc(55 / 375 * 100vw) !important;
    }

    .column-author__meta {
        width: calc(100% - 85 / 375 * 100vw) !important;
    }

    .column-author .column-author__writer {
        line-height: 1;
        font-size: calc(12 / 375 * 100vw);
    }

    .column-author .column-author__name {
        font-size: calc(14 / 375 * 100vw);
    }
}

/*  */
.cover-event-tag {
    justify-content: center !important;
    margin-bottom: calc(60 / var(--break2));
}

.cover-event-tag a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: calc(10 / var(--break2));
    padding: calc(4 / var(--break2)) calc(14 / var(--break2));
    font-size: calc(14 / var(--break2));
    letter-spacing: .1em;
    color: #A1B2B2;
    background: #fff;
    border: 1px solid #A1B2B2;
    text-decoration: none;
    transition: all 0.25s ease;
    white-space: nowrap;
}

.cover-event-tag a:hover,
.cover-event-tag a.is-active {
    border-color: #A1B2B2;
    background: #F6F6F6;
}

.cover-archive-event {
    justify-content: start !important;
}

.cover-archive-event .contentEvent {
    width: 31%;
    overflow: hidden;
    position: relative;
}

.cover-archive-event .imageEvent {
    position: relative;
}

.cover-archive-event .contentEvent.off .imageEvent::before {
    content: "";
    width: 100%;
    height: 100%;
    margin: auto;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    inset: 0;
    z-index: 9999;
}

/* 
.imageEvent img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.contentEvent:hover .imageEvent img {
    transform: scale(1.05);
}  */

.cover-archive-event .areaText {
    padding: calc(16 / var(--break2)) calc(4 / var(--break3));
}

.cover-archive-event .tag {
    display: inline-block;
    line-height: 1.6;
    margin: 0 calc(4 / var(--break3)) calc(18 / var(--break3));
    padding: 0 calc(28 / var(--break3));
    color: #fff;
    border: 1px solid #A1B2B2;
}

.cover-archive-event .tag:nth-of-type(2n) {
    color: #616161;
    background: transparent;
    border: 1px solid #A1B2B2;
}

.cover-archive-event .coverTagEvent {
    margin-bottom: calc(6 / var(--break3));
    justify-content: start;
}

.cover-archive-event .tagEvent {
    display: inline-block;
    align-items: center;
    justify-content: center;
    min-width: calc(110 / var(--break2));
    padding: 0 calc(20 / var(--break2));
    font-size: calc(13 / var(--break3));
    color: #5B6E6E;
    border: 1px solid #A1B2B2;
}

.cover-archive-event .tagEvent.tag02 {
    margin-right: calc(5 / var(--break2));
}

@media (min-width: 768px) {
    .cover-archive-event .contentEvent {
        margin-right: 3.49%;
    }

    .cover-archive-event .contentEvent:nth-of-type(3n),
    .cover-archive-event .contentEvent:last-child {
        margin-right: 0;
    }

    .cover-archive-event .contentEvent:nth-of-type(n + 4) {
        margin-top: calc(40 / var(--break2));
    }
}

@media (max-width: 767px) {
    .cover-event-tag {
        margin-bottom: 6vw;
    }

    .cover-event-tag a {
        margin-top: 2vw;
        margin-right: 2vw;
        padding: .75vw 2.75vw;
        font-size: calc(14 / 375 * 100vw);
        letter-spacing: .1em;
    }

    .cover-archive-event .contentEvent {
        width: 48.5%;
        margin-right: 2.99%;
    }

    .cover-archive-event .contentEvent:nth-of-type(2n),
    .cover-archive-event .contentEvent:last-child {
        margin-right: 0;
    }

    .cover-archive-event .contentEvent:nth-of-type(n + 3) {
        margin-top: calc(40 / 375 * 100vw);
    }

    .cover-archive-event .heldEvent {
        padding: .5vw 0;
        font-size: calc(13 / 375 * 100vw);
    }

    .cover-archive-event .coverTagEvent {
        margin-bottom: 3vw;
        justify-content: start;
    }

    .cover-archive-event .areaText {
        padding: 3vw 0;
    }

    .cover-archive-event .tagEvent {
        padding: 0 calc(8 / 375 * 100vw);
        font-size: calc(10 / 375 * 100vw);
    }

    .cover-archive-event .tagEvent.tag02 {
        margin-right: 1vw;
    }

    .cover-archive-event .tagEvent.tag02:last-child {
        margin-right: 0;
    }
}

/*  */

.column-filter--category .category-btn {
    display: block;
    text-align: center;
}

.column-filter--tag {
    justify-content: start;
}

.column-filter--tag>a {
    display: inline-block;
    margin-left: 1em;
}

@media(max-width: 767px) {
    .column-filter--category .category-btn {
        width: 48%;
    }

    .column-filter--category .category-btn:nth-of-type(n + 3) {
        margin-top: 1em;
    }
}