@charset "utf-8";

.text-xs {
    line-height: 1.6 !important;
}
a.txt_link{
    text-decoration: underline;
}
/*下層ページ*/

.lower-section {
    padding: calc(124 / var(--break3)) 0 calc(140 / var(--break3));
}

.lower-section2 {
    padding: calc(40 / var(--break3)) 0 calc(100 / var(--break3));
}

.lower-section-form {
    padding: calc(90 / var(--break3)) 0 calc(100 / var(--break3));
}

@media(min-width: 768px) {
    .lower-main {
        width: 100%;
        padding-left: 160px;
    }
}

@media(min-width: 768px) and (max-width:1024px) {
    /* .lower-section {
        padding: calc(80 / var(--break3)) 0 calc(200 / var(--break3));
    } */
}

@media (max-width: 767px) {
    .lower-section {
        padding: 6.5vw 0 25vw
    }

    .lower-section2 {
        padding: 6.5vw 0 10vw;
    }

    /* 
    .lower-section-form {
        padding: 8vw 0 12.5vw;
    } */
}

/*  hero-section
----------------------------------*/
.copy-hero-section {
    align-items: center;
    justify-content: flex-end;
    height: min(152px, calc(170 / var(--break3)));
    margin: calc(30 / var(--break3)) 0 calc(28 / var(--break3));
    padding-right: calc(100 / var(--break3));
    line-height: 1;
    letter-spacing: 0;
    position: relative;
    z-index: 1;
    text-align: right;
}

.copy-hero-section::before {
    content: "";
    width: 85%;
    height: 1px;
    margin: auto;
    background: #cfcfcf;
    position: absolute;
    inset: 0 auto 0 0;
}

.copy-hero-section::after {
    content: "";
    width: min(152px, calc(170 / var(--break3)));
    height: min(152px, calc(170 / var(--break3)));
    margin: auto;
    background: url(../img/common/hero-section.svg)no-repeat center / contain;
    position: absolute;
    inset: 0 2.5% 0 auto;
}

.copy-hero-section .jp {
    padding: 0 calc(30 / var(--break3));
    font-size: min(20px, calc(26 / var(--break3)));
    background: #fff;
    position: relative;
    z-index: 1;
}

.copy-hero-section .en {
    font-family: mono45-headline, monospace;
    font-weight: 500;
    font-style: normal;
    font-size: min(48px, calc(58 / var(--break3)));
    position: relative;
    z-index: 1;
}

.copy-hero-section .en::before {
    content: "";
    width: 60%;
    height: 2px;
    margin: auto;
    background: #fff;
    position: absolute;
    inset: 0 auto 0 0;
    z-index: -1;
}

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

@media (max-width: 767px) {
    .copy-hero-section {
        justify-content: flex-start;
        height: auto;
        margin: calc(10 / var(--break3)) 0;
        padding: 5vw 0 0 6vw;
        text-align: left;
    }

    .copy-hero-section::before {
        width: 55%;
        inset: 11vw 0 auto auto;
    }

    .copy-hero-section::after {
        width: calc(86 / var(--break3));
        height: calc(86 / var(--break3));
        inset: 0 auto 0 -5%;
    }

    .copy-hero-section .jp {
        order: 1;
        display: block;
        width: 100%;
        padding: 0;
        font-size: calc(18 / var(--break3));
    }

    .copy-hero-section .en {
        order: 0;
        font-size: calc(46 / var(--break3));
    }

    .copy-hero-section .en::before {
        width: 50%;
        height: 100%;
        inset: 0 -5vw 0 auto;
        z-index: -1;
    }
}

/*  .main-visual-lower
----------------------------------*/
.main-visual-lower {
    position: relative;
    z-index: 1;
}

.main-visual-lower .copy-m-v-l {
    line-height: 1.3;
    color: #fff;
    position: absolute;
    top: calc(20 / var(--break3));
    left: calc(90 / var(--break3));
}

.main-visual-lower .copy-m-v-l .en {
    display: block;
    font-size: calc(90 /var(--break3));
}

.main-visual-lower .copy-m-v-l .jp {
    display: block;
    letter-spacing: 0;
    font-size: calc(28 /var(--break3));
}

@media (min-width: 768px) {
    .main-visual-lower .copy-m-v-l.v2 {
        top: auto;
        bottom: calc(180 / 1920 * 100vw);
    }
}

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

@media (max-width: 767px) {
    .main-visual-lower .copy-m-v-l {
        top: 1.5vw;
        left: 3vw;
    }

    .main-visual-lower .copy-m-v-l .en {
        font-size: calc(39 /var(--break3));
    }

    .main-visual-lower .copy-m-v-l .jp {
        font-size: calc(13.5 /var(--break3));
    }

    .main-visual-lower .copy-m-v-l.v2 {
        top: auto;
        bottom: calc(40 /var(--break3));
    }
}

/*  
----------------------------------*/
@media (max-width: 767px) {
    .lower .site-header ,
    .active .site-header 
    {
        top: 0 !important;
        background-color: #fff;
    }

    .lower-main {
        padding-top: calc(130 / 750 * 100vw);
    }

    .lower .menu-logo,
    .active .menu-logo
     {
        filter: unset !important;
        background: url(../img/common/logo_black.png)no-repeat center / contain;
    }

    .lower .menu-logo img ,
    .active .menu-logo img 
    {
        display: none;
    }

    .lower .menu-btns {
        top: 0 !important;
    }

    .lower .site-header .menu-hamburger ,
    .active .site-header .menu-hamburger 
    {
        padding-top: calc(2.5 / var(--break3));
        width: calc(31 / var(--break3));
        height: calc(32 / var(--break3));
        background: url(../img/common/icom-menu-black.svg)no-repeat center / contain;
    }

    .lower .site-header img.menu-trigger-open ,
    .active .site-header img.menu-trigger-open 
    {
        display: none;
    }

    .lower .site-header.open .menu-hamburger,
    .active .site-header.open .menu-hamburger
     {
        background: none;
    }

    .lower .site-header.open .menu-trigger-close {
        width: calc(30 / var(--break3)) !important;
    }

    .lower .menu-instagram ,
    .active .menu-instagram 
    {
        filter: unset !important;
        width: calc(26 / var(--break3));
        height: calc(26 / var(--break3));
        background: url(../img/common/icom-instagram-black.png)no-repeat center / contain;
    }

    .lower .menu-instagram img,
    .active .menu-instagram img
     {
        display: none;
    }
}

/*  .copyCommon-lower01
----------------------------------*/
.copyCommon-lower01 {
    line-height: 1.3;
}

.copyCommon-lower01 .en {
    display: block;
    font-family: mono45-headline, monospace;
    font-weight: 500;
    font-style: normal;
    font-size: calc(70 / var(--break3));
    position: relative;
    z-index: 1;
}

.copyCommon-lower01 .jp {
    letter-spacing: 0;
    font-size: calc(38 / var(--break3));
}

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

/*  .copyCommon-lower01
----------------------------------*/
.copyCommon-lower01 {
    line-height: 1.3;
}

.copyCommon-lower01 .en {
    display: block;
    font-family: mono45-headline, monospace;
    font-weight: 500;
    font-style: normal;
    font-size: calc(70 / var(--break3));
    position: relative;
    z-index: 1;
}

.copyCommon-lower01 .jp {
    letter-spacing: 0;
    font-size: calc(38 / var(--break3));
}

@media (max-width: 767px) {
    .copyCommon-lower01 .en {
        font-size: calc(32 / var(--break3));
    }

    .copyCommon-lower01 .jp {
        font-size: calc(16 / var(--break3));
    }
}

/*  .shadowBoxCommon
----------------------------------*/
.shadowBoxCommon {
    padding-bottom: calc(10 / var(--break3));
    position: relative;
    z-index: 1;
}

.shadowBoxCommon::before {
    content: "";
    max-width: 1130px;
    width: 96%;
    height: calc(100% - 27 / var(--break3));
    margin: auto;
    background: #f0f1f5;
    position: absolute;
    left: 0;
    bottom: calc(-27 / var(--break3));
    z-index: -1;
}

.shadowBoxCommon.v2::before {
    left: auto;
    right: 0;
}

@media (max-width: 767px) {
    .shadowBoxCommon::before {
        max-width: calc(340 / var(--break3));
        width: 96%;
        height: calc(100% - 10 / var(--break3));
        bottom: calc(-10 / var(--break3));
        left: 0 !important;
        right: 0 !important;
    }
}

/*
----------------------------------*/
.lower-main .text-size14 {
    letter-spacing: 0;
    font-size: min(14px, calc(18 / var(--break3)));
}

.lower-main .text-size16 {
    letter-spacing: 0;
    font-size: min(16px, calc(20 / var(--break3)));
}

.lower-main .text-size18 {
    letter-spacing: 0;
    font-size: min(18px, calc(22 / var(--break3)));
}

.lower-main .text-size20 {
    letter-spacing: 0;
    font-size: min(20px, calc(24 / var(--break3)));
}

@media (max-width: 767px) {
    .lower-main .text-size16-sp {
        letter-spacing: 0;
        font-size: calc(16 / var(--break3));
    }

    .lower-main .text-size14-sp {
        letter-spacing: 0;
        font-size: calc(14 / var(--break3));
    }

    .lower-main .text-size12-sp {
        letter-spacing: 0;
        font-size: calc(12 / var(--break3));
    }

    .lower-main .text-size10-sp {
        letter-spacing: 0;
        font-size: calc(10 / var(--break3));
    }
}

/*  .box-common
----------------------------------*/
.box-common {
    padding: calc(28 / var(--break3));
    border: 1px solid #000;
}

@media (max-width: 767px) {
    .box-common {
        padding: 4.5vw;
    }
}

/*  .arwCommon
----------------------------------*/
.arwCommon {
    max-width: 50px;
    width: calc(60 / var(--break3));
}

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

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

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

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

/* catalog
----------------------------------*/
.coverCatalog {
    max-width: 1140px;
    margin: auto;
}

