/****************

master.cssは編集不可！！
LESSファイルを編集すること！

****************/
/*bootstrapの設定を読み込み*/
/* 家づくり共通 */
p {
  line-height: 2.1;
}
section {
  position: relative;
}
.text-bold {
  font-size: clamp(0.75rem, calc(0.5555555555555556vw + 0.625rem), 1rem);
  font-weight: 600;
}
.text-semibold {
  font-size: clamp(0.75rem, calc(0.5555555555555556vw + 0.625rem), 1rem);
  font-weight: 500;
}
.enjoy-text {
  font-size: clamp(0.75rem, calc(0.5555555555555556vw + 0.625rem), 1rem);
}
.spec-pc-small {
  font-size: clamp(0.75rem, calc(0.2777777777777778vw + 0.6875rem), 0.875rem);
}
.small-text {
  font-size: clamp(0.625rem, calc(0.5555555555555556vw + 0.5rem), 0.875rem);
}
.page-enjoy-title-wrap {
  position: relative;
  white-space: nowrap;
  margin-bottom: clamp(1.25rem, calc(2.7777777777777777vw + 0.625rem), 2.5rem);
}
.eyecatch-8days-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.eyecatch-8days-title h2 {
  width: 30%;
  max-width: 280px;
}
.eyecatch-8days-title p {
  font-size: clamp(1rem, calc(4.166666666666666vw + 0.0625rem), 2.875rem);
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 0;
}
.enjoy-title,
.enjoy-works-title {
  display: flex;
  flex-direction: row;
  align-items: end;
}
.enjoy-title h2,
.enjoy-works-title h2 {
  font-size: clamp(2.25rem, calc(7.5vw + 0.5625rem), 5.625rem);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .enjoy-title h2,
  .enjoy-works-title h2 {
    margin-right: 20px;
  }
}
.enjoy-title p,
.enjoy-works-title p {
  font-size: clamp(0.625rem, calc(1.6666666666666667vw + 0.25rem), 1.375rem);
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 0;
}
.btn-wrap-l,
.btn-wrap-r,
.btn-wrap-c {
  width: fit-content;
  margin-top: clamp(2.5rem, calc(2.7777777777777777vw + 1.875rem), 3.75rem);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .btn-wrap-l {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .btn-wrap-r {
    margin-right: 0;
  }
}
.more-btn {
  display: flex;
  align-items: center;
}
.more-btn p {
  font-size: clamp(0.875rem, calc(0.5555555555555556vw + 0.75rem), 1.125rem);
  font-weight: 500;
  margin: 0;
}
.btn-circle {
  position: relative;
  display: block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #010101;
  border-radius: 50%;
  margin-right: 1rem;
  transition: 0.5s ease-in-out;
}
@media (min-width: 992px) {
  .btn-circle {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.btn-circle::before {
  content: "";
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  clip-path: polygon(0 45%, 85% 45%, 50% 0, 60% 0, 100% 50%, 60% 100%, 50% 100%, 85% 55%, 0 55%);
  background-color: #010101;
  transform: translate(-50%, -50%);
  transition: 0.5s ease-in-out;
}
.btn-wrap-l:hover .btn-circle,
.btn-wrap-r:hover .btn-circle,
.btn-wrap-c:hover .btn-circle {
  border: 1px solid #606060;
  background-color: #606060;
}
.btn-wrap-l:hover .btn-circle::before,
.btn-wrap-r:hover .btn-circle::before,
.btn-wrap-c:hover .btn-circle::before {
  background-color: #fff;
}
.white-content {
  padding-top: clamp(1.25rem, calc(1.948051948051948vw + 0.8116883116883117rem), 3.125rem);
  padding-bottom: clamp(1.25rem, calc(1.948051948051948vw + 0.8116883116883117rem), 3.125rem);
  padding-left: clamp(0.9375rem, calc(1.6233766233766231vw + 0.5722402597402598rem), 2.5rem);
  padding-right: clamp(0.9375rem, calc(1.6233766233766231vw + 0.5722402597402598rem), 2.5rem);
  background-color: #ffffff;
  position: relative;
}
.section-margin-top {
  margin-top: clamp(3.75rem, calc(3.571428571428571vw + 2.9464285714285716rem), 5.625rem);
}
.enjoy-eyecatch-wrap {
  position: relative;
  padding-top: clamp(3.125rem, calc(4.545454545454546vw + 2.1022727272727275rem), 7.5rem);
  padding-bottom: clamp(3.125rem, calc(4.545454545454546vw + 2.1022727272727275rem), 7.5rem);
  background-image: url(../images/page/enjoy/eyecatch.webp);
  background-size: cover;
  background-position: center;
}
.enjoy-eyecatch-wrap .enjoy-logo {
  width: 200px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(2.5rem, calc(1.1904761904761905vw + 2.232142857142857rem), 3.125rem);
}
@media (min-width: 768px) {
  .enjoy-eyecatch-wrap .enjoy-logo {
    width: 280px;
  }
}
@media (min-width: 992px) {
  .enjoy-eyecatch-wrap .enjoy-logo {
    width: 330px;
  }
}
.enjoy-eyecatch-wrap h2::after {
  content: "";
  display: block;
  width: 1px;
  height: 90px;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(2.5rem, calc(1.2987012987012987vw + 2.207792207792208rem), 3.75rem);
  margin-bottom: clamp(2.5rem, calc(1.2987012987012987vw + 2.207792207792208rem), 3.75rem);
}
@media (min-width: 768px) {
  .enjoy-eyecatch-wrap h2::after {
    height: 120px;
  }
}
@media (min-width: 992px) {
  .enjoy-eyecatch-wrap h2::after {
    height: 160px;
  }
}
@media (min-width: 1200px) {
  .enjoy-eyecatch-wrap h2::after {
    height: 180px;
  }
}
.enjoy-eyecatch-wrap .enjoy-catchcopy {
  font-size: clamp(1.875rem, calc(2.2222222222222223vw + 1.375rem), 2.875rem);
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  color: #ffffff;
  margin-bottom: clamp(3.75rem, calc(7.142857142857142vw + 2.1428571428571432rem), 7.5rem);
}
.enjoy-eyecatch-wrap .intro-text {
  font-size: clamp(0.875rem, calc(0.38961038961038963vw + 0.7873376623376623rem), 1.25rem);
  font-weight: 500;
  line-height: 2;
  text-align: center;
  color: #ffffff;
  margin-bottom: clamp(1.25rem, calc(1.1904761904761905vw + 0.9821428571428572rem), 1.875rem);
}
.enjoy-eyecatch-wrap::before {
  content: "";
  background-image: linear-gradient(transparent, #010101);
  position: absolute;
  height: 80%;
  width: 100%;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
}
#slider-8days {
  overflow: hidden;
  margin-top: clamp(3.75rem, calc(3.571428571428571vw + 2.9464285714285716rem), 5.625rem);
  margin-bottom: clamp(3.75rem, calc(3.571428571428571vw + 2.9464285714285716rem), 5.625rem);
}
#slider-8days .swiper-wrapper {
  transition-timing-function: linear;
}
#slider-8days .swiper-wrapper .swiper-slide {
  width: auto;
  height: 220px !important;
}
@media (min-width: 768px) {
  #slider-8days .swiper-wrapper .swiper-slide {
    height: 420px !important;
  }
}
@media (min-width: 1200px) {
  #slider-8days .swiper-wrapper .swiper-slide {
    height: 520px !important;
  }
}
#slider-8days .swiper-wrapper .swiper-slide img {
  width: auto;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
