@charset "UTF-8";
/* カラーテーマ変数（特長カテゴリごとの色） */
:root {
  --enelgy-color: #7aa55c;
  --sensor-color: #e60012;
  --heating-color: #f08300;
  --cooling-color: #38908c;
  --cleanliness-color: #709bb0;
  --useful-color: #dd63cf;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
/* u-bg-*, u-text-* ユーティリティクラスを自動生成するための対応表 */
.u-bg-energy {
  background-color: #7aa55c;
  background-color: var(--enelgy-color);
}

.u-text-energy {
  color: #7aa55c;
  color: var(--enelgy-color);
}

a.u-text-energy:link {
  color: #7aa55c;
  color: var(--enelgy-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-energy:visited {
  color: #7aa55c;
  color: var(--enelgy-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-energy:active {
  color: #7aa55c;
  color: var(--enelgy-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-energy:hover {
  color: #7aa55c;
  color: var(--enelgy-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.u-bg-sensor {
  background-color: #e60012;
  background-color: var(--sensor-color);
}

.u-text-sensor {
  color: #e60012;
  color: var(--sensor-color);
}

a.u-text-sensor:link {
  color: #e60012;
  color: var(--sensor-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-sensor:visited {
  color: #e60012;
  color: var(--sensor-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-sensor:active {
  color: #e60012;
  color: var(--sensor-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-sensor:hover {
  color: #e60012;
  color: var(--sensor-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.u-bg-heating {
  background-color: #f08300;
  background-color: var(--heating-color);
}

.u-text-heating {
  color: #f08300;
  color: var(--heating-color);
}

a.u-text-heating:link {
  color: #f08300;
  color: var(--heating-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-heating:visited {
  color: #f08300;
  color: var(--heating-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-heating:active {
  color: #f08300;
  color: var(--heating-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-heating:hover {
  color: #f08300;
  color: var(--heating-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.u-bg-cooling {
  background-color: #38908c;
  background-color: var(--cooling-color);
}

.u-text-cooling {
  color: #38908c;
  color: var(--cooling-color);
}

a.u-text-cooling:link {
  color: #38908c;
  color: var(--cooling-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-cooling:visited {
  color: #38908c;
  color: var(--cooling-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-cooling:active {
  color: #38908c;
  color: var(--cooling-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-cooling:hover {
  color: #38908c;
  color: var(--cooling-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.u-bg-cleanliness {
  background-color: #709bb0;
  background-color: var(--cleanliness-color);
}

.u-text-cleanliness {
  color: #709bb0;
  color: var(--cleanliness-color);
}

a.u-text-cleanliness:link {
  color: #709bb0;
  color: var(--cleanliness-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-cleanliness:visited {
  color: #709bb0;
  color: var(--cleanliness-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-cleanliness:active {
  color: #709bb0;
  color: var(--cleanliness-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-cleanliness:hover {
  color: #709bb0;
  color: var(--cleanliness-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.u-bg-useful {
  background-color: #dd63cf;
  background-color: var(--useful-color);
}

.u-text-useful {
  color: #dd63cf;
  color: var(--useful-color);
}

a.u-text-useful:link {
  color: #dd63cf;
  color: var(--useful-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-useful:visited {
  color: #dd63cf;
  color: var(--useful-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-useful:active {
  color: #dd63cf;
  color: var(--useful-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

a.u-text-useful:hover {
  color: #dd63cf;
  color: var(--useful-color);
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.annotation_mark {
  font-size: 0.75em;
  color: #e95b94;
}

.container {
  padding-left: 20px;
  padding-right: 20px;
}

/* main_visual（メインビジュアル） */
.main_visual_title {
  margin-top: 5.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .main_visual_title {
    margin-top: 40px;
  }
}

.main_visual_title_main {
  font-size: 1.625em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .main_visual_title_main {
    font-size: 1.75em;
  }
}

.main_visual_title_sub {
  display: block;
  margin-top: 2.6666666667vw;
  font-size: 1.125em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .main_visual_title_sub {
    margin-top: 10px;
    font-size: 1.375em;
  }
}

/* main_visual.product_slide スライダー */
.main_visual.product_slide {
  margin-top: 6.4vw;
}
@media screen and (min-width: 768px) {
  .main_visual.product_slide {
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
  }
}
.main_visual.product_slide img {
  display: block;
  width: 100%;
  height: auto;
}

.main_visual.product_slide {
  position: relative;
}

.main_visual.product_slide.in-action {
  padding-bottom: 58px;
}

.main_visual.product_slide .slide_container {
  opacity: 0;
}

.main_visual.product_slide .slide_container.slick-initialized {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}

.main_visual.product_slide .slide_container.single {
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}

.main_visual.product_slide .slide_container .slide_item {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .main_visual.product_slide .slide_container .slide_item {
    margin-left: 80px;
    margin-right: 80px;
  }
}

.main_visual.product_slide .slide_container .slide_item img {
  width: 100%;
  vertical-align: bottom;
}

.main_visual.product_slide .slide_container .slide_item img.pc_only {
  display: block;
}

.main_visual.product_slide .slide_container .slide_item img.sp_only {
  display: none;
}

.main_visual.product_slide .slide_controller {
  position: absolute;
  width: 100%;
  text-align: center;
}

.main_visual.product_slide .slide_controller .controller {
  display: inline-block;
  background: url(/home/kirigamine/shared/img/arr_slide_container.png) 0 0/71px auto no-repeat;
  background-size: 71px auto;
  border: none;
  vertical-align: top;
  letter-spacing: -0.4em;
  font-size: 0;
  text-indent: -9999px;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .main_visual.product_slide .slide_controller .controller {
    margin-top: 36px;
  }
}

.main_visual.product_slide .slide_controller .controller.next,
.main_visual.product_slide .slide_controller .controller.prev {
  width: 13px;
  height: 23px;
}

.main_visual.product_slide .slide_controller .controller.next {
  margin-left: 10px;
  background-position: -58px 0;
}

.main_visual.product_slide .slide_controller .controller.pause {
  width: 15px;
  height: 23px;
  margin-left: 20px;
  background-position: -38px 0;
}

.main_visual.product_slide .slide_controller .controller.pause.paused {
  background-position: -18px 0;
}

.main_visual.product_slide .slide_controller .dots {
  display: inline-block;
  margin-left: 10px;
  margin-top: 36px;
}
@media screen and (min-width: 768px) {
  .main_visual.product_slide .slide_controller .dots {
    margin-top: 42px;
  }
}

.main_visual.product_slide .slide_controller .dots li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 0;
  margin-bottom: 0;
}

.main_visual.product_slide .slide_controller .dots li button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  background-color: #757575;
  border: none;
  border-radius: 50%;
  vertical-align: top;
  font-size: 0;
  text-indent: -9999px;
}

.main_visual.product_slide .slide_controller .dots li.slick-active button {
  background-color: #EB1D00;
}

/* anchor_nav（アンカーナビゲーション） */
.anchor_nav {
  position: sticky;
  top: 0;
  top: var(--globalStickyHeight, 0);
  z-index: 999;
  margin-top: 9.6vw;
  background-color: #fff;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
@media screen and (min-width: 768px) {
  .anchor_nav {
    margin-top: 40px;
  }
}

.anchor_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .anchor_list {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.anchor_list_item {
  font-size: 0.75em;
  text-align: center;
  border-right: 1px solid #cfcfcf;
}
.anchor_list_item:last-child {
  border: none;
}
.anchor_list_item a {
  display: block;
  padding: 3.2vw 5.3333333333vw;
  font-weight: 600;
  color: #333;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.anchor_list_item:focus {
  opacity: 0.8;
}
@media (hover: hover) and (pointer: fine) {
  .anchor_list_item:hover {
    opacity: 0.8;
  }
}
.is-ie .anchor_list_item:hover {
  opacity: 0.8;
}

@media screen and (min-width: 768px) {
  .anchor_list_item {
    font-size: 0.875em;
  }
  .anchor_list_item a {
    padding: 3px 40px;
  }
}

/* アンカーナビ用のスクロール位置調整（グローバルヘッダー分のオフセット） */
.feature,
.spec,
.warranty,
.related {
  scroll-margin-block-start: calc(0px + 14.4vw);
  scroll-margin-block-start: calc(var(--globalStickyHeight, 0px) + 14.4vw);
}
@media screen and (min-width: 768px) {
  .feature,
  .spec,
  .warranty,
  .related {
    scroll-margin-block-start: calc(0px + 64px);
    scroll-margin-block-start: calc(var(--globalStickyHeight, 0px) + 64px);
  }
}

/* pickup（ピックアップ訴求） */
.pickup {
  background-color: #f5f5f5;
}

.pickup_hero {
  position: relative;
  max-width: 57.6vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .pickup_hero {
    max-width: 393px;
  }
}

.pickup_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.6666666667vw;
     -moz-column-gap: 2.6666666667vw;
          column-gap: 2.6666666667vw;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 2.6666666667vw;
  margin-top: 5.3333333333vw;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid #eb1d00;
}
@media screen and (min-width: 768px) {
  .pickup_ttl {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    padding-bottom: 14px;
    margin-top: 20px;
  }
}

.pickup_ttl_main {
  font-size: 1.625em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .pickup_ttl_main {
    font-size: 1.75em;
  }
}

.pickup_ttl_logo {
  display: block;
  width: 3.348125em;
  height: auto;
}
@media screen and (min-width: 768px) {
  .pickup_ttl_logo {
    width: 63px;
  }
}

.pickup_check_list {
  display: grid;
  grid-row-gap: 24px;
  row-gap: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 8vw;
}
@media not all and (min-width: 768px) {
  .pickup_check_list {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .pickup_check_list {
    row-gap: 30px;
    margin-top: 44px;
  }
}

.pickup_check_item {
  position: relative;
  padding-left: 1.75em;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.3333333333;
}
@media screen and (min-width: 768px) {
  .pickup_check_item {
    padding-left: 2.2em;
    font-size: 1.375em;
    line-height: 1.3636363636;
  }
}

.pickup_check_note {
  display: block;
  margin-top: 2.1333333333vw;
  font-size: 0.75rem;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .pickup_check_note {
    margin-top: 4px;
  }
}

.pickup_check_item::before {
  position: absolute;
  top: 0.75em;
  left: 0;
  width: 1.4285714286em;
  height: 1.4285714286em;
  content: "";
  background: url("/home/kirigamine/product/2027_zw/img/icon_checkbox.svg") no-repeat center/contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .pickup_check_item::before {
    width: 30px;
    height: 30px;
  }
}

/* feature（特長） */
.feature_container {
  max-width: 100%;
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
  margin-top: 8.5333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .feature_container {
    max-width: 920px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 72px;
  }
}

.feature_section:not(:first-child) {
  padding-bottom: 5.3333333333vw;
  padding-left: 5.3333333333vw;
  padding-right: 5.3333333333vw;
  margin-top: 10.6666666667vw;
  margin-left: -5.3333333333vw;
  margin-right: -5.3333333333vw;
  border-bottom: 1px solid #c7c7c7;
}
@media screen and (min-width: 768px) {
  .feature_section:not(:first-child) {
    padding-bottom: 56px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
  }
}

.feature_section.pickup {
  padding-top: 9.8666666667vw;
  padding-bottom: 10.6666666667vw;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .feature_section.pickup {
    padding-top: 54px;
    padding-bottom: 46px;
  }
}

.feature_section.energy {
  margin-top: 19.2vw;
}
@media screen and (min-width: 768px) {
  .feature_section.energy {
    margin-top: 80px;
  }
}

.pickup_feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4.2666666667vw;
     -moz-column-gap: 4.2666666667vw;
          column-gap: 4.2666666667vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 8vw;
}
@media screen and (min-width: 768px) {
  .pickup_feature {
    -webkit-column-gap: min(60px, 4.39238653vw);
       -moz-column-gap: min(60px, 4.39238653vw);
            column-gap: min(60px, 4.39238653vw);
    margin-top: 40px;
  }
}

.pickup_feature_item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: grid;
  grid-template-rows: 1fr auto auto;
  grid-row-gap: 1.0666666667vw;
  row-gap: 1.0666666667vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  place-items: center center;
  width: 40vw;
  padding: 2.1333333333vw 0;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .pickup_feature_item {
    row-gap: 8px;
    width: 340px;
    padding: 30px 38px;
  }
}

.pickup_feature_text {
  font-size: 0.75em;
  font-weight: 300;
}

.pickup_feature_img {
  max-width: 20vw;
}
@media screen and (min-width: 768px) {
  .pickup_feature_img {
    max-width: 126px;
  }
}
.pickup_feature_img img {
  width: 100%;
  height: auto;
}

.pickup_feature_ttl {
  font-size: 1em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pickup_feature_ttl {
    font-size: 1.375em;
  }
}

.feature_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 2.6666666667vw;
     -moz-column-gap: 2.6666666667vw;
          column-gap: 2.6666666667vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.125em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .feature_ttl {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    font-size: 1.375em;
  }
}

.feature_label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.3333333333vw 3.7333333333vw;
  color: #fff;
  text-align: center;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .feature_label {
    padding: 12px 32px;
  }
}

.energy .feature_label {
  min-width: 29.3333333333vw;
}
@media screen and (min-width: 768px) {
  .energy .feature_label {
    min-width: 180px;
  }
}

.feature_lead {
  margin-top: 2.6666666667vw;
  font-size: 1.25em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .feature_lead {
    margin-top: 20px;
    font-size: 1.375em;
  }
}

.feature_lead_note {
  margin-top: 1.0666666667vw;
  font-size: 0.75em;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .feature_lead_note {
    margin-top: 4px;
    line-height: 1.3333333333;
  }
}

.feature_card_list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 4vw;
  gap: 4vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4vw;
}
@media screen and (min-width: 768px) {
  .feature_card_list {
    gap: min(20px, 1.4641288433vw) min(24px, 1.756954612vw);
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .energy .feature_card_list {
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: min(25px, 1.8301610542vw);
       -moz-column-gap: min(25px, 1.8301610542vw);
            column-gap: min(25px, 1.8301610542vw);
  }
}

@media screen and (min-width: 768px) {
  .sensor .feature_card_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.sensor .feature_card_image {
  width: 76vw;
}
@media screen and (min-width: 768px) {
  .sensor .feature_card_image {
    width: 335px;
  }
}

@media screen and (min-width: 768px) {
  .cleanliness .feature_card_list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.cleanliness .feature_card_list .feature_card_item:nth-child(2) .feature_card_image {
  width: 84.5333333333vw;
}
@media screen and (min-width: 768px) {
  .cleanliness .feature_card_list .feature_card_item:nth-child(2) .feature_card_image {
    width: 417px;
  }
}

.cleanliness .feature_card_list .feature_card_item:nth-child(3) .feature_card_image {
  width: 64.5333333333vw;
}
@media screen and (min-width: 768px) {
  .cleanliness .feature_card_list .feature_card_item:nth-child(3) .feature_card_image {
    width: 262px;
  }
}

@media screen and (min-width: 768px) {
  .useful .feature_card_list {
    grid-template-columns: 436px;
  }
}

.useful .feature_card_image {
  width: 71.7333333333vw;
}
@media screen and (min-width: 768px) {
  .useful .feature_card_image {
    width: 305px;
  }
}

.feature_card_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  row-gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 2.6666666667vw;
  padding-bottom: 2.6666666667vw;
  background-color: #f3f3f3;
}
@media screen and (min-width: 768px) {
  .feature_card_item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    row-gap: 8px;
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

.feature_card_ttl {
  font-size: 1.125em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .feature_card_ttl {
    font-size: 1.375em;
  }
}

.feature_card_text {
  font-size: 1em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .feature_card_text {
    margin-top: 2px;
  }
}

.feature_card_image {
  display: block;
  width: 64.5333333333vw;
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .feature_card_image {
    width: 242px;
    margin-top: 8px;
  }
}
.feature_card_image img {
  display: block;
  width: 100%;
  height: auto;
}

.feature_card_note {
  padding-left: 2.6666666667vw;
  padding-right: 2.6666666667vw;
  font-size: 0.75em;
  font-weight: 300;
}
@media not all and (min-width: 768px) {
  .feature_card_note {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 768px) {
  .feature_card_note {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.feature_note {
  margin-top: 4.2666666667vw;
  font-size: 0.75em;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .feature_note {
    margin-top: 16px;
  }
}

/* other_feature（その他の特長・アコーディオン仕様表） */
.other_feature {
  margin-top: 19.2vw;
}
@media screen and (min-width: 768px) {
  .other_feature {
    margin-top: 80px;
  }
}

.other_feature .container {
  max-width: 89.3333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .other_feature .container {
    max-width: 920px;
  }
}

.other_feature_ttl {
  font-size: 1.625em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .other_feature_ttl {
    font-size: 1.75em;
  }
}

.other_feature_table {
  margin-top: 8vw;
}
@media screen and (min-width: 768px) {
  .other_feature_table {
    margin-top: 40px;
  }
}

.other_feature_group {
  padding-bottom: 2.6666666667vw;
}
.other_feature_group:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .other_feature_group {
    padding-bottom: 20px;
  }
}

.other_feature_head {
  padding: 2.6666666667vw 4.2666666667vw;
  font-size: 1.125em;
  font-weight: 600;
  cursor: pointer;
  background-color: #f3f3f3;
  background-image: url("/home/kirigamine/shared/img/arr_drop_down_02.png");
  background-repeat: no-repeat;
  background-position: right 1.5em center;
  background-size: 4.2666666667vw auto;
}
.other_feature_head.x-opened {
  background-image: url("/home/kirigamine/shared/img/arr_drop_up_02.png");
}
@media screen and (min-width: 768px) {
  .other_feature_head {
    padding: 15px 50px;
    font-size: 1.375em;
    background-position: right 3.7em center;
    background-size: 36px auto;
  }
}

.other_feature_list {
  display: none;
}

.other_feature_item {
  padding-top: 4.2666666667vw;
  padding-bottom: 2.1333333333vw;
  margin-left: 4.2666666667vw;
  margin-right: 4.2666666667vw;
  border-bottom: 1px solid #d9d9d9;
}
@media not all and (min-width: 768px) {
  .other_feature_item:first-child {
    padding-top: 6.4vw;
  }
}
.other_feature_item:last-child {
  margin-bottom: 10.6666666667vw;
}
@media screen and (min-width: 768px) {
  .other_feature_item:last-child {
    margin-bottom: 56px;
  }
}
@media screen and (min-width: 768px) {
  .other_feature_item {
    padding-top: 40px;
    padding-bottom: 24px;
    margin-left: 50px;
    margin-right: 50px;
    font-size: 1em;
  }
}

.other_feature_name {
  font-size: 1em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .other_feature_name {
    font-size: 1.375em;
  }
}

/* lineup-spec（グレード選択・スペック比較表） */
.lineup-spec {
  margin-top: 19.2vw;
}
@media screen and (min-width: 768px) {
  .lineup-spec {
    margin-top: 80px;
  }
}

.lineup-spec .container {
  max-width: 89.3333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .lineup-spec .container {
    max-width: 920px;
  }
}

.lineup-spec_ttl {
  margin: 0;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lineup-spec_ttl {
    font-size: 1.75em;
    line-height: 1.5;
  }
}

.lineup-spec_controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 6.4vw;
     -moz-column-gap: 6.4vw;
          column-gap: 6.4vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5.3333333333vw;
}
@media not all and (min-width: 768px) {
  .lineup-spec_controls {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .lineup-spec_controls {
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    margin-top: 30px;
  }
}

.lineup-spec_label {
  font-size: 1.125em;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .lineup-spec_label {
    font-size: 1.375em;
  }
}

.lineup-spec_select {
  width: 210px;
  height: 32px;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.5;
  color: #333;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  background-color: #fff;
  background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%);
  background-repeat: no-repeat;
  background-position: right 17px center, right 10px center;
  background-size: 7px 7px, 7px 7px;
  border: 1px solid #333;
  border-radius: 0;
}
@media screen and (min-width: 768px) {
  .lineup-spec_select {
    width: 250px;
    height: 40px;
    font-size: 1.375em;
    line-height: 1.5;
    background-position: right 18px center, right 11px center;
    background-size: 8px 8px, 8px 8px;
  }
}

.lineup-spec_note {
  margin-top: 5.3333333333vw;
  font-size: 1em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lineup-spec_note {
    margin-top: 20px;
  }
}

.lineup-spec_stage {
  margin-top: 4.2666666667vw;
}
@media screen and (min-width: 768px) {
  .lineup-spec_stage {
    margin-top: 30px;
  }
}

.lineup-spec_panel {
  display: grid;
  grid-template-columns: 1fr 78.1333333333vw 1fr;
  padding-top: 2.1333333333vw;
  padding-bottom: 11.2vw;
  background-color: #f3f3f3;
}
.lineup-spec_panel:not(.is-active) {
  display: none;
}
@media screen and (min-width: 768px) {
  .lineup-spec_panel {
    grid-template-columns: 1fr 440px 1fr;
    padding-top: 24px;
    padding-bottom: 50px;
  }
}

.lineup-spec_wrap {
  grid-area: 1/2;
}

.lineup-spec_item {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: 1fr auto;
  grid-row-gap: 1.0666666667vw;
  row-gap: 1.0666666667vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 8vw;
  padding-top: 4.2666666667vw;
  padding-bottom: 2.1333333333vw;
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .lineup-spec_item {
    row-gap: 8px;
    min-height: 30px;
    padding-top: 22px;
    padding-bottom: 16px;
  }
}

.lineup-spec_item:has(.lineup-spec_item-toggle:checked) {
  display: none;
}

.lineup-spec_item-label {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4285714286;
  color: #333;
}

.lineup-spec_item-hide {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  cursor: pointer;
}

.lineup-spec_item-toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
  opacity: 0;
}

.lineup-spec_item-hide-icon {
  font-weight: 600;
  color: #ec1d00;
}

.lineup-spec_item-toggle:focus-visible + .lineup-spec_item-hide-icon {
  outline: 2px solid #333;
  outline-offset: 2px;
}

.lineup-spec_item-value {
  grid-column: 1/3;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4285714286;
  color: #333;
}

.lineup-spec_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.lineup-spec_detail_wrap {
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
}
@media (scripting: none) {
  .lineup-spec_detail_wrap {
    display: block !important;
  }
}

.lineup-spec_detail-summary {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-column-gap: 1.6vw;
     -moz-column-gap: 1.6vw;
          column-gap: 1.6vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 8.5333333333vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 600;
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid #333;
}
@media screen and (min-width: 768px) {
  .lineup-spec_detail-summary {
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
    margin-top: 40px;
  }
}
@media (scripting: none) {
  .lineup-spec_detail-summary {
    display: none;
  }
}

.lineup-spec_detail[open] .lineup-spec_detail-summary {
  display: none;
}

.lineup-spec_detail-summary::after {
  content: "";
  border-top: 0.9375em solid currentcolor;
  border-left: 0.5625em solid transparent;
  border-right: 0.5625em solid transparent;
}

.lineup-spec_reset {
  margin-top: 5.3333333333vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lineup-spec_reset {
    margin-top: 20px;
  }
}

.lineup-spec_reset-btn {
  font-size: 1em;
  font-weight: 600;
  color: #eb1d00;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .lineup-spec_reset-btn {
    font-size: 1.375em;
  }
}

/* spec（仕様：リモコン・室内機寸法） */
.spec {
  margin-top: 18.6666666667vw;
}
@media screen and (min-width: 768px) {
  .spec {
    margin-top: 100px;
  }
}

.spec .container {
  max-width: 89.3333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .spec .container {
    max-width: 920px;
  }
}

.spec .headline .inner {
  padding-bottom: 0;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .spec .headline .inner {
    border-bottom-width: 2px;
  }
}

.spec_body {
  padding: 5.3333333333vw 2.6666666667vw 10.6666666667vw;
  margin-top: 8vw;
  background-color: #f5f5f5;
}
@media screen and (min-width: 768px) {
  .spec_body {
    padding: 40px min(50px, 3.6603221083vw) 96px;
    margin-top: 20px;
  }
}

.spec_block + .spec_block {
  margin-top: 9.0666666667vw;
}
@media screen and (min-width: 768px) {
  .spec_block + .spec_block {
    margin-top: 87px;
  }
}

.spec_subttl {
  font-size: 1.125em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .spec_subttl {
    font-size: 1.375em;
  }
}

.spec_remote_img {
  display: block;
  margin-top: 2.6666666667vw;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .spec_remote_img {
    margin-top: 27px;
  }
}

.spec_size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.4vw;
}
@media screen and (min-width: 768px) {
  .spec_size {
    display: grid;
    grid-template-areas: "front side" "box   side" "notes notes";
    grid-template-columns: -webkit-fit-content -webkit-fit-content;
    grid-template-columns: fit-content fit-content;
    grid-column-gap: 2.34375vw;
    -webkit-column-gap: 2.34375vw;
       -moz-column-gap: 2.34375vw;
            column-gap: 2.34375vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px;
  }
}
@media screen and (min-width: 1280px) {
  .spec_size {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}

@media screen and (min-width: 768px) {
  .spec_size_front {
    grid-area: front;
    justify-self: end;
    width: 425px;
  }
}
.spec_size_front img {
  display: block;
  max-width: 100%;
  height: auto;
}

.spec_size_box {
  width: 100%;
  padding-top: 4.2666666667vw;
  padding-bottom: 4.2666666667vw;
  margin-top: 4.2666666667vw;
  font-size: 1em;
  font-weight: 600;
  color: #333;
  text-align: center;
  background-color: #fff;
  border: 0.5333333333vw solid #0079d1;
}
@media screen and (min-width: 768px) {
  .spec_size_box {
    grid-area: box;
    justify-self: end;
    max-width: 425px;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 7px;
    font-size: 1.375em;
    border-width: 2px;
  }
}

.spec_notes {
  width: 100%;
  margin-top: 6.1333333333vw;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .spec_notes {
    grid-area: notes/notes;
    margin-top: 40px;
  }
}

.spec_note {
  padding-left: 5.8666666667vw;
  font-size: 0.75em;
  font-weight: 300;
  color: #000;
  text-indent: -8vw;
}
@media screen and (min-width: 768px) {
  .spec_note {
    padding-left: 2.625em;
    text-indent: -2.625em;
  }
}

.spec_size_side {
  margin-top: 5.0666666667vw;
}
@media screen and (min-width: 768px) {
  .spec_size_side {
    grid-area: side;
    width: 176px;
    margin-top: 7px;
  }
}
.spec_size_side img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* warranty（保証） */
.warranty {
  margin-top: 18.6666666667vw;
}
@media screen and (min-width: 768px) {
  .warranty {
    margin-top: 100px;
  }
}

.warranty .container {
  max-width: 89.3333333333vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .warranty .container {
    max-width: 920px;
  }
}

.warranty .headline .inner {
  padding-bottom: 0;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .warranty .headline .inner {
    border-bottom-width: 2px;
  }
}

.warranty_lead {
  margin-top: 8.2666666667vw;
  font-size: 1em;
  font-weight: 600;
  color: #333;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .warranty_lead {
    margin-top: 23px;
  }
}

.warranty_subttl {
  margin-top: 5.3333333333vw;
  font-size: 1em;
  font-weight: 600;
  color: #333;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .warranty_subttl {
    margin-top: 30px;
    font-size: 1.375em;
  }
}

.warranty_table {
  width: 100%;
  margin-top: 4.2666666667vw;
  table-layout: fixed;
  border-collapse: collapse;
}
@media screen and (min-width: 768px) {
  .warranty_table {
    max-width: 460px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}

.warranty_table_head,
.warranty_table_data {
  height: 10.9333333333vw;
  font-size: 1.125em;
  font-weight: 600;
  vertical-align: middle;
  color: #333;
  border: 0.2666666667vw solid #333;
}
@media screen and (min-width: 768px) {
  .warranty_table_head,
  .warranty_table_data {
    height: 51px;
    font-size: 1.375em;
    border-width: 1px;
  }
}

.warranty_table_head {
  width: 28.5333333333vw;
  padding-left: 9.3333333333vw;
}
@media screen and (min-width: 768px) {
  .warranty_table_head {
    width: 140px;
    padding-left: 48px;
  }
}

.warranty_table_data {
  text-align: center;
}

.warranty_table_num {
  font-size: 1.125em;
}
@media screen and (min-width: 768px) {
  .warranty_table_num {
    font-size: 1.375em;
  }
}

.warranty_note {
  margin-top: 4.2666666667vw;
  font-size: 0.75em;
  font-weight: 300;
  color: #333;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .warranty_note {
    margin-top: 16px;
  }
}

.warranty_apply {
  margin-top: 4.2666666667vw;
  font-size: 1em;
  font-weight: 600;
  color: #333;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .warranty_apply {
    margin-top: 16px;
    font-size: 1.375em;
  }
}

.warranty_link {
  display: block;
  max-width: 100%;
  margin-top: 8.5333333333vw;
  margin-left: auto;
  margin-right: auto;
  font-size: 1em;
  font-weight: 600;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .warranty_link {
    max-width: 327px;
    margin-top: 40px;
    font-size: 0.875em;
  }
}
.warranty_link a {
  background-position: calc(50% - 8em) center;
}

/* related（関連商品） */
.related {
  margin-top: 21.3333333333vw;
}
@media screen and (min-width: 768px) {
  .related {
    margin-top: 100px;
  }
}

.related .headline .inner {
  padding-bottom: 0;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .related .headline .inner {
    border-bottom-width: 2px;
  }
}

.link_card {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: min(38px, 4.9543676662vw);
  gap: min(38px, 4.9543676662vw);
  max-width: 100%;
  margin-top: 8vw;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .link_card {
    grid-template-columns: repeat(3, 1fr);
    gap: min(38px, 2.7818448023vw);
    max-width: 826px;
    margin-top: 50px;
  }
}

@media not all and (min-width: 768px) {
  .link_card_item:nth-child(1) .link_card_title {
    font-size: 0.5625em;
    letter-spacing: -0.01875em;
  }
}
@media screen and (min-width: 768px) {
  .link_card_item:nth-child(1) .link_card_title {
    font-size: 0.9375em;
  }
}

.link_card_title {
  padding-top: 2.1333333333vw;
  padding-bottom: 2.1333333333vw;
  font-size: 0.625em;
  font-weight: 600;
  text-align: center;
  background-color: #ececec;
  border-bottom: 2px solid #fff;
}
@media screen and (min-width: 768px) {
  .link_card_title {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1em;
  }
}

.link_card_item {
  min-width: 41.6vw;
}
@media screen and (min-width: 768px) {
  .link_card_item {
    min-width: min(250px, 18.3016105417vw);
  }
}
.link_card_item a {
  color: #000;
}

.link_card_link {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.link_card_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 18.6666666667vw;
  background-color: #ececec;
}
.link_card_img img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .link_card_img {
    min-height: 106px;
  }
}

.foot_products_nav {
  margin-top: 22.6666666667vw;
}
@media screen and (min-width: 768px) {
  .foot_products_nav {
    margin-top: 175px;
  }
}