.coverCatalog>.col2 {
    padding-top: calc(24 / var(--break3));
}

.bgCatalogLower {
    padding: calc(200 / var(--break3)) 0 calc(80 / var(--break3));
    background: url(../img/catalog/bg_catalog.png)no-repeat center top / cover;
    position: relative;
    z-index: 1;
}

.bgCatalogLower .bgCatalogLower-copy {
    width: min(414px, calc(430/ var(--break3)));
    position: absolute;
    right: 3%;
    top: calc(-10 / var(--break3));
}

@media(min-width: 768px) {
    .coverCatalog>.col:nth-of-type(n + 3) {
        padding-top: calc(70 / var(--break3));
    }

    .coverCatalog>.col:last-child {
        margin: calc(80 / var(--break3)) auto 0;
    }
}

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

@media (max-width: 767px) {
    .coverCatalog>.col {
        width: calc(336 / var(--break3));
        margin: 0 auto;
        padding-top: 7.5vw;
    }

    .coverCatalog>.col:first-child {
        margin-top: 0;
    }

    .bgCatalogLower {
        padding: calc(70 / var(--break3)) 0 calc(50 / var(--break3));
        background: url(../img/catalog/bg_catalog_sp.png)no-repeat center top / cover;
    }

    .bgCatalogLower .bgCatalogLower-copy {
        width: calc(108/ var(--break3));
    }
}

/*  consultation
----------------------------------*/
.lower-section-consultation {
    padding-top: calc(80 / var(--break3));
}

.copyConsultationLower {
    max-width: 398px;
    width: calc(460 / var(--break3));
    margin-left: auto;
}

.coverConsultationLower {
    font-size: calc(17 var(--break3));
}

.listConsultationLower {
    padding: 0 calc(20 / var(--break3));
}

.listConsultationLower li {
    width: calc(100% - 200 / var(--break3));
    margin-bottom: calc(10 / var(--break3));
    padding: calc(14 / var(--break3)) 0;
    font-size: min(16px, calc(20 / var(--break3)));
    text-align: center;
    background: #fff;
    border: 2px solid #000;
    border-radius: calc(6 / var(--break3));
}

.listConsultationLower li:nth-of-type(2) {
    margin-left: calc(50 / var(--break3));
}

.listConsultationLower li:nth-of-type(3) {
    margin-left: calc(100 / var(--break3));
}

.listConsultationLower li:nth-of-type(4) {
    margin-left: calc(150 / var(--break3));
}

.listConsultationLower li:nth-of-type(5) {
    margin-left: auto;
}

.bgConsultationLower {
    padding: calc(100 / var(--break3)) 0 calc(70 / var(--break3));
    background: url(../img/consultation/bgConsultationLower.jpg)no-repeat center / cover;
}

.coverConsultationLower02 {
    padding-top: calc(20 / var(--break3));
    position: relative;
    z-index: 1;
}

.coverConsultationLower02.bg::before {
    content: "";
    width: calc(1390 / var(--break3));
    height: calc(402 / var(--break3));
    margin: auto;
    background: url(../img/consultation/img_consultation.png)no-repeat center top / cover;
    position: absolute;
    top: 0;
    left: 0;
}

.coverConsultationLower02 .wrap {
    width: 67.5%;
    padding-right: calc(20 / var(--break3));
    margin-left: auto;
}

.coverConsultationLower03 .text {
    margin-top: calc(20 / var(--break3));
    letter-spacing: 0;
    font-size: min(16px, calc(19 / var(--break3)));
    text-align: center;
}

/* .coverConsultationLower04{} */
.coverConsultationLower04 .rowContactCommonBoxTel {
    width: calc(330 / var(--break3));
}

.coverConsultationLower04 .rowContactCommonBoxTel .s2 {
    font-size: min(30px, calc(40 / var(--break3)));
}

.coverConsultationLower04 .rowContactCommonBoxTel .s3 {
    font-size: min(15px, calc(19 / var(--break3)));
}

.dlConsultationLower {
    letter-spacing: 0;
    font-size: min(16px, calc(19 / var(--break3)));
}

.dlConsultationLower dt {
    width: calc(54 / var(--break3));
}

.dlConsultationLower dd {
    width: calc(100% - 54 / var(--break3));
}

.arwConsultat {
    margin: auto;
    position: relative;
    bottom: calc(-60 / var(--break3));
}

@media (min-width: 768px) {
    .coverConsultationLower03 .col:nth-of-type(n + 4) {
        margin-top: calc(28 / var(--break3));
    }
}

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

@media (max-width: 767px) {
    .lower-section-consultation {
        padding-top: calc(50 / var(--break3));
    }

    .copyConsultationLower {
        width: calc(180 / var(--break3));
    }

    .coverConsultationLower {
        letter-spacing: 0;
        font-size: calc(12 var(--break3));
        position: relative;
    }

    .coverConsultationLower .col01 {
        order: 1;
        width: calc(298 / var(--break3));
        margin: -12.5vw auto 0;
        padding: 0 2vw;
    }

    .coverConsultationLower .col02 {
        order: 0;
        width: calc(298 / var(--break3));
        margin: auto;
    }

    .coverConsultationLower .text-01 {
        position: absolute;
        top: -8vw;
        left: 7.5vw;
    }

    .coverConsultationLower .text-left {
        /* text-align: right; */
        text-shadow: 0 0 5px #fff, 0 0 10px #fff;
    }

    .coverConsultationLower .text-right {
        text-align: left;
    }

    .listConsultationLower {
        padding: 0;
    }

    .listConsultationLower li {
        width: calc(224 / var(--break3));
        margin-bottom: calc(10 / var(--break3));
        padding: 2vw 0;
        font-size: calc(12 / var(--break3));
        border-width: 1px;
    }

    .listConsultationLower li:nth-of-type(1) {
        margin-left: auto;
    }

    .listConsultationLower li:nth-of-type(2) {
        margin-left: auto;
        margin-right: calc(20 / var(--break3));
    }

    .listConsultationLower li:nth-of-type(3) {
        margin-left: auto;
        margin-right: calc(38 / var(--break3));
    }

    .listConsultationLower li:nth-of-type(4) {
        margin-left: auto;
        margin-right: calc(20 / var(--break3));
    }

    .listConsultationLower li:nth-of-type(5) {
        margin-left: auto;
        margin-right: calc(40 / var(--break3));
    }

    .bgConsultationLower {
        padding: calc(80 / var(--break3)) 0 calc(50 / var(--break3));
    }

    .coverConsultationLower02 {
        padding-top: 1vw;
    }

    .coverConsultationLower02.pt-sp {
        padding-top: calc(150 / var(--break3));
    }

    .coverConsultationLower02.bg::before {
        width: calc(750 / 750 * 100vw);
        height: calc(452 / 750 * 100vw);
        background: url(../img/consultation/img_consultation_sp.png)no-repeat center top / cover;
        position: absolute;
        inset: 0;
    }

    .coverConsultationLower02 .wrap {
        max-width: calc(300 / var(--break3));
        width: 100%;
        margin: auto;
        padding: 0;
    }

    .coverConsultationLower02-copy {
        text-align: center;
        letter-spacing: 0;
        font-size: calc(14 / var(--break3));
    }

    .coverConsultationLower02 .arwConsultat2 {
        position: absolute;
        left: 0;
        right: 0;
        top: 145%;
    }

    .coverConsultationLower02-text {
        padding: 0 3vw;
    }

    .coverConsultationLower03>.col {
        width: calc(300 / var(--break3));
        margin: 0 auto 5vw;
    }

    .coverConsultationLower03>.col:last-child {
        margin-bottom: 0;
    }

    .coverConsultationLower03 .text {
        margin-top: calc(10 / var(--break3));
        font-size: calc(12 / var(--break3));
    }

    .wrapConsultationLower .wrap700 {
        width: calc(300 / var(--break3)) !important;
        margin: 0 auto;
    }

    .copyCommon-lower01 .consultation-jp {
        padding-left: 3.5vw;
    }

    .coverConsultationLower04 {
        width: calc(300 / var(--break3));
        margin: auto;
    }

    .coverConsultationLower04 .col01 {
        margin: 0 auto 6vw;
    }

    .coverConsultationLower04 .rowContactCommonBoxTel {
        justify-content: start !important;
        width: calc(340 / var(--break3));
    }

    .coverConsultationLower04 .rowContactCommonBoxTel i {
        width: calc(30 / var(--break3));
        height: calc(30 / var(--break3));
    }

    .coverConsultationLower04 .rowContactCommonBoxTel .s2 {
        padding-left: 9vw;
        font-size: calc(29 / var(--break3));
    }

    .coverConsultationLower04 .rowContactCommonBoxTel .s3 {
        font-size: calc(12 / var(--break3));
    }

    .dlConsultationLower {
        letter-spacing: 0;
        font-size: calc(12 / var(--break3));
    }

    .dlConsultationLower dt {
        width: calc(30 / var(--break3));
    }

    .dlConsultationLower dd {
        width: calc(100% - 30 / var(--break3));
    }

    .arwConsultat {
        bottom: calc(-50 / var(--break3));
    }
}

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

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

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

/*  Contact
----------------------------------*/
.coverContact.flex {
    align-items: stretch;
}

.coverContact .relative {
    position: relative;
}

.bgContactLower {
    padding: calc(200 / var(--break3)) 0 calc(80 / var(--break3));
    background: url(../img/contact/bg_contact.png)no-repeat center top / cover;
}