#enjoy-slide {
  overflow: hidden;
  margin-top: clamp(3.75rem, calc(3.571428571428571vw + 2.9464285714285716rem), 5.625rem);
  margin-bottom: clamp(3.75rem, calc(3.571428571428571vw + 2.9464285714285716rem), 5.625rem);
}
#enjoy-slide .swiper-wrapper {
  transition-timing-function: linear;
}
#enjoy-slide .swiper-wrapper .swiper-slide {
  width: auto;
  height: 180px !important;
}
@media (min-width: 768px) {
  #enjoy-slide .swiper-wrapper .swiper-slide {
    height: 240px !important;
  }
}
@media (min-width: 1200px) {
  #enjoy-slide .swiper-wrapper .swiper-slide {
    height: 420px !important;
  }
}
#enjoy-slide .swiper-wrapper .swiper-slide img {
  width: auto;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
.youtube-wrap {
  padding-left: clamp(0rem, calc(12.987012987012985vw + -2.922077922077922rem), 12.5rem);
  padding-right: clamp(0rem, calc(12.987012987012985vw + -2.922077922077922rem), 12.5rem);
  margin-bottom: clamp(5rem, calc(2.5974025974025974vw + 4.415584415584416rem), 7.5rem);
}
.page-features-slide {
  overflow: hidden;
}
#features-slide {
  padding-top: clamp(1.25rem, calc(1.2987012987012987vw + 0.9577922077922078rem), 2.5rem);
  padding-bottom: clamp(1.25rem, calc(1.2987012987012987vw + 0.9577922077922078rem), 2.5rem);
  padding-left: clamp(1.25rem, calc(2.5974025974025974vw + 0.6655844155844155rem), 3.75rem);
  padding-right: clamp(1.25rem, calc(2.5974025974025974vw + 0.6655844155844155rem), 3.75rem);
}
#features-slide .swiper-wrapper {
  transition-timing-function: linear;
}
#features-slide .swiper-wrapper .swiper-slide {
  width: auto;
  background-color: #ffffff;
  padding-top: clamp(1.875rem, calc(3.2467532467532463vw + 1.1444805194805197rem), 5rem);
  padding-bottom: clamp(1.875rem, calc(3.2467532467532463vw + 1.1444805194805197rem), 5rem);
  padding-left: clamp(1.25rem, calc(2.5974025974025974vw + 0.6655844155844155rem), 3.75rem);
  padding-right: clamp(1.25rem, calc(2.5974025974025974vw + 0.6655844155844155rem), 3.75rem);
}
#features-slide .swiper-wrapper .swiper-slide .sub {
  font-size: clamp(0.875rem, calc(0.7792207792207793vw + 0.6996753246753247rem), 1.625rem);
  font-weight: 500;
  margin-bottom: clamp(1.25rem, calc(2.380952380952381vw + 0.7142857142857143rem), 2.5rem);
}
#features-slide .swiper-wrapper .swiper-slide .features-text {
  font-size: clamp(0.75rem, calc(0.2597402597402597vw + 0.6915584415584416rem), 1rem);
  font-weight: 500;
  margin-bottom: 0;
}
#features-slide .swiper-wrapper .slide01 {
  border: 5px solid #0096dc;
}
#features-slide .swiper-wrapper .slide02 {
  border: 5px solid #ffdc50;
}
#features-slide .swiper-wrapper .slide03 {
  border: 5px solid #9bcd64;
}
#features-slide .swiper-wrapper .slide04 {
  border: 5px solid #ffa096;
}
.white-content-wrap {
  padding-top: clamp(1.25rem, calc(1.948051948051948vw + 0.8116883116883117rem), 3.125rem);
  padding-bottom: clamp(1.25rem, calc(1.948051948051948vw + 0.8116883116883117rem), 3.125rem);
  position: relative;
}
@media (min-width: 768px) {
  .white-content-wrap {
    padding-left: clamp(0.9375rem, calc(1.6233766233766231vw + 0.5722402597402598rem), 2.5rem);
    padding-right: clamp(0.9375rem, calc(1.6233766233766231vw + 0.5722402597402598rem), 2.5rem);
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ==========================
   tbl-enjoy（商品比較テーブル）
========================== */
.table-wrap {
  width: 100%;
  overflow-x: scroll;
}
/* --- テーブル全体 --- */
.tbl-8days-sp,
.tbl-enjoy-sp {
  width: 1120px;
  table-layout: fixed;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  /* --- 共通（th / td） --- */
  /* ==========================
     ヘッダー（thead）
  ========================== */
  /* ==========================
     ボディ（tbody）
  ========================== */
}
@media (min-width: 768px) {
  .tbl-8days-sp,
  .tbl-enjoy-sp {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .tbl-8days-sp,
  .tbl-enjoy-sp {
    width: 800px;
  }
}
.tbl-8days-sp th,
.tbl-enjoy-sp th,
.tbl-8days-sp td,
.tbl-enjoy-sp td {
  font-weight: 600;
  text-align: center;
}
.tbl-8days-sp thead,
.tbl-enjoy-sp thead {
  /* 行見出し（左列 th） */
}
.tbl-8days-sp thead tr,
.tbl-enjoy-sp thead tr {
  border-bottom: 1px dashed #fff;
}
.tbl-8days-sp thead tr:last-child,
.tbl-enjoy-sp thead tr:last-child {
  border-bottom: none;
}
.tbl-8days-sp thead th,
.tbl-enjoy-sp thead th {
  font-size: 14px;
  color: #fff;
  background: #6d6d6d;
}
@media (min-width: 768px) {
  .tbl-8days-sp thead th,
  .tbl-enjoy-sp thead th {
    font-size: 18px;
  }
}
.tbl-8days-sp thead th:first-child,
.tbl-enjoy-sp thead th:first-child {
  background-color: transparent;
}
.tbl-8days-sp tbody,
.tbl-enjoy-sp tbody {
  /* データセル */
}
.tbl-8days-sp tbody th,
.tbl-enjoy-sp tbody th {
  font-size: clamp(0.625rem, calc(0.2597402597402597vw + 0.5665584415584416rem), 0.875rem);
  padding-top: clamp(0.9375rem, calc(1.5625vw + 0.5859375rem), 1.5625rem);
  padding-bottom: clamp(0.9375rem, calc(1.5625vw + 0.5859375rem), 1.5625rem);
}
.tbl-8days-sp tbody th img,
.tbl-enjoy-sp tbody th img {
  width: 45%;
}
.tbl-8days-sp tbody td,
.tbl-enjoy-sp tbody td {
  font-size: 10px;
  padding: 15px 5px 5px 5px;
  border-right: 1px dashed #fff;
  /* 強調テキスト */
  /* セル内画像 */
  /* 列ごとの背景色（tdの列番号） */
}
.tbl-8days-sp tbody td:last-child,
.tbl-enjoy-sp tbody td:last-child {
  border-right: none;
}
.tbl-8days-sp tbody td em,
.tbl-enjoy-sp tbody td em {
  display: block;
  font-size: clamp(0.875rem, calc(0.6493506493506493vw + 0.7288961038961039rem), 1.5rem);
  line-height: 1.2;
  margin: 1.2em 0 0.6em;
  font-style: normal;
}
.tbl-8days-sp tbody td small,
.tbl-enjoy-sp tbody td small {
  display: block;
}
.tbl-8days-sp tbody td img,
.tbl-enjoy-sp tbody td img {
  width: 18%;
}
.tbl-8days-sp tbody tr,
.tbl-enjoy-sp tbody tr {
  border-bottom: 1px dashed #fff;
}
.tbl-8days-sp tbody tr:last-child,
.tbl-enjoy-sp tbody tr:last-child {
  border-bottom: none;
}
.tbl-8days-sp tbody tr:nth-child(1),
.tbl-enjoy-sp tbody tr:nth-child(1) {
  background: #c0c5d9;
}
.tbl-8days-sp tbody tr:nth-child(1) th,
.tbl-enjoy-sp tbody tr:nth-child(1) th {
  background-color: #3e455a;
}
.tbl-8days-sp tbody tr:nth-child(2),
.tbl-enjoy-sp tbody tr:nth-child(2) {
  background: #e8dfca;
}
.tbl-8days-sp tbody tr:nth-child(2) th,
.tbl-enjoy-sp tbody tr:nth-child(2) th {
  background-color: #695d3d;
}
.tbl-8days-sp tbody tr:nth-child(3),
.tbl-enjoy-sp tbody tr:nth-child(3) {
  background: #e9e9e9;
}
.tbl-8days-sp tbody tr:nth-child(3) th,
.tbl-enjoy-sp tbody tr:nth-child(3) th {
  color: #ffffff;
  background-color: #6d6d6d;
}
.tbl-8days-sp tbody tr:nth-child(1) {
  background: #e8dfca;
}
.tbl-8days-sp tbody tr:nth-child(1) th {
  background-color: #695d3d;
}
.tbl-8days-sp tbody tr:nth-child(2) {
  background: #c0c5d9;
}
.tbl-8days-sp tbody tr:nth-child(2) th {
  background-color: #3e455a;
}
.tbl-8days-pc,
.tbl-enjoy-pc {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  /* --- 共通（th / td） --- */
  /* ==========================
     ヘッダー（thead）
  ========================== */
  /* ==========================
     ボディ（tbody）
  ========================== */
}
.tbl-8days-pc th,
.tbl-enjoy-pc th,
.tbl-8days-pc td,
.tbl-enjoy-pc td {
  font-weight: 600;
  text-align: center;
}
.tbl-8days-pc thead th,
.tbl-enjoy-pc thead th {
  font-size: clamp(0.625rem, calc(0.2597402597402597vw + 0.5665584415584416rem), 0.875rem);
  padding-top: clamp(0.9375rem, calc(1.5625vw + 0.5859375rem), 1.5625rem);
  padding-bottom: clamp(0.9375rem, calc(1.5625vw + 0.5859375rem), 1.5625rem);
  /* 列ごとの設定 */
}
.tbl-8days-pc thead th img,
.tbl-enjoy-pc thead th img {
  width: 45%;
}
.tbl-8days-pc thead th:nth-child(1),
.tbl-enjoy-pc thead th:nth-child(1) {
  width: 10%;
  background: #fff;
}
.tbl-8days-pc thead th:nth-child(2),
.tbl-enjoy-pc thead th:nth-child(2) {
  width: 30%;
  background-color: #3e455a;
}
.tbl-8days-pc thead th:nth-child(3),
.tbl-enjoy-pc thead th:nth-child(3) {
  width: 30%;
  background: #695d3d;
}
.tbl-8days-pc thead th:nth-child(4),
.tbl-enjoy-pc thead th:nth-child(4) {
  width: 30%;
  color: #fff;
  background: #6d6d6d;
}
.tbl-8days-pc tbody,
.tbl-enjoy-pc tbody {
  /* 行見出し（左列 th） */
  /* データセル */
}
.tbl-8days-pc tbody tr,
.tbl-enjoy-pc tbody tr {
  border-bottom: 1px dashed #fff;
}
.tbl-8days-pc tbody tr:last-child,
.tbl-enjoy-pc tbody tr:last-child {
  border-bottom: none;
}
.tbl-8days-pc tbody th,
.tbl-enjoy-pc tbody th {
  font-size: 14px;
  color: #fff;
  background: #6d6d6d;
  writing-mode: vertical-lr;
}
@media (min-width: 768px) {
  .tbl-8days-pc tbody th,
  .tbl-enjoy-pc tbody th {
    font-size: 18px;
    writing-mode: initial;
  }
}
.tbl-8days-pc tbody td,
.tbl-enjoy-pc tbody td {
  font-size: 10px;
  padding: 25px 0 5px;
  /* 強調テキスト */
  /* セル内画像 */
  /* 列ごとの背景色（tdの列番号） */
}
@media (min-width: 768px) {
  .tbl-8days-pc tbody td,
  .tbl-enjoy-pc tbody td {
    font-size: 12px;
  }
}
.tbl-8days-pc tbody td em,
.tbl-enjoy-pc tbody td em {
  display: block;
  font-size: clamp(0.875rem, calc(0.6493506493506493vw + 0.7288961038961039rem), 1.5rem);
  line-height: 1.2;
  margin: 1.2em 0 0.6em;
  font-style: normal;
}
.tbl-8days-pc tbody td small,
.tbl-enjoy-pc tbody td small {
  display: block;
}
.tbl-8days-pc tbody td img,
.tbl-enjoy-pc tbody td img {
  width: 18%;
}
@media (min-width: 768px) {
  .tbl-8days-pc tbody td img,
  .tbl-enjoy-pc tbody td img {
    width: 26%;
  }
}
.tbl-8days-pc tbody td:nth-child(2),
.tbl-enjoy-pc tbody td:nth-child(2) {
  background: #c0c5d9;
}
.tbl-8days-pc tbody td:nth-child(3),
.tbl-enjoy-pc tbody td:nth-child(3) {
  background: #e8dfca;
}
.tbl-8days-pc tbody td:nth-child(4),
.tbl-enjoy-pc tbody td:nth-child(4) {
  background: #e9e9e9;
}
.tbl-8days-pc thead th:nth-child(2) {
  width: 30%;
  background: #695d3d;
}
.tbl-8days-pc thead th:nth-child(3) {
  width: 30%;
  background-color: #3e455a;
}
.tbl-8days-pc thead th:nth-child(4) {
  width: 30%;
  color: #fff;
  background: #6d6d6d;
}
.tbl-8days-pc tbody td:nth-child(2) {
  background: #e8dfca;
}
.tbl-8days-pc tbody td:nth-child(3) {
  background: #c0c5d9;
}
.tbl-8days-pc tbody td:nth-child(4) {
  background: #e9e9e9;
}
.page-8days-table,
.page-enjoy-table {
  margin-bottom: clamp(5.625rem, calc(3.571428571428571vw + 4.821428571428571rem), 7.5rem);
}
#page-enjoy-works {
  padding-bottom: clamp(5.625rem, calc(1.948051948051948vw + 5.186688311688312rem), 7.5rem);
}
.other-works {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
}
.other-works img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.other-works .detail {
  width: calc(100% - 20px);
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
}
.other-works .detail h3 {
  font-size: clamp(0.625rem, calc(0.38961038961038963vw + 0.5373376623376623rem), 1rem);
  font-weight: 500;
  line-height: 1.8;
  color: #ffffff;
  margin: 0;
  z-index: 3;
  pointer-events: none;
}
.other-works::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  pointer-events: none;
}
.taste-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.catalog-title {
  font-size: clamp(1.875rem, calc(3.896103896103896vw + 0.9983766233766234rem), 5.625rem);
  font-weight: 700;
}
.guide-info {
  font-size: clamp(0.875rem, calc(0.6493506493506493vw + 0.7288961038961039rem), 1.5rem);
  font-weight: 500;
}
.catalog-text {
  font-size: clamp(0.75rem, calc(0.2597402597402597vw + 0.6915584415584416rem), 1rem);
  font-weight: 500;
}
.catalog-img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .catalog-img-wrap {
    min-height: 60vh;
  }
}
@media (min-width: 992px) {
  .catalog-img-wrap {
    min-height: 110vh;
  }
}
.catalog-img-wrap .btn-wrap-l {
  margin-bottom: 90px;
}
@media (min-width: 768px) {
  .catalog-img-wrap .btn-wrap-l {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .catalog-img {
    position: absolute;
    aspect-ratio: 1.84472934;
    object-fit: contain;
    right: -5%;
    bottom: -5%;
    z-index: 1;
  }
}
@media (min-width: 768px) and (min-width: 992px) {
  .catalog-img {
    height: auto;
  }
}
.ink-bg-on {
  background-color: #2D2D2D;
}
.ink-bg-on .btn-line {
  background-color: #f2f2f2;
}
.ink-bg-on .white-content {
  background-color: #2D2D2D;
}
.ink-bg-on .tbl-enjoy-sp td,
.ink-bg-on .tbl-enjoy-pc td,
.ink-bg-on .tbl-enjoy-sp th,
.ink-bg-on .tbl-enjoy-pc th {
  background-color: #3f3f3f!important;
  color: #fff;
}
.ink-bg-on .page-enjoy-title-wrap {
  color: #ffffff;
}
.ink-bg-on .more-btn p {
  color: #ffffff;
}
.ink-bg-on .btn-circle {
  border: 1px solid #ffffff;
}
.ink-bg-on .btn-circle::before {
  background-color: #ffffff;
}
.ink-bg-on .btn-wrap-l:hover .btn-circle,
.ink-bg-on .btn-wrap-r:hover .btn-circle,
.ink-bg-on .btn-wrap-c:hover .btn-circle {
  background-color: #ffffff;
}
.ink-bg-on .btn-wrap-l:hover .btn-circle::before,
.ink-bg-on .btn-wrap-r:hover .btn-circle::before,
.ink-bg-on .btn-wrap-c:hover .btn-circle::before {
  background-color: #010101;
}
.ink-bg-on .catalog-title,
.ink-bg-on .guide-info,
.ink-bg-on .catalog-text {
  color: #ffffff;
}