@charset "UTF-8";
@layer base, components, utilities;
@layer base {

}

@layer components {
    
    .page-kv {
        margin-bottom:45px;
    }

    @media (max-width:768px)  {
        .page-kv {
            margin-bottom:30px;
            margin-inline: calc(50% - 50cqi);
        }
    }
}


/*------------------
  showroom
-------------------*/
#showroom-wrap {
    padding-bottom:60px;
}
#showroom-wrap .page-kv figure {
    width:100%;
    height:auto;
    aspect-ratio:1080/530;
    overflow: hidden;
    margin-bottom:0;
}
#showroom-wrap .page-kv figure img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.showroom-description p {
    font:normal normal 500 18px/24px "Lato", "Noto Sans JP";
    letter-spacing: 0.05em;
    line-height: 2;
}
.showroom-description p.tel {
    font: normal normal bold 30px/42px "Real Head Pro Medium";
    letter-spacing: 0.05em;
}
.showroom-description p.tel:before {
    content:"TEL. ";
    font: normal normal bold 28px/39px "Real Head Pro Medium";
}
.showroom-description p.tel + p {
    margin-top:1em;
}
.showroom-access {
    margin-top:125px;
}
.showroom-access h3 {
    margin-bottom:var(--blankXS);
}
.showroom-access p {
    font:var(--font2);
    letter-spacing: 0.05em;
    font-weight:500;
    line-height: 2;
}
.showroom-access ul li {
    font:var(--font2);
    letter-spacing: 0.05em;
    font-weight:500;
    line-height: 2;
}
.showroom-access ul li:before {
    content:"●";
    font-size:0.5em;
}
.showroom-access p.cap {
    margin-top:35px;
    font:normal normal 500 11px/15px "Lato", "Noto Sans JP";
    letter-spacing: 0.05em;
}
.showroom-access .map-box {
    margin-top:var(--blankM2);
    width:100%;
    height:394px;
}
.showroom-access .map-box iframe {
    width:100%;
    height:100%;
    object-fit: cover;
}

@media (max-width:768px)  {
#showroom-wrap {
    padding-bottom:83px;
}
#showroom-wrap .page-kv figure {
    width:100%;
    height:auto;
    aspect-ratio:375/534;
    overflow: hidden;
    margin-bottom:0;
}
.showroom-description p {
    font:normal normal 500 13px/18px "Lato", "Noto Sans JP";
    letter-spacing: 0.05em;
}
.showroom-description p.tel {
    font: normal normal bold 25px/35px "Real Head Pro Medium";
    margin-top:12px;
}
.showroom-description p.tel:before {
   font: normal normal bold 25px/35px "Real Head Pro Medium";
}
.showroom-description p.tel + p {
    margin-top:12px;
}
.showroom-access {
    margin-top:45px;
}
.showroom-access h3 {
    margin-bottom:15px;
}
.showroom-access p {
    font:var(--fontb);
    letter-spacing: 0.05em;
    font-weight:700;
}
.showroom-access ul {
    margin-top:var(--blankXS);
}
.showroom-access ul li {
    font:normal normal 500 14px/21px "Lato", "Noto Sans JP";
    letter-spacing: 0.05em;
    text-indent: -0.5em;
    padding-left:0.5em;
}

.showroom-access p.cap {
    margin-top:var(--blankM3);
    font:normal normal 500 13px/22px "Lato", "Noto Sans JP";
    letter-spacing: 0.05em;
}
.showroom-access .map-box {
    margin-top:var(--blankM3);
    width:100%;
    height:auto;
    aspect-ratio:322/282;
}


}

/*------------------
  recruit
-------------------*/
#recruit-wrap {
    padding-bottom:80px;
}
#recruit-wrap .page-kv figure {
    width:100%;
    height:auto;
    aspect-ratio:1080/358;
    overflow: hidden;
    margin-bottom:0;
}
#recruit-wrap .page-kv figure img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.recruit-description {
    margin-top:90px;
}
.recruit-description p.caution {
    font:normal normal 600 25px/34px "Lato", "Noto Sans JP";
    letter-spacing: 0.05em;
}

@media (max-width:768px)  {
#recruit-wrap {
    padding-bottom:83px;
}
#recruit-wrap .page-kv {
    margin-inline: 0;
}
#recruit-wrap .page-kv figure {
    width:100%;
    height:auto;
    aspect-ratio:322/182;
    overflow: hidden;
    margin-bottom:0;
}
.recruit-description {
    margin-top:45px;
}
.recruit-description p.caution {
    font:normal normal 700 23px/36px "Lato", "Noto Sans JP";
    letter-spacing: 0.075em;
    font-feature-settings: "palt";
}
}

/*------------------
  privacy policy
-------------------*/
.notop #privacy-wrap {
    padding-bottom:60px;
}
#privacy-wrap h4 {
    font:var(--font6b);
    line-height: 27px;
    letter-spacing: 0.05em;
    margin-bottom:10px;
}
#privacy-wrap p {
    font:var(--font2);
    font-weight:500;
    letter-spacing: 0.075em;
    line-height: 1.75;
    font-feature-settings: "palt";
}
.privacypolicy-list_wrap {
    margin-top:30px;
}
.privacypolicy-list_wrap dl dt {
    font:var(--font2);
    font-weight:600;
    letter-spacing: 0.03em;
    line-height: 2;
}
.privacypolicy-list_wrap dl dd {
    font:var(--font2);
    font-weight:500;
    letter-spacing: 0.075em;
    line-height: 1.75;
    font-feature-settings: "palt";
}
.privacypolicy-list_wrap dl + dl, .privacypolicy-list_wrap + p {
    margin-top:20px;
}
#privacy-wrap ul li {
    position:relative;
    padding-left:1em;
    font:var(--font2);
    font-weight:500;
    letter-spacing: 0.075em;
    line-height: 1.75;
    font-feature-settings: "palt";
}
#privacy-wrap ul li:before {
    content:"";
    width:5px;
    height:5px;
    background-color: black;
    border-radius: 50%;
    display: block;
    position:absolute;
    left:0;
    top:10px;
}
.notop #privacy-wrap hr {
    margin-top:70px;
    height:1px;
    background-color: rgb(112 112 112 / 0.3);
}
.notop #privacy-wrap hr + h4 {
    margin-top:70px;
}
@media (max-width:768px)  {
#privacy-wrap h4 {
    font:normal normal 600 15px/25px "Lato", "Noto Sans JP";
    letter-spacing: 0.05em;
}
#privacy-wrap p {
    font:normal normal 500 13px/22px "Lato", "Noto Sans JP";
    line-height: 1.92;
}
.privacypolicy-list_wrap {
    margin-top: 20px;
}
.privacypolicy-list_wrap dl dt,.privacypolicy-list_wrap dl dd {
    font:normal normal 500 13px/23px "Lato", "Noto Sans JP";
    letter-spacing: 0.03em;
    line-height: 1.8;
}
.privacypolicy-list_wrap dl dd {
    text-align: justify;
}
#privacy-wrap ul li {
    padding-left:0.75em;
    font:normal normal 500 13px/23px "Lato", "Noto Sans JP";
    letter-spacing: 0.05em;
    line-height: 1.8;
}
#privacy-wrap ul li:before {
    content: "";
    width: 3px;
    height: 3px;
}
.notop #privacy-wrap hr {
    margin-top: 45px;
    background-color:#E5E5E5;
}

.notop #privacy-wrap hr + h4 {
    margin-top: 45px;
}
.privacy_wrap-content > ul li + li {
    margin-top:25px;
}
.notop #privacy-wrap {
    padding-bottom: 73px;
}
}