@media (min-width: 768px) {
    .coverContact .rowContactCommonBoxTel {
        width: min(220px, calc(260 / var(--break3)));
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

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

@media (max-width: 767px) {
    .coverContact .col01 {
        width: calc(320 / var(--break3));
        margin: auto;
        order: 1;
        font-size: calc(13 / var(--break3));
    }

    .coverContact .col02 {
        order: 0;
        width: calc(340 / var(--break3));
        margin: 0 auto 5vw;
    }

    .coverContact .rowContactCommonBoxTel {
        width: calc(222 / var(--break3));
        margin-right: auto;
        margin: 7.5vw auto 0 0;
    }

    .coverContact .rowContactCommonBoxTel .s2 {
        padding-left: 8.88vw;
        font-size: calc(23 / var(--break3));
    }

    .coverContact .rowContactCommonBoxTel i {
        width: calc(33 / var(--break3));
        height: calc(33 / var(--break3));
    }

    .bgContactLower {
        padding: calc(70 / var(--break3)) 0 calc(50 / var(--break3));
        background: url(../img/contact/bg_contact_sp.png)no-repeat center top / cover;
    }

    .bgContactLower .text-xs {
        line-height: 1.8;
        letter-spacing: 0;
    }
}

/*  privacy
----------------------------------*/
.privacy-policy-main .text-privacy {
    margin-bottom: calc(40 / var(--break3));
    line-height: 3;
    letter-spacing: 0;
    font-size: min(14px, calc(18 / var(--break3)));
}

.privacy-policy-main .text-privacy:last-child {
    margin-bottom: 0;
}

.privacy-policy-main .copy-privacy {
    display: block;
    letter-spacing: .1em;
    font-size: min(24px, calc(28 / var(--break3)));
}

@media (max-width: 767px) {
    .main-img-privacy {
        width: calc(340 / var(--break3));
        margin: 0 auto;
    }

    .privacy-policy-main .text-privacy {
        line-height: 2.5;
        margin-bottom: calc(40 / var(--break3));
        font-size: calc(12 / var(--break3));
    }

    .privacy-policy-main .copy-privacy {
        font-size: calc(16 / var(--break3));
    }
}



/*  topics
----------------------------------*/
.bgTopicsLower {
    margin-bottom: calc(140 / var(--break3));
    padding: calc(90 / var(--break3)) 0 calc(80 / var(--break3));
    background: #F0F1F5;
    position: relative;
}

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

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

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

/*  concept
----------------------------------*/
.lower-section-concept {
    padding: calc(90 / var(--break3)) 0 calc(30 / var(--break3));
    position: relative;
    z-index: 1;
}

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

@media (max-width: 767px) {
    .lower-section-concept {
        padding: calc(50 / var(--break3)) 0 calc(25 / var(--break3));
    }
}

/* coverConceptLower
----------------------------------*/
.coverConceptLower {
    position: relative;
    z-index: 1;
}

.coverConceptLower::before {
    content: "";
    width: calc(285 / var(--break4));
    height: calc(250 / var(--break4));
    background: url(../img/concept/d_concept.png)no-repeat center / contain;
    margin: auto;
    position: absolute;
    top: calc(-150 / var(--break4));
    right: 0;
}

.coverConceptLower>.col {
    width: calc(33.3% - 8 / var(--break3));
}

.coverConceptLower>.col:nth-of-type(2) {
    margin-top: calc(50 / var(--break3));
}

.coverConceptLower>.col:nth-of-type(3) {
    margin-top: calc(100 / var(--break3));
}

.coverConceptLower .copyConceptLower {
    width: calc(580 / var(--break3));
    height: calc(100 / var(--break3));
    margin: auto;
    font-size: calc(24 / var(--break3));
    border: solid 1px #000;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
    position: absolute;
    top: calc(30 / var(--break3));
    left: 0;
    right: 0;
}

.coverConceptLower .text {
    padding-top: calc(20 / var(--break3));
    text-align: center;
}

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

@media (max-width: 767px) {
    .coverConceptLower::before {
        width: calc(125 / var(--break4));
        height: calc(110 / var(--break4));
        top: calc(-112 / var(--break4));
        right: 0;
        z-index: 2;
    }

    .coverConceptLower>.col {
        width: 100%;
    }

    .coverConceptLower>.col:nth-of-type(2) {
        margin-top: 5vw;
    }

    .coverConceptLower>.col:nth-of-type(3) {
        margin-top: 5vw;
    }

    .coverConceptLower .copyConceptLower {
        width: calc(300 / var(--break3));
        height: calc(58 / var(--break3));
        font-size: calc(14 / var(--break3));
        top: calc(-40 / var(--break3));
        z-index: 0;
    }

    .coverConceptLower .text {
        padding-top: 2vw;
    }
}

/* g_conceptLower
----------------------------------*/
.g_conceptLower {
    position: relative;
}

.g_conceptLower .box {
    width: calc(800 / var(--break3));
    padding: calc(48 / var(--break3)) 0;
    margin: auto;
    text-align: center;
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    inset: auto 0 calc(40 / var(--break3));
}

@media (max-width: 767px) {
    .g_conceptLower .box {
        width: calc(330 / var(--break3));
        height: calc(110 / var(--break3));
        padding: calc(22 / var(--break3)) 0;
        inset: 0 0 calc(30 / var(--break3));
    }
}

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

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

/* g_conceptLower02
----------------------------------*/
.g_conceptLower02 {
    position: relative;
    z-index: 1;
}

.cover_g_conceptLower02 {
    position: absolute;
    inset: 0;
}

@media (min-width: 768px) {
    .g_conceptLower02 .text-bg .bg {
        display: inline-block;
        padding: var(--size5px) var(--size10px);
        color: #fff;
        background: #000;
    }
}

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

@media (max-width: 767px) {
    .g_conceptLower02 .text-bg .bg_sp {
        display: block;
        max-width: calc(260 / var(--break3));
        margin: 0 auto 1vw;
        padding: var(--size5px) var(--size10px);
        color: #fff;
        background: #000;
    }
}

/* g_conceptLower03
----------------------------------*/
.g_conceptLower03 {
    position: relative;
    z-index: 1;
}

.cover_g_conceptLower03 {
    margin: auto;
    position: absolute;
    inset: calc(800 / 1920 * 100vw) 0 auto;
}

.g_conceptLower03 .box {
    width: calc(780 / var(--break3));
    padding: calc(58 / var(--break3)) 0;
    margin: 0 auto calc(78 / var(--break3));
    text-align: center;
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
}

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

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

@media (max-width: 767px) {
    .g_conceptLower03 .box {
        width: calc(320 / var(--break3));
        padding: calc(38 / var(--break3)) 0;
        margin: 0 auto calc(40 / var(--break3));
    }
}

/* coverConceptLower02
----------------------------------*/
.coverConceptLower02 {
    margin-top: calc(-80 / var(--break3));
    position: relative;
    z-index: 1;
}

.coverConceptLower02::before {
    content: "";
    width: calc(296 / var(--break4));
    height: calc(230 / var(--break4));
    background: url(../img/concept/d_concept02.png)no-repeat center / contain;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
}

.coverConceptLower02 .copyX {
    width: calc(600 / var(--break3));
    margin-bottom: calc(80 / var(--break3));
    padding-bottom: calc(18 / var(--break3));
    padding-left: calc(30 / var(--break3));
    font-size: calc(34 / var(--break3));
    border-bottom: 1px solid #000;
}

.coverConceptLower02 .catch {
    width: calc(800 / var(--break3));
    margin-bottom: calc(10 / var(--break3));
    position: relative;
    z-index: 1;
}

.coverConceptLower02 .catch_text {
    width: 100%;
    position: absolute;
    left: 102.5%;
    bottom: 0;
}

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

@media (max-width: 767px) {
    .coverConceptLower02 {
        margin-top: calc(-120 / var(--break3));
    }

    .coverConceptLower02 .catch {
        width: calc(290 / var(--break3));
        margin-bottom: calc(10 / var(--break3));
        padding-left: 3.5vw;
    }

    .coverConceptLower02 .catch_text {
        width: 100%;
        position: absolute;
        left: 3.5vw;
        bottom: 105%;
    }

    .coverConceptLower02::before {
        width: calc(296 / 1300 * 100vw);
        height: calc(230 / 1300* 100vw);
        top: -6vw;
    }

    .coverConceptLower02 .copyX {
        width: calc(360 / var(--break3));
        margin-bottom: calc(40 / var(--break3));
        padding-bottom: 2vw;
        padding-left: 3vw;
        font-size: calc(21 / var(--break3));
    }
}

/* coverConceptLower03
----------------------------------*/
.coverConceptLower03 {
    max-width: 1080px;
    width: 96%;
    padding: calc(70 / var(--break3)) 0;
    margin-left: auto;
}

.coverConceptLower03 .col01 {
    width: 43%;
    padding-top: calc(70 / var(--break3));
}

.coverConceptLower03 .col02 {
    width: 54%;
}

.coverConceptLower03 .copyX {
    line-height: 1.5;
    letter-spacing: 0;
    font-size: calc(36 / var(--break3));
}

.coverConceptLower03 .copy02 {
    margin-bottom: calc(80 / var(--break3));
    line-height: 1;
    font-style: italic;
}

.coverConceptLower03 .copy03 {
    letter-spacing: 0;
    line-height: 3;
}

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

@media (max-width: 767px) {
    .coverConceptLower03 {
        width: 100%;
        padding: calc(50 / var(--break3)) 0 calc(60 / var(--break3));
    }

    .coverConceptLower03 .col01 {
        width: calc(340 / var(--break3)) !important;
        margin: 0 auto calc(20 / var(--break3));
        padding-top: 0;
    }

    .coverConceptLower03 .col02 {
        width: 100%;
    }

    .coverConceptLower03 .copyX {
        line-height: 1.5;
        letter-spacing: 0;
        font-size: calc(16 / var(--break3));
    }

    .coverConceptLower03 .copy02 {
        margin-bottom: 8vw;
        font-size: calc(10 / var(--break3));
    }

    .coverConceptLower03 .copy03 {
        letter-spacing: 0;
        line-height: 1.8;
    }
}

/* g_conceptLower05
----------------------------------*/
.g_conceptLower05 {
    margin-top: calc(100 / var(--break3));
    padding: calc(100 / var(--break3)) 0 calc(180 / var(--break3));
    background: #f0f1f5;
    position: relative;
    z-index: 1;
}

.g_conceptLower05::before {
    content: "";
    width: calc(300 / var(--break4));
    height: calc(292 / var(--break4));
    background: url(../img/concept/d_concept03.png) no-repeat center / contain;
    margin: auto;
    position: absolute;
    bottom: 100%;
    right: 0;
}

.g_conceptLower05_img {
    width: 100%;
    margin-bottom: calc(150 / var(--break3));
    padding-right: calc(120 / var(--break3));
    position: relative;
    z-index: 1;
}

.g_conceptLower05 .catch {
    width: calc(600 / var(--break3));
    position: absolute;
    top: calc(40 / var(--break3));
    left: calc(30 / var(--break3));
    z-index: 1;
}

.g_conceptLower05 .catch_text {
    width: 100%;
    position: absolute;
    left: 102.5%;
    bottom: 0;
}

.g_conceptLower05 .box {
    max-width: 680px;
    width: calc(780 / var(--break3));
    padding: calc(80 / var(--break3)) calc(70 / var(--break3));
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    top: calc(620 / 1920 * 100vw);
    right: calc(90 / var(--break3));
    z-index: 2;
}

.g_conceptLower05 .copyX {
    line-height: 1.5;
    letter-spacing: 0;
    font-size: calc(36 / var(--break3));
}

.g_conceptLower05 .copy02 {
    margin-bottom: calc(60 / var(--break3));
    line-height: 1;
    font-style: italic;
}

.g_conceptLower05 .copy03 {
    letter-spacing: 0;
    line-height: 3;
}

.g_conceptLower05 .sliderConceptLower .slid {
    width: calc(620 / var(--break3));
    margin: 0 calc(12.5 / var(--break3));
}

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

@media (max-width: 767px) {
    .g_conceptLower05 {
        margin-top: calc(70 / var(--break3));
        padding: calc(60 / var(--break3)) 0 calc(60 / var(--break3));
    }

    .g_conceptLower05::before {
        width: calc(300 / 800 * 100vw);
        height: calc(292 / 800 * 100vw);
        bottom: auto;
        top: calc(-150 / 1000 * 100vw);
        right: 0;
    }

    .g_conceptLower05_img {
        width: 100%;
        margin-bottom: calc(280 / var(--break3));
        padding-right: 0;
    }

    .g_conceptLower05 .catch {
        width: calc(358 / var(--break3));
        padding-left: 2.5vw;
        position: relative;
        inset: auto;
        z-index: 1;
    }

    .g_conceptLower05 .catch_text {
        left: 2.5vw;
        bottom: 102.5%;
    }

    .g_conceptLower05 .box {
        width: calc(320 / var(--break3));
        margin: auto;
        padding: calc(38 / var(--break3)) calc(20 / var(--break3));
        top: calc(300 / var(--break3));
        right: 0;
        left: 0;
        z-index: 2;
    }

    .g_conceptLower05 .copyX {
        font-size: calc(14 / var(--break3));
        text-align: center;
    }

    .g_conceptLower05 .copy02 {
        margin-bottom: 5vw;
        text-align: center;
        font-size: calc(10 / var(--break3));
    }

    .g_conceptLower05 .copy03 {
        letter-spacing: 0;
        line-height: 1.6;
        text-align: center;
        font-size: calc(12 / var(--break3));
    }

    .g_conceptLower05 .sliderConceptLower .slid {
        width: calc(240 / var(--break3));
        margin: 0 calc(4 / var(--break3));
    }
}

/* g_conceptLower_point
----------------------------------*/
.g_conceptLower_point {
    padding-top: 0 !important;
    padding-bottom: calc(130 / var(--break3));
    margin-top: calc(-48 / var(--break3));
    position: relative;
    z-index: 2;
}

.g_conceptLower_point .btnCommon01 {
    margin-top: calc(80 / var(--break3));
}

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

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

@media (max-width: 767px) {
    .g_conceptLower_point {
        padding-bottom: calc(50 / var(--break3));
        margin-top: calc(-25 / var(--break3));
    }

    .g_conceptLower_point .btnCommon01 {
        margin-top: calc(40 / var(--break3));
    }
}

/* coverConceptLower05
----------------------------------*/
.coverConceptLower05 {
    padding: calc(100 / var(--break3)) 0;
    background: #f0f1f5;
    position: relative;
    z-index: 1;
}

.coverConceptLower05 .catch {
    width: calc(540 / var(--break3));
    margin-left: calc(20 / var(--break3));
    margin-bottom: calc(20 / var(--break3));
    position: relative;
    z-index: 1;
}

.coverConceptLower05 .catch_text {
    width: 100%;
    position: absolute;
    left: 102.5%;
    bottom: 0;
}

.coverConceptLower05 .sliderConceptLower02 .slid {
    width: calc(400 / var(--break3));
    margin: 0 calc(10 / var(--break3));
}

.coverConceptLower05_cover {
    align-items: stretch;
    max-width: 1080px;
    width: 96%;
    margin-left: auto;
    margin-bottom: calc(50 / var(--break3));
    position: relative;
    z-index: 1;
}

.coverConceptLower05_cover .col_copy {
    display: flex;
    align-items: center;
    width: 44%;
}

.coverConceptLower05_cover .copyX {
    line-height: 1.5;
    letter-spacing: 0;
    font-size: calc(36 / var(--break3));
}

.coverConceptLower05_cover .copy02 {
    line-height: 1;
    font-style: italic;
}

.coverConceptLower05_cover .col_box {
    width: 55%;
    padding: 0 calc(98 / var(--break4)) calc(80 / var(--break4));
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    position: relative;
    z-index: 1;
}

.coverConceptLower05_cover .col_box::before {
    content: "";
    width: 100%;
    height: calc(80 / var(--break4));
    margin: auto;
    background: #fff;
    position: absolute;
    inset: auto 0 calc(100% - .5px);
    z-index: 1;
}

.coverConceptLower05_cover .col_box .text {
    line-height: 2.5;
}

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

@media (max-width: 767px) {
    .coverConceptLower05 {
        padding: calc(80 / var(--break3)) 0 calc(60 / var(--break3));
    }

    .coverConceptLower05 .catch {
        width: calc(280 / var(--break3));
        margin-left: 2.5vw;
        margin-bottom: 2.5vw;
    }

    .coverConceptLower05 .catch_text {
        left: 2.5vw;
        bottom: 102.5%;
    }

    .coverConceptLower05 .sliderConceptLower02 .slid {
        width: calc(120 / var(--break3));
        margin: 0 calc(2.5 / var(--break3));
    }

    .coverConceptLower05_cover {
        width: 100%;
        margin: auto;
        margin-bottom: calc(50 / var(--break3));
    }

    .coverConceptLower05_cover .col_copy {
        display: block;
        width: 100%;
        margin: 10vw auto;
    }

    .coverConceptLower05_cover .copyX {
        font-size: calc(14 / var(--break3));
        text-align: center;
    }

    .coverConceptLower05_cover .copy02 {
        font-size: calc(10 / var(--break3));
        text-align: center;
    }

    .coverConceptLower05_cover .col_box {
        width: calc(320 / var(--break3));
        margin: auto;
        padding: calc(22 / var(--break3)) calc(24 / var(--break3));
    }

    .coverConceptLower05_cover .col_box::before {
        content: none;
    }

    .coverConceptLower05_cover .col_box .text {
        letter-spacing: 0;
        text-align: center;
        font-size: calc(12 / var(--break3));
        line-height: 1.7;
    }
}

/*
coverConceptLower06 */
.coverConceptLower06 {
    position: relative;
    z-index: 1;
}

.coverConceptLower06 .cover {
    text-align: center;
    position: absolute;
    inset: auto 0 calc(240 / var(--break3));
}

.coverConceptLower06 .coverConceptLower06_copy {
    line-height: 1.5;
    color: #fff;
    font-size: calc(70 / var(--break3));
}

.coverConceptLower06 .coverConceptLower06_copy2 {
    color: #fff;
    font-size: calc(28 / var(--break3));
}

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

@media (max-width: 767px) {
    .coverConceptLower06 .cover {
        inset: auto 0 calc(100 / var(--break3));
    }

    .coverConceptLower06 .coverConceptLower06_copy {
        font-size: calc(32 / var(--break3));
    }

    .coverConceptLower06 .coverConceptLower06_copy2 {
        font-size: calc(14 / var(--break3));
    }
}

/*
lower-section-lineup */
.lower-section-lineup {
    padding: calc(130 / var(--break3)) 0 calc(300 / var(--break3));
}

.lineupLower01,
.lineupLower02,
.lineupLower03 {
    margin-bottom: calc(200 / var(--break3));
}

.copy-lower--lineup {
    width: calc(270 / var(--break3));
    margin: 0 auto calc(50 / var(--break3));
}

.cover-section-lineup {
    align-items: end;
    max-width: 1000px;
    margin: 0 auto calc(150 / var(--break3));
}

.cover-section-lineup .anchor {
    display: block;
    max-width: 216px;
    width: 23%;
}

.main-lower--lineup {
    position: relative;
    z-index: 1;
}

.catch-main-lower--lineup {
    position: absolute;
    bottom: calc(100 / var(--break3));
    right: 0;
    z-index: 2;
}

.catch-main-lower--lineup .catch {
    padding: calc(10 / var(--break3));
    line-height: 1.2;
    padding-right: calc(50 / var(--break3));
    font-size: calc(44 / var(--break3));
    background: #fff;
}

.catch-main-lower--lineup .catch01 {
    margin-bottom: calc(10 / var(--break3));
}

.slider-lower--lineup {
    margin-bottom: calc(10 / var(--break3));
}

.sliderX-lower--lineup {
    margin-bottom: calc(80 / var(--break3));
}

.slider-lower--lineup .slid {
    width: calc(420 / var(--break3));
    margin: 0 calc(5/ var(--break3));
}

.sliderX-lower--lineup .slid {
    width: calc(420 / var(--break3));
    margin: 0 calc(5 / var(--break3));
}

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

@media (max-width: 767px) {
    .lower-section-lineup {
        padding: calc(60 / var(--break3)) 0 calc(80 / var(--break3));
    }

    .lineupLower01,
    .lineupLower02,
    .lineupLower03 {
        margin-bottom: calc(70 / var(--break3));
    }

    .copy-lower--lineup {
        width: calc(200 / var(--break3));
        margin: 0 auto calc(30 / var(--break3));
    }

    .cover-section-lineup {
        max-width: calc(300 / var(--break3));
        margin: 0 auto calc(50 / var(--break3));
    }

    .cover-section-lineup .anchor {
        width: 45%;
    }

    .cover-section-lineup .anchor:nth-of-type(n + 3) {
        margin-top: 10vw;
    }


    .catch-main-lower--lineup {
        bottom: calc(20 / var(--break3));
    }

    .catch-main-lower--lineup .catch {
        padding: 1vw;
        padding-right: calc(20 / var(--break3));
        font-size: calc(16 / var(--break3));
    }

    .catch-main-lower--lineup .catch01 {
        margin-bottom: 1vw;
    }

    .slider-lower--lineup {
        margin-bottom: calc(15 / var(--break3));
    }

    .slider-lower--lineup .slick-prev,
    .slider-lower--lineup .slick-next {
        width: calc(36 / var(--break2)) !important;
        height: calc(75 / var(--break2)) !important;
        background: url(../img/lineup/arrow.png)no-repeat center / cover !important;
        transform: translate(0);
        top: calc(175 / var(--break2)) !important;
        margin: auto;
        z-index: 1;
    }

    .slider-lower--lineup .slick-prev {
        left: 3%;
    }

    .slider-lower--lineup .slick-next {
        right: 2.8%;
        transform: translate(0) scaleX(-1);
    }

    .sliderX-lower--lineup {
        margin-bottom: calc(40 / var(--break3));
    }

    .slider-lower--lineup .slid {
        width: calc(310 / var(--break3));
    }

    .sliderX-lower--lineup .slid {
        width: calc(190 / var(--break3));
    }
}

/*
name-lower--lineup */
.name-lower--lineup {
    margin-bottom: calc(100 / var(--break3));
}

.name-lower--lineup .name {
    display: block;
    max-width: 90%;
    margin-bottom: calc(60 / var(--break3));
}

.name-lower--lineup .areaText {
    width: calc(980 / var(--break3));
    text-align: center;
}

.name-lower--lineup-seaward-house .name {
    width: calc(1180 / var(--break3));
}

.name-lower--lineup-house-garage .name {
    width: calc(1080 / var(--break3));
}

.name-lower--lineup-am6hosuse {
    margin-top: calc(-100 / var(--break3));
    position: relative;
    z-index: 2;
}

.name-lower--lineup-am6hosuse .name {
    width: calc(820 / var(--break3));
}

.name-lower--lineup-am6hosuse .areaText {
    width: calc(840 / var(--break3));
    margin-left: auto;
}

.name-lower--lineup-no00 {
    padding-bottom: calc(50 / var(--break3));
    position: relative;
    z-index: 1;
}

.name-lower--lineup-no00 .name {
    width: calc(400 / var(--break3));
}

.name-lower--lineup-no00 .areaText {
    width: calc(880 / var(--break3));
    margin-left: auto;
    position: absolute;
    top: calc(50 / var(--break3));
    right: 0;
}

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

@media (max-width: 767px) {
    .name-lower--lineup {
        margin-bottom: calc(60 / var(--break3));
        padding: 0 2.25vw;
    }

    .name-lower--lineup .name {
        max-width: 100%;
        margin-bottom: calc(20 / var(--break3));
    }

    .name-lower--lineup .areaText {
        max-width: 100%;
        width: 100%;
        text-align: left;
    }

    .name-lower--lineup-seaward-house .name {
        width: calc(337 / var(--break3));
    }

    .name-lower--lineup-house-garage .name {
        width: calc(1080 / var(--break3));
    }

    .name-lower--lineup-am6hosuse {
        margin-top: calc(-40 / var(--break3));
    }

    .name-lower--lineup-am6hosuse .name {
        width: calc(820 / var(--break3));
    }

    .name-lower--lineup-no00 {
        padding-bottom: 0;
    }

    .name-lower--lineup-no00 .name {
        width: calc(400 / var(--break3));
    }

    .name-lower--lineup-no00 .areaText {
        position: relative;
        inset: auto;
    }
}

/*
.cover-lower--lineup */
.cover-lower--lineup {
    align-items: center;
    margin-bottom: calc(70 / var(--break3));
}

.cover-lower--lineup>.col01 {
    width: 49%;
}

.cover-lower--lineup>.col02 {
    width: 45%;
    position: relative;
    z-index: 1;
}

.cover-lower--lineup>.col01 .areaText {
    padding-left: calc(30 / var(--break3));
}

.cover-lower--lineup>.col02 .areaText {
    padding-right: calc(60 / var(--break3));
    position: relative;
}

.cover-lower--lineup .areaText {
    padding-top: calc(20 / var(--break3));
}

.cover-lower--lineup .unit01 {
    margin-bottom: calc(50 / var(--break3));
}

@media(min-width: 768px) {
    .cover-lower--lineup>.col02::before {
        content: "";
        margin: auto;
        position: absolute;
        right: 0;
        bottom: calc(100% + 50 / var(--break3));
    }

    .cover-lower--lineup>.col02.seawardhouse::before {
        width: calc(436 / var(--break3));
        height: calc(193 / var(--break3));
        right: calc(20 / var(--break3));
        background: url(../img/lineup/ballon_sewrad-house.png)no-repeat center / contain;
    }

    .cover-lower--lineup>.col02.housegarage::before {
        width: calc(414 / var(--break3));
        height: calc(278 / var(--break3));
        background: url(../img/lineup/ballon_house-garage.png)no-repeat center / contain;
    }

    .cover-lower--lineup>.col02.no00::before {
        width: calc(417 / var(--break3));
        height: calc(258 / var(--break3));
        right: calc(30 / var(--break3));
        background: url(../img/lineup/ballon_no00.png)no-repeat center / contain;
    }
}

@media (max-width: 767px) {
    .cover-lower--lineup {
        max-width: calc(340 / var(--break3));
        margin: 0 auto calc(30 / var(--break3));
    }

    .cover-lower--lineup>.col01 {
        width: 100%;
        margin-bottom: calc(40 / var(--break3));
    }

    .cover-lower--lineup>.col02 {
        width: 100%;
    }

    .cover-lower--lineup>.col01 img {
        display: block;
        height: calc(240 / var(--break3));
        object-fit: cover;
    }

    .cover-lower--lineup>.col02 img {
        display: block;
        height: calc(420 / var(--break3));
        object-fit: cover;
    }

    .cover-lower--lineup>.col01 .areaText {
        padding-left: 0;
    }

    .cover-lower--lineup>.col02 .areaText {
        padding-right: 0;
    }

    .cover-lower--lineup .areaText {
        padding-top: calc(20 / var(--break3));
    }

    .cover-lower--lineup .unit01 {
        margin-bottom: calc(40 / var(--break3));
    }
}

/* -lineup
----------------------------------*/
.copy-common-lineup {
    margin-bottom: calc(40 / var(--break3));
    letter-spacing: 0;
    font-size: calc(41.5 / var(--break3));
    text-align: center;
}

.copy-common-lineup .robot {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.copy-common-lineup02 {
    margin-bottom: calc(40 / var(--break3));
    line-height: 1.5;
    font-size: calc(26.5 / var(--break3));
    text-align: center;
}

.copy-common-lineup02 .bg {
    display: inline-block;
    padding: calc(8 / var(--break3)) calc(18 / var(--break3));
    background: #fff;
}

.catalog-lineup-lower {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: calc(90 / var(--break3));
}

.bgContactLower-lineup {
    position: relative;
    z-index: 1;
}

.bgContactLower-lineup .lineup-contact-copy {
    position: absolute;
    top: 1.5%;
    right: 3%;
}

@media (max-width: 767px) {
    .copy-common-lineup {
        margin-bottom: calc(20 / var(--break3));
        font-size: calc(19.5 / var(--break3));
    }

    .copy-common-lineup02 {
        margin-bottom: calc(20 / var(--break3));
        font-size: calc(16 / var(--break3));
    }

    .copy-common-lineup02 .bg {
        padding: 1.5vw 3vw;
    }

    .bgContactLower-lineup .lineup-contact-copy {
        top: -2%;
    }
}

/* am6-house
----------------------------------*/
.am6-house-lineup .bgContactLower {
    background: url(../img/am6-house/bg-contact.png)no-repeat center top / cover;
}

.am6-house-lineup .bgContactLower-lineup .lineup-contact-copy {
    width: calc(290 / var(--break4));
}

@media(min-width: 768px) {
    .am6-house-lineup {
        padding-top: calc(180 / var(--break3));
    }
}

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

@media (max-width: 767px) {
    .am6-house-lineup .figure-am6-house .scroll-am6-house {
        width: calc(1260 / 1100 * 100vw);
    }

    .am6-house-lineup .bgContactLower {
        background: url(../img/am6-house/bg-contact_sp.png)no-repeat center top / cover;
    }

    .am6-house-lineup .bgContactLower-lineup .lineup-contact-copy {
        width: calc(290 / 900 * 100vw);
    }
}

/* am6-house
----------------------------------*/
@media (max-width: 767px) {}

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

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

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

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

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

/* no00
----------------------------------*/
.bg-no00-lineup {
    padding: calc(60 / var(--break3)) 0;
    background: #F5F5F5;
    position: relative;
    z-index: 1;
}

.bg-no00-lineup .sliderX-lower--lineup {
    margin-bottom: 0;
}

.cover-point-link-no00 {
    position: relative;
    z-index: 1;
}

.cover-point-link-no00 .col {
    width: 50%;
}

.cover-point-link-no00 .point-link-no00 {
    display: block;
    padding: calc(18 / var(--break3)) 0;
    width: calc(290 / var(--break4));
}

.cover-point-link-no00 .coln2 .point-link-no00 {
    margin-left: auto;
}

.bg-parentheses-target-no00 {
    position: relative;
    z-index: 1;
}

.parentheses-target-no00 {
    width: 100%;
    height: 1px;
    position: absolute;
    top: calc(1300 / 1920 * 100vw);
}

#target03.parentheses-target-no00 {
    top: calc(2800 / 1920 * 100vw);
}

#target04.parentheses-target-no00 {
    top: calc(4200 / 1920 * 100vw);
}

.no00-lineup .bgContactLower {
    background: url(../img/no00/bg-no00.png)no-repeat center top / cover;
}

.no00-lineup .bgContactLower-lineup .lineup-contact-copy {
    width: calc(255/ var(--break4));
}

@media(min-width: 768px) {
    .cover-point-link-no00 .figure-no00 {
        width: calc(750 / var(--break4));
        height: calc(610 / var(--break4));
        margin: auto;
        position: absolute !important;
        inset: 0;
    }
}

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

@media (max-width: 767px) {
    .cover-point-link-no00 .col {
        width: calc(230 / var(--break3));
        margin: 0 auto 5vw;
    }

    .cover-point-link-no00 .point-link-no00 {
        width: 100%;
    }

    .cover-point-link-no00 .figure-no00 .scroll-no00 {
        width: calc(1400 / 1100 * 100vw);
    }

    .group02-no00_sp {
        width: calc(460 / var(--break2));
        margin-left: auto;
        margin-right: auto;
    }

    .bg-no00-lineup {
        padding: calc(30 / var(--break3)) 0 calc(40 / var(--break3));
    }

    .no00-lineup .bgContactLower {
        background: url(../img/no00/bg-no00_sp.png) no-repeat center top / cover;
    }

    .no00-lineup .bgContactLower-lineup .lineup-contact-copy {
        width: calc(255 / 900 * 100vw);
    }
}

/* the-house-garage-project
----------------------------------*/
@media (max-width: 767px) {}

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

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

/* the-house-garage-project
----------------------------------*/
.house-garage-lineup .copy-common-lineup {
    color: #505C19;
}

.house-garage-lineup .bgContactLower {
    background: url(../img/house-garage/bg-contact.png)no-repeat center top / cover;
}

.house-garage-lineup .bgContactLower-lineup .lineup-contact-copy {
    width: calc(272/ var(--break4));
    top: -1.5%;
}

.bg-house-garage {
    padding: calc(75 / var(--break3)) 0;
    background: #9CA08A;
}

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

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

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

    .cover-point-link-house-garage>.col {
        width: calc(310 / var(--break3));
        margin: 0 auto 7.5vw;
    }

    .cover-point-link-house-garage>.col:last-child {
        margin-bottom: 0;
    }

    .cover-house-garage-A>.col32 {
        width: calc(340 / var(--break3));
        margin: 0 auto 4vw;
    }

    .cover-house-garage-B>.col36 {
        width: calc(340 / var(--break3));
        margin: 0 auto 4vw;
    }

    .figure-hg-a .scroll-hg {
        width: calc(1500 / 1100 * 100vw);
    }

    .figure-hg-b .scroll-hg {
        width: calc(1300 / 1100 * 100vw);
    }

    .house-garage-lineup .bgContactLower {
        background: url(../img/house-garage/bg-contact_sp.png) no-repeat center top / cover;
    }

    .house-garage-lineup .bgContactLower-lineup .lineup-contact-copy {
        width: calc(272 / 900 * 100vw);
        top: -4%;
    }
}

