@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*Regular*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*==========================================
 共通
===========================================*/
@media screen and (max-width: 767px) {
  .inview {
    transition-delay: 0s; } }

.mT50 {
  margin-top: 50px; }

.secMTB_lg {
  margin: clamp(80px, 20vw, 200px) 0; }

.txtShadow {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); }

.basicTxt {
  line-height: 1.75;
  font-size: clamp(1.6rem, 1.6vw, 2rem); }
  .basicTxt p:not(:last-child) {
    margin-bottom: 1.5em; }
  @media screen and (max-width: 767px) {
    .basicTxt {
      letter-spacing: normal; } }

.arkBlockR {
  font-family: "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
  letter-spacing: 0.1em; }
  .arkBlockR.font_min {
    font-family: "Yu Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif; }
  .arkBlockR li {
    position: relative;
    padding: 0 0 0 1em; }
    .arkBlockR li::before {
      content: "※";
      position: absolute;
      left: 0; }

.wbr_txt {
  word-break: keep-all;
  overflow-wrap: anywhere; }

.lineYlw {
  background: linear-gradient(transparent 60%, #fcff75 60%); }

.fW_Blk {
  font-weight: bold; }

.btn-techno {
  font-weight: 900;
  font-size: clamp(1.8rem, 2.4vw, 2.4rem);
  text-align: center;
  letter-spacing: 0.15em;
  line-height: 1.2;
  max-width: 360px;
  width: 100%;
  margin: 0 auto; }
  .btn-techno a {
    display: block;
    padding: 1em 0;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 100vmax;
    background: #fcff75; }
    @media (hover: hover) {
      .btn-techno a:hover {
        background: #fff;
        color: #fff; } }

.fixedBg-block {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  clip-path: inset(0); }
  .fixedBg-block .bgFixed {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    .fixedBg-block.sp_off .bgFixed {
      position: static;
      height: 100% !important; } }

.point_ylw {
  position: relative;
  font-size: clamp(2.6rem, 3vw, 4rem);
  line-height: 1; }
  .point_ylw::before {
    content: "";
    display: block;
    width: 2em;
    aspect-ratio: 1/1;
    background: #fcff75;
    border-radius: 100vmax;
    position: absolute;
    left: calc(50% - 1em);
    top: calc(50% - 1em);
    z-index: -1;
    transition: 0.3s ease-in-out; }
  .point_ylw.lrg {
    font-size: clamp(2.6rem, 4vw, 5rem); }

.inview .point_ylw::before {
  opacity: 0;
  scale: 0.5;
  transition-delay: 1s; }
.inview.show .point_ylw::before {
  opacity: 1;
  scale: 1; }

.sec-ttlR {
  position: relative; }
  .sec-ttlR.shadow {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); }
  .sec-ttlR .ttl-ja {
    font-size: clamp(2.4rem, 4vw, 4.5rem);
    line-height: 1.2; }
    .sec-ttlR .ttl-ja .lrg {
      font-size: clamp(3rem, 6vw, 7rem); }
  .sec-ttlR .ttl-en {
    line-height: 1.2;
    font-size: clamp(3.6rem, 7vw, 8rem); }
  .sec-ttlR.wht {
    color: #fff; }

.sec-ttlCld {
  font-size: clamp(1.8rem, 2.2vw, 4rem);
  position: relative;
  padding: 0 0 0 1.2em; }
  .sec-ttlCld::before {
    content: "□";
    position: absolute;
    left: 0; }

.cnvBtnR_block {
  margin-top: clamp(60px, 8vw, 80px); }
  .cnvBtnR_block .btn-item {
    text-align: center; }
    .cnvBtnR_block .btn-item:not(:last-child) {
      margin-bottom: 30px; }
    .cnvBtnR_block .btn-item .item-lead {
      font-size: clamp(1.4rem, 1.6vw, 2.2rem);
      font-weight: 900;
      letter-spacing: 0.1em;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 767px) {
        .cnvBtnR_block .btn-item .item-lead {
          letter-spacing: normal; } }
    .cnvBtnR_block .btn-item .item-link {
      display: block;
      width: 100%;
      max-width: 400px;
      margin: 0 auto 0;
      background: #fcff75;
      color: #fff;
      text-align: center;
      border-radius: 100vmax;
      padding: 0.8em 0; }
      @media (hover: hover) {
        .cnvBtnR_block .btn-item .item-link:hover {
          background: #333; } }
    .cnvBtnR_block .btn-item .item-ttlEn {
      font-family: "Yu Mincho", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
      font-weight: 800;
      font-size: clamp(1.2rem, 1.4vw, 1.4rem);
      letter-spacing: 0.2em;
      line-height: 1; }
    .cnvBtnR_block .btn-item .item-ttlJa {
      font-weight: bold;
      letter-spacing: 0.3em;
      font-size: clamp(1.8rem, 2.2vw, 2.2rem); }
  .cnvBtnR_block.row {
    max-width: 880px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      .cnvBtnR_block.row {
        display: flex;
        justify-content: space-between; } }
    @media screen and (min-width: 768px) {
      .cnvBtnR_block.row .btn-item {
        width: 48%; } }

#footer {
  margin-top: clamp(60px, 10vw, 100px); }

/*==========================================
 OP
===========================================*/
.opening-animation {
  position: fixed;
  background: #FEF9F5;
  color: #000;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  transition: 2s;
  z-index: 99;
  overflow: hidden; }
  .opening-animation.out {
    height: 0; }
  .opening-animation .oa-inner {
    width: 100%;
    height: 100vh;
    min-height: 600px; }
    @media screen and (max-width: 767px) {
      .opening-animation .oa-inner {
        min-height: 400px; } }
  .opening-animation .oa-ttlWrap {
    height: 100%;
    width: 5em;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: clamp(2.8rem, 4vw, 9rem);
    padding: 0 0.7em; }
  .opening-animation .oa-ttl {
    position: absolute;
    left: calc(50% - 1.5em);
    top: calc(50svh - 4.9em);
    min-height: 9.8em;
    height: 9.8em;
    font-size: clamp(2.8rem, 4vw, 9rem);
    letter-spacing: 0.1em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    -ms-text-orientation: upright;
    text-orientation: upright; }
    .opening-animation .oa-ttl .ttlCld {
      display: block;
      opacity: 0; }
      .opening-animation .oa-ttl .ttlCld:nth-of-type(2) {
        margin-top: 2em; }
      .opening-animation .oa-ttl .ttlCld span {
        opacity: 0; }
        .opening-animation .oa-ttl .ttlCld span:nth-of-type(1) {
          transition-delay: 0.4s; }
        .opening-animation .oa-ttl .ttlCld span:nth-of-type(2) {
          transition-delay: 0.8s; }
        .opening-animation .oa-ttl .ttlCld span:nth-of-type(3) {
          transition-delay: 1.2s; }
        .opening-animation .oa-ttl .ttlCld span:nth-of-type(4) {
          transition-delay: 1.6s; }
        .opening-animation .oa-ttl .ttlCld span:nth-of-type(5) {
          transition-delay: 2s; }
        .opening-animation .oa-ttl .ttlCld span:nth-of-type(6) {
          transition-delay: 2.4s; }
        .opening-animation .oa-ttl .ttlCld span:nth-of-type(7) {
          transition-delay: 2.8s; }
        .opening-animation .oa-ttl .ttlCld span:nth-of-type(8) {
          transition-delay: 3.2s; }
        .opening-animation .oa-ttl .ttlCld span:nth-of-type(9) {
          transition-delay: 3.6s; }
      .opening-animation .oa-ttl .ttlCld.show {
        opacity: 1; }
        .opening-animation .oa-ttl .ttlCld.show span {
          display: inline-block;
          animation: inview_scaleDownBlur_span 0.8s ease-out forwards; }
@keyframes inview_scaleDownBlur_span {
  0% {
    transform: scale(1.8);
    filter: blur(5px);
    opacity: 0; }
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1; } }
    .opening-animation .oa-ttl.show .ttlCld {
      opacity: 1; }
      .opening-animation .oa-ttl.show .ttlCld span {
        display: inline-block;
        animation: inview_scaleDownBlur_span 0.8s ease-out forwards; }

/*==========================================
 MAIN
===========================================*/
.ceiling-ctsWrap {
  position: relative;
  padding: clamp(120px, 30vw, 350px) 0 0;
  min-height: 100vh; }
  .ceiling-ctsWrap .cstOpacity {
    visibility: hidden;
    transition: .5s;
    opacity: 0; }
  .ceiling-ctsWrap::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: clamp(20px, 4vw, 47px);
    height: 100%;
    background: url("../img/bg-measure.svg") no-repeat left top/contain;
    z-index: -1; }
  @media screen and (max-width: 767px) {
    .ceiling-ctsWrap::before {
      width: clamp(12px, 3vw, 47px); } }

/*==========================================
 FV
===========================================*/
.fv-block .fv-inner {
  background: url("../img/img-fv.jpg") no-repeat center/cover;
  width: 100%;
  position: relative;
  height: 100vh;
  min-height: 600px; }
  @media screen and (max-width: 767px) {
    .fv-block .fv-inner {
      min-height: 400px;
      height: 55vh; } }
.fv-block .fv-ttlWrap {
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  width: 5em;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: clamp(2.8rem, 4vw, 9rem);
  padding: 0 0.7em; }
.fv-block .fv-ttl {
  position: absolute;
  left: calc(50% - 1.5em);
  top: calc(50svh - 4.9em);
  min-height: 9.8em;
  font-size: clamp(2.8rem, 4vw, 9rem);
  letter-spacing: 0.1em;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  -ms-text-orientation: upright;
  text-orientation: upright; }
  @media screen and (max-width: 767px) {
    .fv-block .fv-ttl {
      top: calc(50% - 4.9em); } }
  .fv-block .fv-ttl .ttlCld {
    display: block; }
    .fv-block .fv-ttl .ttlCld:nth-of-type(2) {
      margin-top: 2em; }

/*==========================================
 バナー
===========================================*/
.bnr_taikansumaifair {
  width: 92%;
  max-width: 1800px;
  margin: clamp(40px, 8vw, 80px) auto calc(0px - clamp(40px,8vw,80px)); }
  .bnr_taikansumaifair .bnr_img a {
    display: block; }
    @media (hover: hover) {
      .bnr_taikansumaifair .bnr_img a:hover {
        box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
        transform: scale(0.95); } }
  .bnr_taikansumaifair .bnr_img img {
    width: 100%; }

/*==========================================
 LEAD
===========================================*/
.sec-lead .wrapW {
  position: relative; }
.sec-lead .lead-img {
  max-width: 1520px;
  width: 90%;
  margin: 0 auto; }
.sec-lead .lead-ttl {
  position: absolute;
  font-size: clamp(1.8rem, 4vw, 9rem);
  top: -0.8em;
  line-height: 1.2; }
  .sec-lead .lead-ttl .lrg {
    font-size: 150%; }
.sec-lead .lead-ttlEn {
  font-size: clamp(2rem, 6.5vw, 11rem);
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1.2;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl; }
  @media screen and (min-width: 1361px) {
    .sec-lead .lead-ttlEn {
      right: 0.2em;
      font-size: clamp(2rem, 7vw, 11rem); } }
  @media screen and (min-width: 1921px) {
    .sec-lead .lead-ttlEn {
      font-size: clamp(2rem, 11vw, 11rem); } }
.sec-lead .lead-txt {
  font-size: clamp(1.6rem, 2vw, 4rem);
  letter-spacing: 0.1em;
  margin-top: 1em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .sec-lead .lead-txt {
      text-align: left;
      margin-top: 0;
      position: absolute;
      top: 10em;
      left: 0;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      -webkit-text-orientation: upright;
      -ms-text-orientation: upright;
      text-orientation: upright; } }
  @media screen and (min-width: 768px) {
    .sec-lead .lead-txt br {
      display: none; } }
  .sec-lead .lead-txt .text-combine {
    -webkit-text-combine: horizontal;
    -ms-text-combine-horizontal: all;
    text-combine-upright: all; }

/*==========================================
 ポラスの標準は、天井高「2.7m」
===========================================*/
@media screen and (max-width: 767px) {
  .sec-mainCts .wrapW {
    width: 90%; } }
.sec-mainCts .mainCts-row {
  max-width: 1530px;
  width: 100%;
  margin: 0 auto 0; }
  @media screen and (min-width: 961px) {
    .sec-mainCts .mainCts-row {
      display: flex;
      justify-content: space-between; } }
  @media screen and (min-width: 961px) {
    .sec-mainCts .mainCts-row .cts-head {
      width: 48%; } }
  @media screen and (min-width: 961px) {
    .sec-mainCts .mainCts-row .cts-head .sticky {
      position: sticky;
      top: 100px; } }
  .sec-mainCts .mainCts-row .cts-body {
    margin-top: clamp(60px, 10vw, 100px); }
    @media screen and (min-width: 961px) {
      .sec-mainCts .mainCts-row .cts-body {
        margin-top: 0;
        width: 48%;
        max-width: 568px; } }
    .sec-mainCts .mainCts-row .cts-body .arkBlockR {
      margin-top: 2em; }
.sec-mainCts .mainCts-ttl {
  text-align: center;
  font-size: clamp(2rem, 3.6vw, 5rem);
  letter-spacing: 0.06em; }
  .sec-mainCts .mainCts-ttl .lrg {
    display: block;
    letter-spacing: 0.1em;
    font-size: 305%;
    font-feature-settings: "palt"; }
.sec-mainCts .mainCts-subTtl {
  display: flex;
  font-size: clamp(1rem, 1.2vw, 2rem); }
  .sec-mainCts .mainCts-subTtl li {
    width: 50%;
    text-align: center;
    display: flex;
    align-items: flex-end;
    text-align: center;
    justify-content: center;
    padding: 1em 0.5em; }
    .sec-mainCts .mainCts-subTtl li:nth-of-type(1) {
      border-top: 1px solid #000;
      border-right: 1px solid #000; }
    .sec-mainCts .mainCts-subTtl li:nth-of-type(2) {
      border-bottom: 1px solid #000; }
    .sec-mainCts .mainCts-subTtl li .point_ylw::before {
      width: 1.8em;
      left: calc(50% - 0.9em);
      top: calc(50% - 0.9em); }
.sec-mainCts .ceiling-list .ceiling-item {
  margin-top: clamp(80px, 15vw, 150px); }
  .sec-mainCts .ceiling-list .ceiling-item .sec-ttlCld {
    margin-bottom: 0.6em; }
  .sec-mainCts .ceiling-list .ceiling-item .item-img {
    margin-top: clamp(25px, 4vw, 40px);
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 960px) {
      .sec-mainCts .ceiling-list .ceiling-item .item-img {
        width: 92%;
        margin: clamp(25px, 4vw, 40px) 0 0 auto; } }
    .sec-mainCts .ceiling-list .ceiling-item .item-img .imgBox {
      width: 43%; }
      .sec-mainCts .ceiling-list .ceiling-item .item-img .imgBox .balloon {
        transform: translate(0, 100px);
        opacity: 0;
        transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s;
        transition-delay: 0.7s; }
      .sec-mainCts .ceiling-list .ceiling-item .item-img .imgBox .img {
        position: relative; }
        .sec-mainCts .ceiling-list .ceiling-item .item-img .imgBox .img .light {
          position: absolute;
          bottom: 0;
          left: -27%;
          z-index: -1; }
        .sec-mainCts .ceiling-list .ceiling-item .item-img .imgBox .img .light01 {
          width: 100%; }
        .sec-mainCts .ceiling-list .ceiling-item .item-img .imgBox .img .light02 {
          width: 70%; }
      .sec-mainCts .ceiling-list .ceiling-item .item-img .imgBox.show .balloon {
        transform: translate(0, 0);
        opacity: 1; }

/*==========================================
 天井が高いことで生まれる５つのメリット
===========================================*/
.sec-merit {
  background: #ededed; }
  .sec-merit .merit-secTtlEn {
    max-width: 634px;
    border-bottom: 1px solid #000;
    padding: 0 0 0.7em; }
    .sec-merit .merit-secTtlEn .ttl-en {
      position: relative;
      top: -0.5em; }
  .sec-merit .merit-ttlJa .ttl-ja {
    position: relative;
    z-index: 1;
    top: 1em; }
  .sec-merit .meritList-wrapper {
    height: 100vh;
    padding: clamp(80px, 15vw, 150px) 0; }
    @media screen and (max-width: 1200px) and (max-height: 820px) {
      .sec-merit .meritList-wrapper {
        padding: clamp(60px, 10vw, 100px) 0; } }
    @media screen and (max-width: 767px) {
      .sec-merit .meritList-wrapper {
        padding: 60px 0; } }
  .sec-merit .merit-list {
    display: flex; }
    @media screen and (max-width: 767px) {
      .sec-merit .merit-list {
        padding: 40px 0 0 40px; } }
    .sec-merit .merit-list .merit-item:not(:last-child) {
      margin-right: clamp(40px, 6vw, 60px); }
    .sec-merit .merit-list .merit-item:nth-of-type(2n) {
      margin-top: -5vh; }
    @media screen and (max-width: 1200px) {
      .sec-merit .merit-list .merit-item:nth-of-type(2n) {
        margin-top: -3vw; } }
    @media screen and (max-width: 767px) {
      .sec-merit .merit-list .merit-item {
        padding: 0 40px; }
        .sec-merit .merit-list .merit-item:not(:last-child) {
          margin-right: 0; }
        .sec-merit .merit-list .merit-item:nth-of-type(1) {
          display: none; } }
    .sec-merit .merit-list .merit-item .item-img {
      width: 17vw; }
      @media screen and (max-width: 1200px) {
        .sec-merit .merit-list .merit-item .item-img {
          width: 35vw; } }
      @media screen and (max-width: 1200px) and (max-height: 820px) {
        .sec-merit .merit-list .merit-item .item-img {
          width: 27vw; } }
      @media screen and (max-width: 767px) {
        .sec-merit .merit-list .merit-item .item-img {
          width: 45vw; } }
      @media screen and (max-width: 576px) {
        .sec-merit .merit-list .merit-item .item-img {
          width: 80vw; } }
      .sec-merit .merit-list .merit-item .item-img img {
        width: 100%;
        aspect-ratio: 582/733;
        object-fit: cover; }
        @media screen and (min-width: 767px) and (max-height: 820px) {
          .sec-merit .merit-list .merit-item .item-img img {
            aspect-ratio: auto;
            height: 40vh; } }
    .sec-merit .merit-list .merit-item .item-num {
      margin-top: -0.5em;
      line-height: 1;
      font-size: clamp(4rem, 6vw, 21rem);
      text-shadow: 0px 0px 4px #ededed; }
    .sec-merit .merit-list .merit-item .item-ttl {
      line-height: 1.2;
      font-size: clamp(2rem, 2vw, 5rem);
      letter-spacing: 0.06em;
      margin: 0.2em 0; }
    .sec-merit .merit-list .merit-item .item-txt {
      font-size: clamp(1.4rem, 1.6vw, 1.8rem);
      letter-spacing: 0.1em;
      max-width: 440px; }

/*==========================================
 実際に住んでいる方の声
===========================================*/
.sec-voice .voice-ctsRow {
  max-width: 1530px;
  width: 100%;
  margin: clamp(60px, 15vw, 150px) auto 0; }
  @media screen and (min-width: 961px) {
    .sec-voice .voice-ctsRow {
      display: flex;
      justify-content: space-between; } }
  @media screen and (min-width: 961px) {
    .sec-voice .voice-ctsRow .cts-head {
      width: 48%; } }
  .sec-voice .voice-ctsRow .cts-head .sec-ttlCld {
    margin-bottom: clamp(25px, 5vw, 50px); }
  .sec-voice .voice-ctsRow .cts-body {
    margin-top: 40px; }
    @media screen and (min-width: 961px) {
      .sec-voice .voice-ctsRow .cts-body {
        margin-top: 0;
        width: 48%;
        max-width: 568px; } }
.sec-voice .voice-graph {
  margin-bottom: 25px; }
.sec-voice .voice-fixedBlock {
  margin: clamp(60px, 19vw, 190px) auto 0;
  width: 92%;
  position: relative;
  aspect-ratio: 1760/1280; }
  .sec-voice .voice-fixedBlock .fixedBg-block .bgFixed {
    background-image: url("../img/img-voice.jpg"); }
  .sec-voice .voice-fixedBlock .fixedTxt {
    position: absolute;
    right: 0;
    bottom: 15px;
    font-size: clamp(2rem, 5vw, 5.6rem);
    color: #fff;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9); }
    .sec-voice .voice-fixedBlock .fixedTxt .lrg {
      font-size: 120%; }

/*==========================================
 住宅展示場／ショールーム
===========================================*/
@media screen and (min-width: 961px) {
  .sec-showroom .showroomWrap {
    display: flex;
    justify-content: space-between; } }
@media screen and (min-width: 961px) {
  .sec-showroom .sec-head {
    width: 30%; } }
@media screen and (min-width: 961px) {
  .sec-showroom .sec-head .sec-ttlR {
    font-size: clamp(3.6rem, 7vw, 8rem);
    min-height: 8.5em;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr; } }
@media screen and (min-width: 961px) {
  .sec-showroom .sec-head .sticky {
    position: sticky;
    top: 100px; } }
@media screen and (min-width: 961px) {
  .sec-showroom .sec-body {
    width: 65%;
    max-width: 1200px; } }
.sec-showroom .sec-body .body-top .sec-ttlR {
  margin-bottom: clamp(40px, 6vw, 60px); }
.sec-showroom .showroom-list {
  margin-top: clamp(60px, 10vw, 100px);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .sec-showroom .showroom-list::after {
    content: "";
    display: block;
    width: 32%;
    max-width: 360px; }
  @media screen and (min-width: 961px) and (max-width: 1200px) {
    .sec-showroom .showroom-list::after {
      display: none; } }
  @media screen and (max-width: 767px) {
    .sec-showroom .showroom-list::after {
      display: none; } }
  @media screen and (max-width: 576px) {
    .sec-showroom .showroom-list {
      overflow-y: hidden;
      flex-wrap: nowrap;
      padding: 0 0 20px; } }
  .sec-showroom .showroom-list .showroom-item {
    width: 32%;
    max-width: 360px;
    border-top: 1px solid #000;
    padding: clamp(15px, 3vw, 35px) 0 0; }
    .sec-showroom .showroom-list .showroom-item:nth-of-type(n+4) {
      margin-top: clamp(40px, 6vw, 60px); }
    @media screen and (min-width: 961px) and (max-width: 1200px) {
      .sec-showroom .showroom-list .showroom-item {
        width: 48%; }
        .sec-showroom .showroom-list .showroom-item:nth-of-type(n+3) {
          margin-top: clamp(40px, 6vw, 60px); } }
    @media screen and (max-width: 767px) {
      .sec-showroom .showroom-list .showroom-item {
        width: 48%;
        max-width: none; }
        .sec-showroom .showroom-list .showroom-item:nth-of-type(n+3) {
          margin-top: clamp(40px, 6vw, 60px); } }
    @media screen and (max-width: 576px) {
      .sec-showroom .showroom-list .showroom-item {
        width: 260px;
        min-width: 260px;
        max-width: none; }
        .sec-showroom .showroom-list .showroom-item:nth-of-type(n+2) {
          margin-left: 25px; }
        .sec-showroom .showroom-list .showroom-item:nth-of-type(n+3) {
          margin-top: 0; } }
    .sec-showroom .showroom-list .showroom-item .item-ttl {
      text-align: center;
      margin-bottom: 1em; }
      .sec-showroom .showroom-list .showroom-item .item-ttl .ttl-en {
        font-size: clamp(1rem, 1.2vw, 1.2rem); }
      .sec-showroom .showroom-list .showroom-item .item-ttl .ttl-ja {
        font-size: clamp(1.6rem, 1.6vw, 2.4rem);
        word-break: keep-all;
        overflow-wrap: anywhere; }
        @media screen and (max-width: 767px) {
          .sec-showroom .showroom-list .showroom-item .item-ttl .ttl-ja {
            font-size: clamp(1.8rem, 2vw, 2.4rem); } }
    .sec-showroom .showroom-list .showroom-item .item-img {
      text-align: center; }
    .sec-showroom .showroom-list .showroom-item .item-detail {
      background: #ededed;
      text-align: center;
      padding: 1em;
      margin-top: 5px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: clamp(1.4rem, 1.6vw, 1.6rem); }
      @media screen and (max-width: 576px) {
        .sec-showroom .showroom-list .showroom-item .item-detail {
          font-size: 1.2rem; } }
    .sec-showroom .showroom-list .showroom-item .item-contact {
      margin-top: 5px;
      text-align: center; }
      @media screen and (max-width: 767px) {
        .sec-showroom .showroom-list .showroom-item .item-contact {
          margin: 5px auto 0; } }
      .sec-showroom .showroom-list .showroom-item .item-contact li a {
        border: 1px solid #000;
        display: block;
        padding: 1em 0; }
        @media (hover: hover) {
          .sec-showroom .showroom-list .showroom-item .item-contact li a:hover {
            background: #000;
            color: #fff; } }
        @media screen and (max-width: 767px) {
          .sec-showroom .showroom-list .showroom-item .item-contact li a {
            padding: 0.7em 0; } }

/*==========================================
 CNV
===========================================*/
@media screen and (min-width: 768px) {
  .cnv-bnrFixed {
    position: sticky;
    bottom: 10px; } }

.cnv-bnrBlock {
  max-width: 1740px;
  width: 92%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 767px) {
    .cnv-bnrBlock {
      max-width: 450px; } }
  .cnv-bnrBlock .bnr-box {
    width: 48%; }
    .cnv-bnrBlock .bnr-box:nth-of-type(1) a {
      background: #9a0006; }
    .cnv-bnrBlock .bnr-box:nth-of-type(2) a {
      background: #14465b; }
    @media screen and (max-width: 767px) {
      .cnv-bnrBlock .bnr-box {
        width: 100%; }
        .cnv-bnrBlock .bnr-box:nth-of-type(n+2) {
          margin-top: 15px; } }
    .cnv-bnrBlock .bnr-box a {
      display: flex;
      align-items: center;
      position: relative;
      color: #fff;
      font-size: clamp(1.2rem, 1.4vw, 2.4rem);
      letter-spacing: 0.1em;
      padding: 0 2.5%;
      height: clamp(80px, 10vw, 100px); }
      @media (hover: hover) {
        .cnv-bnrBlock .bnr-box a:hover {
          background: #000; } }
      @media screen and (max-width: 767px) {
        .cnv-bnrBlock .bnr-box a {
          font-size: clamp(1.6rem, 1.6vw, 2.4rem); } }
    .cnv-bnrBlock .bnr-box .box-img {
      width: 30%;
      aspect-ratio: 338/150;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (min-width: 1361px) {
        .cnv-bnrBlock .bnr-box .box-img {
          position: absolute;
          left: 4%;
          bottom: 10px; } }
      @media screen and (max-width: 767px) {
        .cnv-bnrBlock .bnr-box .box-img {
          display: none; } }
    .cnv-bnrBlock .bnr-box .box-cts {
      width: 65%;
      margin: 0 0 0 auto; }
      @media screen and (max-width: 767px) {
        .cnv-bnrBlock .bnr-box .box-cts {
          width: 100%;
          text-align: center; } }

/*# sourceMappingURL=contents.css.map */