/* seaward-house
----------------------------------*/
.seaward-house-lineup .copy-common-lineup {
    color: #01559D;
}

.cover-point-link-seaward-house {
    position: relative;
    z-index: 1;
}

.cover-point-link-seaward-house .col {
    width: 50%;
}

.cover-point-link-seaward-house .point-link-seaward-house {
    display: block;
    padding: calc(18 / var(--break3)) 0;
    width: calc(350 / var(--break4));
}

.cover-point-link-seaward-house .coln2 .point-link-seaward-house {
    margin-left: auto;
}

.bg-parentheses-target-seaward-house {
    position: relative;
    z-index: 1;
}

.parentheses-target-seaward-house {
    width: 100%;
    height: 1px;
    position: absolute;
    top: calc(900 / 1920 * 100vw);
}

#target03.parentheses-target-seaward-house {
    top: calc(1900 / 1920 * 100vw);
}

#target04.parentheses-target-seaward-house {
    top: calc(2800 / 1920 * 100vw);
}

.seaward-house-lineup .bgContactLower {
    background: url(../img/seaward-house/bg-contact.png)no-repeat center top / cover;
}

.seaward-house-lineup .bgContactLower-lineup .lineup-contact-copy {
    width: calc(247/ var(--break4));
}

@media(min-width: 768px) {
    .cover-point-link-seaward-house .figure-seaward-house {
        width: calc(650 / var(--break4));
        height: calc(530 / var(--break4));
        margin: auto;
        position: absolute !important;
        inset: 0;
    }
}

@media (max-width: 767px) {
    .figure-seaward-house {
        margin-bottom: 10vw;
    }

    .figure-seaward-house .scroll-seaward-house {
        width: calc(1400 / 1100 * 100vw);
    }

    .cover-point-link-seaward-house .col {
        width: calc(230 / var(--break4));
        margin: 0 auto 8vw;
    }

    .cover-point-link-seaward-house .col:last-child {
        margin-bottom: 0;
    }

    .cover-point-link-seaward-house .point-link-seaward-house {
        width: calc(230 / var(--break4));
        padding: 0;
        margin: 0 auto;
    }

    .parentheses-target-seaward-house {
        top: calc(1250 / 750 * 100vw);
    }

    #target03.parentheses-target-seaward-house {
        top: calc(2550 / 750 * 100vw);
    }

    #target04.parentheses-target-seaward-house {
        top: calc(3800 / 750 * 100vw);
    }

    .seaward-house-lineup .bgContactLower {
        background: url(../img/seaward-house/bg-contact_sp.png) no-repeat center top / cover;
    }

    .seaward-house-lineup .bgContactLower-lineup .lineup-contact-copy {
        width: calc(247 / 750 * 100vw);
    }
}

/* am6-house
----------------------------------*/
.bg-am6-house01 {
    padding: calc(70 / var(--break3)) 0;
    background: url(../img/am6-house/bg-am6-house.png)no-repeat center / cover;
}

.bg-am6-house02 {
    padding: 0 0 calc(30 / var(--break3));
}

.bg-am6-house03 {
    padding: calc(30 / var(--break3)) 0 0;
}

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

@media (max-width: 767px) {
    .bg-am6-house01 {
        padding: 10vw 0;
        background: url(../img/am6-house/bg-am6-house_sp.png)no-repeat center / cover;
    }

    .bg-am6-house02 {
        padding: 0 0 4vw
    }

    .bg-am6-house03 {
        padding: 4vw 0 0;
    }

    .bg-am6-house01 .copy-common-lineup02 {
        font-size: calc(13 / var(--break3));
    }
}

/* no00
----------------------------------*/
.bg-no00-02,
.bg-no00-03 {
    padding: calc(60 / var(--break3)) 0 calc(70 / var(--break3));
}

.no00-lineup .copy-common-lineup02 .bg {
    color: #fff;
    background: #000000;
}

.bg-no00-02 {
    background: #F5F5F5;
}

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

@media (max-width: 767px) {

    .bg-house-garage02,
    .bg-house-garage03 {
        padding: 10vw 0;
    }
}

/* seaward-house
----------------------------------*/
.bg-house-garage02,
.bg-house-garage03 {
    padding: calc(60 / var(--break3)) 0 calc(70 / var(--break3));
}

.bg-house-garage02 .copy-common-lineup02 .bg {
    color: #fff;
    background: #505C19;
}

.bg-house-garage03 {
    background: #505C19;
}

.house-garage-lineup .bg-house-garage03 .copy-common-lineup {
    color: #fff;
}

.bg-house-garage03 .copy-common-lineup02 {
    color: #505C19;
}

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

@media (max-width: 767px) {

    .bg-house-garage02,
    .bg-house-garage03 {
        padding: 10vw 0;
    }
}

/* seaward-house
----------------------------------*/
.bg-seaward-house02,
.bg-seaward-house03 {
    padding: calc(60 / var(--break3)) 0 calc(70 / var(--break3));
}

.bg-seaward-house02 {
    background: #00559D;
}

.seaward-house-lineup .bg-seaward-house02 .copy-common-lineup {
    color: #fff;
}

.bg-seaward-house03 {
    background: #C09B71;
}

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

@media (max-width: 767px) {

    .bg-seaward-house02,
    .bg-seaward-house03 {
        padding: 10vw 0;
    }
}

/* slider--lineup-works
----------------------------------*/
.slider--lineup-works .slick-list {
    padding: calc(70 / var(--break4)) 50px calc(20 / var(--break4)) !important;
}

.slider--lineup-works .col {
    width: calc(780 / var(--break4));
    margin: 0 calc(70 / var(--break4));
    padding-right: calc(70 / var(--break4));
    position: relative;
    z-index: 1;
}

.slider--lineup-works .num {
    width: calc(60 / var(--break4));
    padding: 0 calc(16 / var(--break4));
    position: absolute;
    top: 0;
    right: 0;
}

.slider--lineup-works .num>.s {
    width: calc(66 / var(--break4));
    line-height: 1;
    letter-spacing: -.05em;
    font-size: calc(60 / var(--break4));
    position: absolute;
    inset: calc(130 / var(--break4)) 0 auto;
}

.slider--lineup-works .img {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 1;
}

.slider--lineup-works .ballon {
    max-width: 94%;
    width: calc(555 / var(--break4));
    margin: auto;
    padding: calc(20 / var(--break4));
    text-align: center;
    background: #fff;
    border-radius: calc(8/ var(--break4));
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    inset: calc(-40/ var(--break4)) 0 auto;
}

.slider--lineup-works .ballon::before {
    content: "";
    width: calc(30 / var(--break4));
    height: calc(20 / var(--break4));
    margin: auto;
    background: #fff;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: calc(100% - .1px);
    left: 10%;
}

.slider--lineup-works .tags {
    padding: calc(14 / var(--break4)) calc(16 / var(--break4));
    letter-spacing: 0;
    color: #fff;
    background: #000;
}

.slider--lineup-works .tags .tag {
    padding: calc(8/ var(--break4));
}

@media (max-width: 767px) {
    .slider--lineup-works .slick-list {
        padding: 15vw 50px 1vw !important;
    }

    .slider--lineup-works .col {
        width: calc(345 / var(--break4));
        margin: 0 calc(30 / var(--break3));
        padding-right: calc(30 / var(--break3));
    }

    .slider--lineup-works .num {
        width: calc(40 / var(--break3));
        padding: 0 calc(12.75 / var(--break3));
        right: -2.5vw;
    }

    .slider--lineup-works .num>.s {
        width: calc(40 / var(--break3));
        letter-spacing: -.1em;
        font-size: calc(34 / var(--break3));
        inset: calc(65 / var(--break3)) 0 auto 1vw;
    }

    .slider--lineup-works .ballon {
        max-width: 96%;
        width: calc(290 / var(--break3));
        padding: 4vw 2vw;
        border-radius: calc(6 / var(--break3));
        inset: calc(-48 / var(--break3)) 0 auto;
    }

    .slider--lineup-works .ballon::before {
        width: calc(24 / var(--break3));
        height: calc(14 / var(--break3));
    }

    .slider--lineup-works .tags {
        padding: 2vw 4vw;
    }

    .slider--lineup-works .tags .tag {
        padding: 1vw;
    }
}

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

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

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

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

/*  lower-archive-works
----------------------------------*/
.lower-archive-works {
    margin-bottom: calc(110 / var(--break3));
    padding-bottom: calc(160 / var(--break3));
    background: #f0f1f5;
    position: relative;
    z-index: 1;
}

.lower-archive-works::before {
    content: "";
    width: 100%;
    height: calc(480 / var(--break3));
    background: #fff;
    position: absolute;
    inset: 0 0 auto;
    z-index: -1;
}

.popular-single-works {
    margin-bottom: calc(180 / var(--break3));
}

.slider-archive-lower .slidWorks {
    width: calc(1080 / var(--break3));
    margin: 0 calc(10 / var(--break3));
}

.slider-archive-lower .slidWorks .permalink {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: 0;
    z-index: 1;
}

.cover-archive-lower .col {
    width: 48%;
    padding-right: calc(70 / var(--break3));
    position: relative;
    z-index: 1;
}

.cover-archive-lower .num {
    width: calc(60 / var(--break3));
    padding: 0 calc(16 / var(--break3));
    position: absolute;
    top: 0;
    right: 0;
}

.cover-archive-lower .num>.s {
    width: calc(66 / var(--break3));
    line-height: 1;
    letter-spacing: -.05em;
    font-size: calc(60 / var(--break3));
    position: absolute;
    inset: calc(130 / var(--break3)) 0 auto;
}

.cover-archive-lower .img {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 1;
}

.cover-archive-lower .ballon {
    max-width: 94%;
    width: calc(480 / var(--break3));
    margin: auto;
    padding: calc(20 / var(--break3));
    text-align: center;
    background: #fff;
    border-radius: calc(8/ var(--break3));
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    position: absolute;
    inset: calc(-40/ var(--break3)) 0 auto;
}

.cover-archive-lower .ballon::before {
    content: "";
    width: calc(30 / var(--break3));
    height: calc(20 / var(--break3));
    margin: auto;
    background: #fff;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    position: absolute;
    top: calc(100% - .1px);
    left: 10%;
}

.cover-archive-lower .tags {
    padding: calc(14 / var(--break3)) calc(16 / var(--break3));
    letter-spacing: 0;
    color: #fff;
    background: #000;
}

.cover-archive-lower .tags .tag {
    padding: calc(8/ var(--break3));
}

@media(min-width: 768px) {
    .cover-archive-lower .col:nth-of-type(2) {
        margin-top: calc(70 / var(--break3));
    }

    .cover-archive-lower .col:nth-of-type(n + 3) {
        margin-top: calc(40 / var(--break3));
    }

    .cover-archive-lower .col:nth-of-type(2n) {
        margin-top: calc(120 / var(--break3));
    }

    .cover-archive-lower .tags {
        font-size: calc(13 / var(--break3));
    }
}

@media (max-width: 767px) {
    .lower-archive-works {
        margin-bottom: 0;
        padding-bottom: calc(70 / var(--break3));
    }

    .lower-archive-works::before {
        height: calc(480 / var(--break3));
    }

    .popular-single-works {
        margin-bottom: calc(100 / var(--break3));
    }

    .slider-archive-lower .slidWorks {
        width: calc(340 / var(--break3));
        margin: 0 auto calc(20 / var(--break3));
    }

    .cover-archive-lower .col {
        width: calc(340 / var(--break3));
        margin: 0 auto calc(80 / var(--break3));
        padding-right: calc(30 / var(--break3));
    }

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

    .cover-archive-lower .num {
        width: calc(40 / var(--break3));
        padding: 0 calc(12.75 / var(--break3));
        right: -2.5vw;
    }

    .cover-archive-lower .num>.s {
        width: calc(38 / var(--break3));
        letter-spacing: -.1em;
        font-size: calc(30 / var(--break3));
        inset: calc(65 / var(--break3)) 0 auto 1vw;
    }

    .cover-archive-lower .ballon {
        max-width: 96%;
        width: calc(290 / var(--break3));
        padding: 4vw 2vw;
        border-radius: calc(6/ var(--break3));
        inset: calc(-48/ var(--break3)) 0 auto;
    }

    .cover-archive-lower .ballon::before {
        width: calc(24 / var(--break3));
        height: calc(14 / var(--break3));
    }

    .cover-archive-lower .tags {
        padding: 2vw 4vw;
    }

    .cover-archive-lower .tags .tag {
        padding: 1vw;
    }
}

/*  lower-archive-topics
----------------------------------*/
.lower-archive-topics {
    margin-bottom: calc(110 / var(--break3));
}

.copy-archive-topics {
    margin-bottom: calc(40 / var(--break3));
    padding-left: 1%;
    letter-spacing: -.025em;
    font-size: calc(42 / var(--break3));
}

.coverTermsTopics {
    padding: calc(80 / var(--break3)) 0 calc(70 / var(--break3));
    position: relative;
    z-index: 1;
}

.coverTermsTopics .col01 {
    width: 12%;
}

.coverTermsTopics .col02 {
    width: 88%;
}

.coverTermsTopics .text-xl {
    letter-spacing: 0;
    font-size: calc(22 / var(--break3));
}

.coverTermsTopics .tag {
    display: inline-block;
    margin: calc(8 / var(--break3));
    letter-spacing: 0;
    line-height: 1.5;
    padding: calc(10 / var(--break3)) calc(20 / var(--break3));
    font-size: calc(15 / var(--break3));
    border: #000 solid 1px;
    border-radius: calc(22 / var(--break3));
}

.contents-archive-topics {
    padding: calc(100 / var(--break3)) 0 calc(75 / var(--break3));
    background: #f0f1f5;
}

.coveTopicsCommon>.colX {
    background: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    position: relative;
}

.coveTopicsCommon>.colX .permalink {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    inset: 0;
    z-index: 1;
}

@media(min-width: 768px) {
    .coveTopicsCommon>.colX {
        width: 31.32%;
        margin-right: 3%;
    }

    .coveTopicsCommon>.colX:nth-of-type(3n),
    .coveTopicsCommon>.colX:last-child {
        margin-right: 0;
    }

    .coveTopicsCommon>.colX:nth-of-type(n + 4) {
        margin-top: calc(50 / var(--break3));
    }

}

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

@media (max-width: 767px) {
    .lower-archive-topics {
        margin-bottom: 0;
    }

    .header-archive-topics {
        padding: 0 calc(18 / var(--break3));
    }

    .coverTermsTopics .col01 {
        display: none;
    }

    .coverTermsTopics .col02 {
        width: 100%;
        margin: 0 -3vw;
    }

    .coverTermsTopics {
        padding: calc(20 / var(--break3)) 0 calc(30 / var(--break3));
    }

    .coverTermsTopics .tag {
        margin: 1vw;
        padding: 1.5vw 3vw;
        font-size: calc(10 / var(--break3));
        border-radius: calc(22 / var(--break3));
    }

    .contents-archive-topics {
        padding: calc(20 / var(--break3)) 0 calc(50 / var(--break3));
    }

    .coveTopicsCommon {
        justify-content: space-between !important;
    }

    .coveTopicsCommon>.colX {
        width: 48%;
    }

    .coveTopicsCommon>.colX:nth-of-type(n + 3) {
        margin-top: calc(50 / var(--break3));
    }

    .coveTopicsCommon>.colX .coveTopicsThumbnail {
        width: 100%;
    }

    .coveTopicsCommon>.colX .areaText {
        width: 100%;
        padding: 3vw;
        padding-bottom: 6.5vw;
    }

    .colX .coveTopicsDate {
        display: block;
    }
}



/*
lower-archive-event */
.title-archive-event {
    max-width: 90%;
    width: calc(980 / var(--break3));
    margin: auto;
}

.lower-archive-event {
    margin-bottom: calc(110 / var(--break3));
    padding-bottom: calc(160 / var(--break3));
    background: #f0f1f5;
    position: relative;
    z-index: 1;
}

.lower-archive-event::before {
    content: "";
    width: 100%;
    height: calc(250 / var(--break3));
    background: #fff;
    position: absolute;
    inset: 0 0 auto;
    z-index: -1;
}

.btn-common-event {
    display: block;
    width: calc(320 / var(--break3));
    margin: 0 auto calc(120 / var(--break3));
}

.contents-archive-event {
    padding-top: calc(110 / var(--break3));
}

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

@media (max-width: 767px) {
    .lower-archive-event {
        margin-bottom: 0;
        padding-bottom: calc(60 / var(--break3));
    }

    .lower-archive-event::before {
        height: calc(1250 / var(--break3));
    }

    .btn-common-event {
        width: calc(280 / var(--break3));
        margin: 0 auto calc(50 / var(--break3));
    }

    .contents-archive-event {
        padding-top: calc(40 / var(--break3));
    }
}

/*
cover--archive-event */
.cover--archive-event {
    justify-content: start;
}

.col-archive-event {
    width: 32.32%;
    padding: calc(10 / var(--break3));
    background: #fff;
    border-radius: calc(26 / var(--break3));
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 1;
}

.imag-archive-event {
    margin-bottom: calc(20 / var(--break3));
    border-radius: calc(20 / var(--break3)) calc(20 / var(--break3)) 0 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.imag-archive-event .tag {
    display: block;
    width: calc(90 / var(--break3));
    height: calc(33 / var(--break3));
    margin: auto;
    position: absolute;
    top: calc(20 / var(--break3));
    left: calc(20 / var(--break3));
}

.col-archive-event .in-cover .ballon {
    width: 48%;
}

.col-archive-event .in-cover .description {
    width: 46%;
    font-size: calc(17.5 / var(--break3));
    letter-spacing: -.025em;
}

.col-archive-event .description li {
    margin: calc(10 / var(--break3)) auto;
    padding-left: calc(28 / var(--break3));
    line-height: 1.5;
    position: relative;
    z-index: 1;
}

.col-archive-event .description i {
    width: calc(22 / var(--break3));
    height: calc(22 / var(--break3));
    margin: auto;
    position: absolute;
    top: .15em;
    left: 0;
}

.col-archive-event .description .time {
    font-size: calc(13.5 / var(--break3));
}

.title-archive-event02 {
    padding: calc(20 / var(--break3)) 0 calc(15 / var(--break3));
    line-height: 1.6;
    font-size: calc(17.5 / var(--break3));
    text-align: center;
    border-top: 1px solid #000;
}

.col-archive-event.off {
    filter: grayscale(50%);
}

.col-archive-event.off .imag-archive-event {
    filter: brightness(80%);
}

.col-archive-event.off .imag-archive-event::before {
    content: "";
    width: calc(170 / var(--break4));
    height: calc(86 / var(--break4));
    margin: auto;
    background: url(../img/event/sold-out.svg)no-repeat center / contain;
    inset: 0;
    position: absolute;
}

.col-archive-event.off * {
    color: #BBBBBB;
    border-color: #BBBBBB;
}

.col-archive-event.off i {
    opacity: .5;
}

.col-archive-event.off .permalink {
    width: 0;
    height: 0;
    touch-action: none;
}

@media(min-width: 768px) {
    .col-archive-event {
        margin-right: 1.5%;
    }

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

    .col-archive-event:nth-of-type(n + 4) {
        margin-top: calc(70 / var(--break3));
    }
}

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

@media (max-width: 767px) {
    .cover--archive-event {
        justify-content: space-between;
    }

    .col-archive-event {
        width: 49% !important;
        padding: 1vw;
        border-radius: calc(6 / var(--break3));
    }

    .cover--archive-event .col-archive-event:nth-of-type(n + 3) {
        margin-top: 4vw;
    }

    .imag-archive-event {
        margin-bottom: 2vw;
        border-radius: calc(4 / var(--break3)) calc(4 / var(--break3)) 0 0;
    }

    .imag-archive-event .tag {
        width: calc(54 / var(--break3));
        height: calc(20 / var(--break3));
        top: 2vw;
        left: 2vw;
    }

    .col-archive-event .in-cover .ballon {
        width: 40%;
    }

    .col-archive-event .in-cover {
        align-items: center;
    }

    .col-archive-event .in-cover .description {
        width: 58%;
        font-size: calc(9 / var(--break3));
        letter-spacing: -.05em;
    }

    .col-archive-event .description li {
        margin: calc(6 / var(--break3)) auto;
        padding-left: calc(14 / var(--break3));
    }

    .col-archive-event .description i {
        width: calc(10 / var(--break3));
        height: calc(10 / var(--break3));
        top: .15em;
    }

    .col-archive-event .description .time {
        font-size: calc(7.5 / var(--break3));
        letter-spacing: -.08em;
    }

    .title-archive-event02 {
        padding: 4vw 1vw 3vw;
        text-align: left;
        font-size: calc(11 / var(--break3));
    }

    .col-archive-event.off .imag-archive-event::before {
        width: calc(170 / var(--break2));
        height: calc(86 / var(--break2));
    }
}

/*
box-archive-event */
.slider-archive-lower .slick-list {
    padding-bottom: calc(18 / var(--break3)) !important;
}

.slider-archive-lower .box-archive-event {
    width: calc(1100 / var(--break4));
    margin: 0 calc(80 / var(--break4));
    padding: calc(40 / var(--break4)) calc(40 / var(--break4)) calc(50 / var(--break4));
    background: #fff;
    border: solid 2px #000;
    border-radius: calc(40 / var(--break3));
    box-shadow: 2px 4px 16px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 1;
}

.box-archive-event .cover-box-archive-event {
    align-items: stretch;
}

.box-archive-event .imag-cover-archive-event {
    width: 60%;
}

/* .box-archive-event .imag-cover-archive-event img{
    height: 100%;
    object-fit: cover;
} */
.box-archive-event .text-cover-archive-event {
    width: 36%;
    letter-spacing: -.025em;
}

@media(min-width: 768px) {
    .box-archive-event .text-cover-archive-event .calendar {
        margin-bottom: calc(15 / var(--break3));
    }

    .box-archive-event .text-cover-archive-event .date {
        font-size: calc(25.5/ var(--break3));
    }

    .box-archive-event .text-cover-archive-event .time {
        font-size: calc(17.5/ var(--break3));
    }

    .box-archive-event .text-cover-archive-event .pin {
        margin-bottom: calc(20 / var(--break3));
        padding-bottom: calc(10 / var(--break3));
        padding-left: calc(111 / var(--break3));
        font-size: calc(20/ var(--break3));
        border-bottom: 1px solid #000;
        position: relative;
        z-index: 1;
    }

    .box-archive-event .text-cover-archive-event .pin .tag {
        display: block;
        width: calc(99 / var(--break3));
        height: calc(36 / var(--break3));
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
    }

    .box-archive-event .title-archive-event03 {
        margin-bottom: calc(20 / var(--break3));
        line-height: 1.6;
        font-size: calc(25 / var(--break3));
    }

    .box-archive-event .text-cover-archive-event .ballon {
        display: block;
        width: calc(330 / var(--break3));
    }


}

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

@media (max-width: 767px) {
    .slider-archive-lower .box-archive-event {
        width: calc(330 / var(--break4));
        margin: 0 auto calc(40 / var(--break4));
        padding: 0;
        border-radius: calc(20 / var(--break3));
        overflow: hidden;
    }

    .slider-archive-lower .box-archive-event:last-child {
        margin-bottom: 0 !important;
    }

    .box-archive-event .imag-cover-archive-event {
        order: 0;
        width: 100%;
    }

    .box-archive-event .text-cover-archive-event {
        order: 1;
        width: 100%;
        padding: 5vw 2vw;
    }

    .box-archive-event .text-cover-archive-event .tag {
        display: block;
        width: calc(66 / var(--break3));
        height: calc(25 / var(--break3));
        margin: auto;
        position: absolute;
        top: 3vw;
        left: 3vw;
    }

    .box-archive-event .in-cover {
        align-items: center;
    }

    .box-archive-event .in-cover .ballon {
        width: 47.5%;
    }

    .box-archive-event .in-cover .description {
        width: 50%;
        font-size: calc(14.5 / var(--break3));
        letter-spacing: -.05em;
    }

    .box-archive-event .description li {
        margin: calc(10 / var(--break3)) auto;
        padding-left: calc(26 / var(--break3));
        position: relative;
        z-index: 1;
    }

    .box-archive-event .description i {
        width: calc(20 / var(--break3));
        height: calc(20 / var(--break3));
        margin: auto;
        position: absolute;
        top: .15em;
        left: 0;
    }

    .box-archive-event .description .time {
        font-size: calc(12.5 / var(--break3));
    }

    .title-archive-event03 {
        width: 100%;
        padding-top: 3.5vw;
        line-height: 1.6;
        font-size: calc(17.5 / var(--break3));
        text-align: center;
        border-top: 1px solid #000;
    }

    .PickUp-box-archive-event {
        width: calc(123 / var(--break3));
        padding-left: 10vw;
    }
}

/*
pagination */
.screen-reader-text {
    display: none;
}

.pagination .nav-links {
    display: flex;
    justify-content: center;
    text-align: center;
}

.pagination .nav-links .current,
.pagination .nav-links .page-numbers {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    color: var(--color);
    background: #fff;
    border: 1px solid var(--color);
    transition: all .3s;
}

.pagination .nav-links .current {
    color: #fff;
    background: var(--color);
    border-color: #fff;
}

.pagination .nav-links a.page-numbers:hover {
    color: #fff;
    background: var(--color);
    border-color: #fff;
    transition: all .3s;
}

.pagination .nav-links a.prev.page-numbers,
.pagination .nav-links a.next.page-numbers {
    width: auto;
    padding: 0 7.5px;
    color: var(--color);
    background: #fff;
    border: 1px solid var(--color);
    transition: all .3s;
}

.pagination .nav-links a.prev.page-numbers:hover,
.pagination .nav-links a.next.page-numbers:hover {
    color: #fff;
    background: var(--color);
    border-color: #fff;
    transition: all .3s;
}

@media (max-width: 767px) {

    .pagination .nav-links .current,
    .pagination .nav-links .page-numbers {
        width: 30px;
        height: 30px;
        margin: 0 .5vw;
    }

    .pagination .nav-links a.prev.page-numbers,
    .pagination .nav-links a.next.page-numbers {
        padding: 0 1.25vw;
    }
}