@charset "UTF-8";
/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*============================
#kitchen
============================*/
/* line 10, _kitchen.scss */
#kitchen { /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 22, _kitchen.scss */
#kitchen .sink.flex { margin: 0 auto 60px; }
/* line 29, _kitchen.scss */
#kitchen .sink.flex .specWrap { width: 32%; margin-top: -10px; }
/* line 30, _kitchen.scss */
#kitchen .sink.flex .intro { text-align: left; margin-bottom: 20px; }
/* line 31, _kitchen.scss */
#kitchen .sink.flex .intro .ph.main { margin-bottom: 15px; }
/* line 32, _kitchen.scss */
#kitchen .sink.flex .intro .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
/* line 34, _kitchen.scss */
#kitchen .sink.flex .spec.flex { text-align: left; }
/* line 35, _kitchen.scss */
#kitchen .sink.flex .spec.flex .sec01 { background: #b3d1e2; padding: 12px 12px; color: #fff; margin-bottom: 20px; }
/* line 36, _kitchen.scss */
#kitchen .sink.flex .spec.flex .sec01 span, #kitchen .sink.flex .spec.flex .sec01 em { display: block; }
/* line 37, _kitchen.scss */
#kitchen .sink.flex .spec.flex .sec01 span { margin-bottom: 8px; }
/* line 38, _kitchen.scss */
#kitchen .sink.flex .spec.flex .sec01 em { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; }
/* line 41, _kitchen.scss */
#kitchen .sink.flex .spec.flex .sec02 .phSet.flex { background: #d0d2d5; padding: 12px 12px; margin-bottom: 10px; }
/* line 42, _kitchen.scss */
#kitchen .sink.flex .spec.flex .sec02 .phSet.flex span { width: 80%; margin: auto; }
/* line 43, _kitchen.scss */
#kitchen .sink.flex .spec.flex .sec02 .phSet.flex span:not(:last-child) { margin-bottom: 15px; }
/* line 46, _kitchen.scss */
#kitchen .sink.flex .spec.flex .sec02 .read { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; }
/* line 49, _kitchen.scss */
#kitchen .sink.flex .point { width: 65%; }
/* line 51, _kitchen.scss */
#kitchen .sink.flex .point ul li { /* border: 1px solid $gray-600; padding: 8px 15px 15px;*/ text-align: left; align-items: flex-start; }
/* line 52, _kitchen.scss */
#kitchen .sink.flex .point ul li:not(:last-child) { margin-bottom: 35px; }
/* line 53, _kitchen.scss */
#kitchen .sink.flex .point ul li .tit { font-size: 21px; font-size: 1.3125rem; line-height: 2.1rem; margin-bottom: 25px; background: #efefef; width: 100%; padding: 0 10px; }
/* line 54, _kitchen.scss */
#kitchen .sink.flex .point ul li .tit span.en { /*@include fs(24,1.8);*/ letter-spacing: .0em; margin-right: 8px; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-weight: 500; }
/* line 55, _kitchen.scss */
#kitchen .sink.flex .point ul li .tit em { font-weight: 500; letter-spacing: .025em; }
/* line 57, _kitchen.scss */
#kitchen .sink.flex .point ul li .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 69%; }
/* line 58, _kitchen.scss */
#kitchen .sink.flex .point ul li .wrap .ph.main { width: 39%; }
/* line 59, _kitchen.scss */
#kitchen .sink.flex .point ul li .wrap .phSet { display: flex; justify-content: space-between; flex-wrap: wrap; width: 58%; }
/* line 60, _kitchen.scss */
#kitchen .sink.flex .point ul li .wrap .phSet span { width: 48%; }
/* line 62, _kitchen.scss */
#kitchen .sink.flex .point ul li .wrap .read { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; margin-top: 10px; }
/* line 64, _kitchen.scss */
#kitchen .sink.flex .point ul li .listLi { width: 26%; position: relative; }
/* line 65, _kitchen.scss */
#kitchen .sink.flex .point ul li .listLi::after { content: ""; width: 1px; height: 100%; background: rgba(52, 58, 64, 0.25); position: absolute; top: 0; right: calc(100% + 9%); }
/* line 66, _kitchen.scss */
#kitchen .sink.flex .point ul li .listLi .ph { margin: 0 auto 8px; }
/* line 68, _kitchen.scss */
#kitchen .sink.flex .point ul li .listLi .text .t { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; letter-spacing: .0em; margin-bottom: 3px; color: #1a2b44; font-weight: 500; }
/* line 69, _kitchen.scss */
#kitchen .sink.flex .point ul li .listLi .text .read { font-size: 12px; font-size: 0.75rem; line-height: 1.125rem; letter-spacing: 0; }
/* line 74, _kitchen.scss */
#kitchen .sink.flex .point ul li.sec01.flex .tit { color: #eb613b; }
/* line 77, _kitchen.scss */
#kitchen .sink.flex .point ul li.sec02.flex .tit { color: #2ea7e0; }
/* line 80, _kitchen.scss */
#kitchen .sink.flex .point ul li.sec03.flex .tit { color: #8fc31f; }
@media only screen and (max-width: 750px) { /* line 123, _kitchen.scss */
  #kitchen .sink.flex { margin: 0 auto 40px; padding: 0 5%; box-sizing: border-box; }
  /* line 130, _kitchen.scss */
  #kitchen .sink.flex .specWrap { width: 100%; margin-top: 0px; }
  /* line 131, _kitchen.scss */
  #kitchen .sink.flex .intro { margin-bottom: 20px; }
  /* line 132, _kitchen.scss */
  #kitchen .sink.flex .intro .ph.main { margin-bottom: 15px; }
  /* line 133, _kitchen.scss */
  #kitchen .sink.flex .intro .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
  /* line 135, _kitchen.scss */
  #kitchen .sink.flex .spec.flex { margin-bottom: 30px; }
  /* line 136, _kitchen.scss */
  #kitchen .sink.flex .spec.flex .sec01 { padding: 12px 12px; margin-bottom: 25px; }
  /* line 137, _kitchen.scss */
  #kitchen .sink.flex .spec.flex .sec01 span, #kitchen .sink.flex .spec.flex .sec01 em { display: block; }
  /* line 138, _kitchen.scss */
  #kitchen .sink.flex .spec.flex .sec01 span { margin-bottom: 8px; }
  /* line 139, _kitchen.scss */
  #kitchen .sink.flex .spec.flex .sec01 em { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; }
  /* line 142, _kitchen.scss */
  #kitchen .sink.flex .spec.flex .sec02 .phSet.flex { padding: 12px 12px; margin-bottom: 10px; }
  /* line 143, _kitchen.scss */
  #kitchen .sink.flex .spec.flex .sec02 .phSet.flex span { width: 100%; }
  /* line 144, _kitchen.scss */
  #kitchen .sink.flex .spec.flex .sec02 .phSet.flex span:not(:last-child) { margin-bottom: 15px; }
  /* line 147, _kitchen.scss */
  #kitchen .sink.flex .spec.flex .sec02 .read { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; }
  /* line 150, _kitchen.scss */
  #kitchen .sink.flex .point { width: 100%; }
  /* line 153, _kitchen.scss */
  #kitchen .sink.flex .point ul li:not(:last-child) { margin-bottom: 40px; }
  /* line 154, _kitchen.scss */
  #kitchen .sink.flex .point ul li .tit { margin-bottom: 15px; position: relative; padding: 3px 6px; padding-left: 42px; }
  /* line 155, _kitchen.scss */
  #kitchen .sink.flex .point ul li .tit span.en { font-size: 20px; font-size: 1.25rem; line-height: 2rem; margin-right: 0px; position: absolute; top: 1px; left: 10px; }
  /* line 156, _kitchen.scss */
  #kitchen .sink.flex .point ul li .tit em { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; display: block; }
  /* line 158, _kitchen.scss */
  #kitchen .sink.flex .point ul li .wrap { width: 100%; }
  /* line 159, _kitchen.scss */
  #kitchen .sink.flex .point ul li .wrap .ph.main { width: 80%; margin: 0 auto 20px; }
  /* line 160, _kitchen.scss */
  #kitchen .sink.flex .point ul li .wrap .phSet { width: 100%; }
  /* line 161, _kitchen.scss */
  #kitchen .sink.flex .point ul li .wrap .phSet span { width: 48%; }
  /* line 163, _kitchen.scss */
  #kitchen .sink.flex .point ul li .wrap .read { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; margin-top: 10px; }
  /* line 165, _kitchen.scss */
  #kitchen .sink.flex .point ul li .listLi { width: 100%; position: relative; margin-top: 40px; display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 166, _kitchen.scss */
  #kitchen .sink.flex .point ul li .listLi::after { width: 100%; height: 1px; position: absolute; top: -22px; right: 0; }
  /* line 167, _kitchen.scss */
  #kitchen .sink.flex .point ul li .listLi .ph { margin: 0; width: 36%; margin-top: 5px; }
  /* line 168, _kitchen.scss */
  #kitchen .sink.flex .point ul li .listLi .text { width: 60%; }
  /* line 169, _kitchen.scss */
  #kitchen .sink.flex .point ul li .listLi .text .t { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; margin-bottom: 3px; }
  /* line 170, _kitchen.scss */
  #kitchen .sink.flex .point ul li .listLi .text .read { font-size: 13px; font-size: 0.8125rem; line-height: 1.21875rem; }
  /* line 175, _kitchen.scss */
  #kitchen .sink.flex .point ul li.sec01.flex .tit { color: #eb613b; }
  /* line 178, _kitchen.scss */
  #kitchen .sink.flex .point ul li.sec02.flex .tit { color: #2ea7e0; }
  /* line 181, _kitchen.scss */
  #kitchen .sink.flex .point ul li.sec03.flex .tit { color: #8fc31f; }
  /* line 195, _kitchen.scss */
  #kitchen .listWrap ul.wideList.flex li.ph:not(:last-child) { margin-bottom: 20px; }
  /* line 196, _kitchen.scss */
  #kitchen .listWrap ul.wideList.flex li.t { margin-bottom: 10px; } }

/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*============================
#bathroom
============================*/
/* line 10, _bathroom.scss */
#bathroom { /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 30, _bathroom.scss */
#bathroom .listWrap.flex .list01 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 31, _bathroom.scss */
#bathroom .listWrap.flex .list01 .yokuso.listLi { background: #f1f1f1; padding: 25px 25px; margin-bottom: 30px; width: 65.25%; }
/* line 32, _bathroom.scss */
#bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex { margin-bottom: 20px; }
/* line 35, _bathroom.scss */
#bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li .cap { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; margin-top: 10px; }
/* line 36, _bathroom.scss */
#bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(1) { width: 100%; margin-bottom: 20px; }
/* line 37, _bathroom.scss */
#bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(2) { width: 100%; }
/* line 38, _bathroom.scss */
#bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(2) .cap { text-align: right; }
/* line 39, _bathroom.scss */
#bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(2) .ph { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 41, _bathroom.scss */
#bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(2) .ph span:nth-of-type(1) { width: 60%; }
/* line 42, _bathroom.scss */
#bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(2) .ph span:nth-of-type(2) { width: 38%; }
/* line 50, _bathroom.scss */
#bathroom .listWrap.flex .list01 .list { flex-direction: column; width: calc(100% / 3 - 30px); }
/* line 51, _bathroom.scss */
#bathroom .listWrap.flex .list01 .list li { width: 100%; }
/* line 54, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex { margin-bottom: 20px; }
/* line 57, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li .ph { width: 35%; margin-bottom: 0; }
/* line 58, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li .text { width: 62%; }
/* line 60, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.karari { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 62, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.karari .ph span.logo { position: absolute; bottom: 10px; left: 10px; width: 100px; }
/* line 65, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.karari .text .zu { margin-bottom: 12px; }
/* line 70, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.kanso { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 74, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.kanso .text .t .zu.flex { margin-bottom: 12px; }
/* line 76, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.kanso .text .t .zu.flex span:nth-of-type(1) { width: 59%; }
/* line 77, _bathroom.scss */
#bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.kanso .text .t .zu.flex span:nth-of-type(2) { width: 38%; }
@media only screen and (max-width: 750px) { /* line 120, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .yokuso.listLi { padding: 12px 12px; margin-bottom: 30px; width: 100%; }
  /* line 121, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex { margin-bottom: 15px; }
  /* line 124, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li .cap { font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; margin-top: 6px; }
  /* line 125, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(1) { width: 100%; margin-bottom: 10px; }
  /* line 126, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(2) { width: 100%; }
  /* line 127, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(2) .ph { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 129, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(2) .ph span:nth-of-type(1) { width: 53%; }
  /* line 130, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .yokuso.listLi ul.phSet.flex li:nth-of-type(2) .ph span:nth-of-type(2) { width: 45%; }
  /* line 138, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .list { flex-direction: row; width: 100%; }
  /* line 139, _bathroom.scss */
  #bathroom .listWrap.flex .list01 .list li { width: 47.5%; }
  /* line 142, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex { margin-bottom: 0px; }
  /* line 145, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li .ph { width: 35%; margin-bottom: 0; }
  /* line 146, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li .text { width: 62%; }
  /* line 148, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.karari { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 150, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.karari .ph span.logo { position: absolute; bottom: 10px; left: 10px; width: 100px; }
  /* line 153, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.karari .text .zu { margin-bottom: 12px; }
  /* line 158, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.kanso { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 162, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.kanso .text .t .zu.flex { margin-bottom: 12px; }
  /* line 164, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.kanso .text .t .zu.flex span:nth-of-type(1) { width: 59%; }
  /* line 165, _bathroom.scss */
  #bathroom .listWrap.flex .karari_kanso.flex ul.list.wide li.kanso .text .t .zu.flex span:nth-of-type(2) { width: 38%; } }

/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*============================
#powderroom
============================*/
/* line 10, _powderroom.scss */
#powderroom { /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }

/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*============================
#restroom
============================*/
/* line 10, _restroom.scss */
#restroom { /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }

/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*===========================
#eco
=============================*/
/* line 10, _eco.scss */
#eco { /* 共通 */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==========================================================================================================================


BBIQ


==========================================================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==============================================================================================

BBIQ電力

===============================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==============================================================================================

BBIQ光テレビ

===============================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==============================================================================================

マンションまるごとBBIQ

===============================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==========================================================================================================================


エコジョーズ


==========================================================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==========================================================================================================================


食器洗浄乾燥機


==========================================================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==========================================================================================================================


LED照明


==========================================================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==========================================================================================================================


魔法びん浴槽


==========================================================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==========================================================================================================================


浴室換気暖房乾燥機


==========================================================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==========================================================================================================================


節水トイレ


==========================================================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ /*==========================================================================================================================


複層ガラス


==========================================================================================================================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 13, _eco.scss */
#eco .mainImg .text .logo { width: 150px; margin-bottom: 15px; }
/* line 22, _eco.scss */
#eco .sec .secWrap, #eco .sec02 .secWrap { border: 1px solid #868e96; }
/* line 23, _eco.scss */
#eco .sec .secInner, #eco .sec02 .secInner { padding: 0px 20px 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 24, _eco.scss */
#eco .sec .catch.jpG, #eco .sec02 .catch.jpG { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; margin-bottom: 15px; color: #1a2b44; }
/* line 25, _eco.scss */
#eco .sec .ttlWrap, #eco .sec02 .ttlWrap { align-items: flex-start; margin-bottom: 20px; width: 100%; }
/* line 26, _eco.scss */
#eco .sec .ttlWrap .ttl2.jpG, #eco .sec02 .ttlWrap .ttl2.jpG { font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; background: #1a2b44; color: #fff; padding: 5px 15px; margin-right: 15px; }
/* line 27, _eco.scss */
#eco .sec .ttlWrap .catch, #eco .sec02 .ttlWrap .catch { font-size: 19px; font-size: 1.1875rem; line-height: 1.9rem; color: #4c4948; letter-spacing: .075em; padding-top: 10px; }
/* line 30, _eco.scss */
#eco #bbiq, #eco .sec02 { text-align: left; }
/* line 31, _eco.scss */
#eco #bbiq:not(:last-child), #eco .sec02:not(:last-child) { margin-bottom: 60px; }
@media only screen and (max-width: 750px) { /* line 10, _eco.scss */
  #eco { /* 共通 */ }
  /* line 39, _eco.scss */
  #eco .mainImg .text .logo { width: 100px; margin: 0 auto 15px; }
  /* line 49, _eco.scss */
  #eco .sec .secInner, #eco .sec02 .secInner { padding: 0px 15px 15px; }
  /* line 50, _eco.scss */
  #eco .sec .catch.jpG, #eco .sec02 .catch.jpG { font-size: 19px; font-size: 1.1875rem; line-height: 1.9rem; margin-bottom: 15px; }
  /* line 51, _eco.scss */
  #eco .sec .ttlWrap, #eco .sec02 .ttlWrap { margin-bottom: 10px; }
  /* line 52, _eco.scss */
  #eco .sec .ttlWrap .ttl2.jpG, #eco .sec02 .ttlWrap .ttl2.jpG { font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; padding: 3px 12px; margin-bottom: 10px; letter-spacing: .025em; text-align: center; width: 100%; margin-right: 0; }
  /* line 53, _eco.scss */
  #eco .sec .ttlWrap .catch, #eco .sec02 .ttlWrap .catch { padding: 0 5%; }
  /* line 56, _eco.scss */
  #eco #bbiq, #eco .sec02 { padding: 0 5%; box-sizing: border-box; }
  /* line 57, _eco.scss */
  #eco #bbiq:not(:last-child), #eco .sec02:not(:last-child) { margin-bottom: 60px; } }
/* line 68, _eco.scss */
#eco #bbiq { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 50px; /*.catch.eco.jpG { @include fs(28,1.6); color: #2d9b93; letter-spacing: .025em; position: relative;  @include flexWrap; justify-content: flex-start; margin-bottom: 20px;
span.grippi { width: 100px; margin-top: -30px;}
}*/ }
/* line 76, _eco.scss */
#eco #bbiq .sec .secWrap .copy { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; margin-bottom: 15px; }
/* line 79, _eco.scss */
#eco #bbiq .sec .secWrap .cWrap .c .tEco, #eco #bbiq .sec .secWrap .cWrap li .tEco { font-size: 16px; font-size: 1rem; line-height: 1.5rem; color: #1a2b44; font-weight: 600; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; padding-left: 1.2em; position: relative; margin-bottom: 10px; width: 100%; box-sizing: border-box; }
/* line 80, _eco.scss */
#eco #bbiq .sec .secWrap .cWrap .c .tEco::before, #eco #bbiq .sec .secWrap .cWrap li .tEco::before { content: "■"; position: absolute; top: 0; left: 0; }
/* line 84, _eco.scss */
#eco #bbiq .sec.bbiqDenryoku { width: 100%; margin-bottom: 40px; }
/* line 85, _eco.scss */
#eco #bbiq .sec.bbiqTelevi { width: 100%; margin-bottom: 40px; }
/* line 86, _eco.scss */
#eco #bbiq .sec.bbiqMarugoto { width: 100%; }
@media only screen and (max-width: 750px) { /* line 92, _eco.scss */
  #eco #bbiq { margin-bottom: 40px; }
  /* line 93, _eco.scss */
  #eco #bbiq .catch.eco.jpG { font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; margin-bottom: 20px; }
  /* line 94, _eco.scss */
  #eco #bbiq .catch.eco.jpG em { order: 1; text-align: center; width: 100%; }
  /* line 95, _eco.scss */
  #eco #bbiq .catch.eco.jpG span.grippi { width: 100px; margin: 0 auto 10px; position: relative; right: -5%; order: 0; }
  /* line 101, _eco.scss */
  #eco #bbiq .sec .secWrap .copy { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; margin-bottom: 15px; }
  /* line 104, _eco.scss */
  #eco #bbiq .sec .secWrap .cWrap .c .tEco { font-size: 16px; font-size: 1rem; line-height: 1.5rem; padding-left: 1.2em; }
  /* line 105, _eco.scss */
  #eco #bbiq .sec .secWrap .cWrap .c .tEco::before { top: 0; left: 0; }
  /* line 109, _eco.scss */
  #eco #bbiq .sec.bbiqDenryoku { width: 100%; margin-bottom: 40px; }
  /* line 110, _eco.scss */
  #eco #bbiq .sec.bbiqTelevi { width: 100%; margin-bottom: 40px; }
  /* line 111, _eco.scss */
  #eco #bbiq .sec.bbiqMarugoto { width: 100%; } }
/* line 123, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 126, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c .tEco { margin-bottom: 10px; }
/* line 128, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c01 { width: 44%; }
/* line 131, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c01 .ph span { display: block; margin: auto; }
/* line 132, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c01 .ph span:nth-of-type(1) { width: 80%; margin-bottom: 40px; position: relative; }
/* line 133, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c01 .ph span:nth-of-type(1)::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 18px 0 18px; border-color: #9dc8d5 transparent transparent transparent; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: calc(100% + 10px); }
/* line 135, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c01 .ph span:nth-of-type(2) { width: 100%; }
/* line 139, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c02_03 { width: 52%; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 140, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c02 { width: 100%; margin-bottom: 30px; }
/* line 142, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c02 .ph.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 143, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c02 .ph.flex span { width: 48%; }
/* line 144, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c02 .ph.flex span:nth-of-type(1) { /*margin-bottom: 15px;*/ }
/* line 148, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c03 { width: 100%; }
/* line 152, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c03 .ph.flex span:nth-of-type(1) { width: 62%; }
/* line 153, _eco.scss */
#eco .sec.bbiqDenryoku .secWrap .cWrap .c03 .ph.flex span:nth-of-type(2) { width: 28%; }
@media only screen and (max-width: 750px) { /* line 166, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c:not(:last-child) { margin-bottom: 30px; }
  /* line 167, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c .tEco { margin-bottom: 10px; }
  /* line 169, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c01 { width: 100%; }
  /* line 171, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c01 .ph { padding: 0 0em; }
  /* line 176, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c02_03 { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 177, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c02 { /*width: 28%;*/ }
  /* line 179, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c02 .ph.flex { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 1em; }
  /* line 180, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c02 .ph.flex span { width: 100%; }
  /* line 181, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c02 .ph.flex span:nth-of-type(1) { margin-bottom: 15px; }
  /* line 185, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c03 { width: 100%; }
  /* line 189, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c03 .ph.flex span:nth-of-type(1) { width: 66%; }
  /* line 190, _eco.scss */
  #eco .sec.bbiqDenryoku .secWrap .cWrap .c03 .ph.flex span:nth-of-type(2) { width: 30%; } }
/* line 204, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 205, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li { width: 48%; }
/* line 206, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li:not(:last-child) { /*margin-bottom: 26px;*/ }
/* line 207, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li .tEco { /*margin-bottom: 6px;*/ }
/* line 208, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li .read { /*@include fs(14,1.8);*/ }
/* line 212, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li.c01 .tEco:nth-of-type(2) { margin-top: 20px; }
/* line 214, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li.c01 .ph { float: right; width: 56%; position: relative; margin-left: 15px; }
/* line 216, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li.c02 { display: flex; justify-content: space-between; flex-wrap: wrap; /*.read { @include flexWrap;
em{ width: 66%;}
span { width: 30%;}
}*/ }
/* line 222, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li.c02 .read { width: 37%; }
/* line 223, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li.c02 .read span, #eco .sec.bbiqTelevi .secWrap ul.cWrap li.c02 .read em { display: block; }
/* line 225, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li.c02 .read span { margin-top: 15px; }
/* line 227, _eco.scss */
#eco .sec.bbiqTelevi .secWrap ul.cWrap li.c02 .ph.flex { width: 59%; }
/* line 230, _eco.scss */
#eco .sec.bbiqTelevi .secWrap .cap { font-size: 13px; font-size: 0.8125rem; line-height: 1.21875rem; margin-top: 21px; }
@media only screen and (max-width: 750px) { /* line 243, _eco.scss */
  #eco .sec.bbiqTelevi .secWrap ul.cWrap li { width: 100%; }
  /* line 244, _eco.scss */
  #eco .sec.bbiqTelevi .secWrap ul.cWrap li:not(:last-child) { margin-bottom: 30px; }
  /* line 245, _eco.scss */
  #eco .sec.bbiqTelevi .secWrap ul.cWrap li .tEco { /*margin-bottom: 6px;*/ }
  /* line 246, _eco.scss */
  #eco .sec.bbiqTelevi .secWrap ul.cWrap li .read { /*@include fs(14,1.8);*/ }
  /* line 251, _eco.scss */
  #eco .sec.bbiqTelevi .secWrap ul.cWrap li.c01 .ph { float: none; width: 86%; position: relative; margin: 0 auto 15px; }
  /* line 255, _eco.scss */
  #eco .sec.bbiqTelevi .secWrap ul.cWrap li.c02 .read { width: 100%; margin: 0 auto 25px; }
  /* line 258, _eco.scss */
  #eco .sec.bbiqTelevi .secWrap ul.cWrap li.c02 .read span { margin: 15px auto 0; width: 160px; }
  /* line 260, _eco.scss */
  #eco .sec.bbiqTelevi .secWrap ul.cWrap li.c02 .ph.flex { width: 100%; }
  /* line 263, _eco.scss */
  #eco .sec.bbiqTelevi .secWrap .cap { font-size: 10px; font-size: 0.625rem; line-height: 0.9375rem; margin-top: 15px; } }
/* line 276, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap ul.cWrap { width: 37%; line-height: 0; }
/* line 278, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .logo { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 15px; }
/* line 279, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .logo em { width: 90%; margin-bottom: 0px; }
/* line 280, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .logo span { width: 100px; margin-left: auto; }
/* line 283, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .read { margin-bottom: 20px; }
/* line 284, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .ph { margin-bottom: 30px; }
/* line 286, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 ul.check li { position: relative; padding-left: 1.2em; }
/* line 287, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 ul.check li:not(:last-child) { margin-bottom: 10px; }
/* line 288, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 ul.check li::before { content: "□"; position: absolute; top: 0; left: 0; }
/* line 290, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 { width: 59%; }
/* line 291, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 .tit.jpG { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; font-weight: 600; letter-spacing: .025em; margin-bottom: 10px; color: #1a2b44; }
/* line 292, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoPoint { margin-bottom: 10px; }
/* line 293, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoPoint li { color: #d71618; position: relative; padding-left: 1.2em; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-weight: 600; font-size: 16px; font-size: 1rem; line-height: 1.5rem; }
/* line 294, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoPoint li sup { display: inline-block; font-size: 60%; vertical-align: text-top; }
/* line 295, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoPoint li::before { content: "◆"; position: absolute; top: 0; left: 0; }
/* line 298, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 .cap { font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; }
/* line 299, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoFeature { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 15px auto 20px; }
/* line 300, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoFeature li { width: calc(100% / 3 - 10px); }
/* line 303, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 304, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li:not(:last-child) { margin-bottom: 30px; }
/* line 305, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .t2.jpG { background: #1a2b44; color: #fff; font-weight: 600; letter-spacing: .025em; padding: 0 10px; text-align: center; margin-bottom: 10px; width: 100%; box-sizing: border-box; }
/* line 306, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .read { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; margin-bottom: 10px; }
/* line 307, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .ph { margin-top: auto; }
/* line 309, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .securityPoint em, #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .cluboffPoint em { color: #d71618; font-weight: 500; }
/* line 310, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .securityPoint strong, #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .cluboffPoint strong { font-size: 160%; }
/* line 313, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 .text { width: 60%; }
/* line 314, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 .ph { width: 35%; }
/* line 316, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 .securityPoint p { padding-left: 1.2em; position: relative; }
/* line 317, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 .securityPoint p:nth-of-type(1)::before { top: 10%; }
/* line 318, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 .securityPoint p::before { content: "□"; position: absolute; top: 0; left: 0; }
/* line 321, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 span.cap { display: block; line-height: 1.5; margin-top: 5px; }
/* line 324, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .text { width: 60%; }
/* line 325, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 325, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint p { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; width: 50%; font-weight: 500; color: #d71618; text-align: center; }
/* line 326, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint p:not(:last-child) { border-right: 1px solid #d2d2d2; }
/* line 328, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint2 { width: 35%; }
/* line 328, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint2 p { background: #1a2b44; color: #fff; padding: 2px 10px; }
/* line 329, _eco.scss */
#eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint2 p:not(:last-child) { margin-bottom: 10px; }
@media only screen and (max-width: 750px) { /* line 341, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap { width: 100%; }
  /* line 342, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 { margin-bottom: 40px; }
  /* line 343, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .logo { margin-bottom: 15px; }
  /* line 344, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .logo em { width: calc(100% - 80px); margin-right: 20px; }
  /* line 345, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .logo span { width: 60px; }
  /* line 348, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .read { margin-bottom: 20px; }
  /* line 349, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 .ph { margin-bottom: 20px; }
  /* line 351, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 ul.check li { padding-left: 1.2em; font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; }
  /* line 352, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 ul.check li:not(:last-child) { margin-bottom: 5px; }
  /* line 353, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap ul.cWrap li.c01 ul.check li::before { top: 0; left: 0; }
  /* line 358, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 { width: 100%; }
  /* line 359, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 .tit.jpG { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; margin-bottom: 10px; }
  /* line 360, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoPoint { margin-bottom: 10px; }
  /* line 361, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoPoint li { font-size: 16px; font-size: 1rem; line-height: 1.5rem; }
  /* line 362, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoPoint li sup { display: inline-block; font-size: 60%; }
  /* line 363, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoPoint li::before { top: 0; left: 0; }
  /* line 366, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 .cap { font-size: 10px; font-size: 0.625rem; line-height: 0.9375rem; }
  /* line 367, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoFeature { margin: 20px auto 30px; }
  /* line 368, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoFeature li { width: 90%; margin: auto; }
  /* line 369, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.bbiqMarugotoFeature li:not(:last-child) { margin-bottom: 30px; }
  /* line 372, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li { width: 100%; }
  /* line 373, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li:not(:last-child) { margin-bottom: 30px; }
  /* line 374, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .t2.jpG { padding: 0 10px; margin-bottom: 10px; }
  /* line 375, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .read { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; margin-bottom: 10px; }
  /* line 376, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li .ph { margin-top: auto; }
  /* line 382, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 .text { width: 100%; }
  /* line 383, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 .ph { width: 60%; margin: 10px auto; }
  /* line 385, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 .securityPoint p { padding-left: 1.2em; }
  /* line 386, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 .securityPoint p:nth-of-type(1)::before { top: 10%; }
  /* line 390, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c01 span.cap { margin-top: 5px; }
  /* line 393, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .text { width: 100%; }
  /* line 394, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint p { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; }
  /* line 397, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint2 { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; }
  /* line 398, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint2 p { padding: 4px 10px; font-size: 15px; font-size: 0.9375rem; line-height: 1.40625rem; }
  /* line 399, _eco.scss */
  #eco .sec.bbiqMarugoto .secWrap .c02 ul.service.flex li.c02 .cluboffPoint2 p:not(:last-child) { margin-bottom: 6px; } }
/* line 414, _eco.scss */
#eco #ecojozu.sec02 .ttlWrap { position: relative; }
/* line 416, _eco.scss */
#eco #ecojozu.sec02 .catch { display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 20px; }
/* line 417, _eco.scss */
#eco #ecojozu.sec02 .catch span.logo { width: 200px; margin-right: 20px; position: absolute; top: 12px; right: 0; }
/* line 420, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: left; }
/* line 422, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li .t3 { font-size: 17px; font-size: 1.0625rem; line-height: 1.7rem; font-weight: 600; letter-spacing: .025em; background: #efefef; color: #4c4948; padding: 3px 12px 4px; margin-bottom: 10px; width: 100%; box-sizing: border-box; }
/* line 423, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li .read { margin-bottom: 20px; }
/* line 425, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c01 { width: 52%; }
/* line 427, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c01 .read { margin-bottom: 30px; }
/* line 428, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c01 .phSet.flex { position: relative; }
/* line 429, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c01 .phSet.flex p { width: 48%; }
/* line 430, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c01 .phSet.flex .ph { position: absolute; width: 46px; top: -20px; right: 10px; }
/* line 433, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 { width: 45%; }
/* line 435, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 .list01 { margin-bottom: 30px; }
/* line 437, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 .list01 .read { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; }
/* line 440, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 .list02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 441, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .t3 { margin-bottom: 15px; }
/* line 442, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .ph { width: 48%; }
/* line 443, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .text { width: 48%; }
/* line 444, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .text em { border: 1px solid #d71618; color: #d71618; display: block; text-align: center; font-weight: 600; padding: 2px 10px 2px; margin-bottom: 10px; }
/* line 445, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .text em b { font-size: 150%; }
/* line 447, _eco.scss */
#eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .text small { display: block; font-size: 11px; font-size: 0.6875rem; line-height: 0.9625rem; }
@media only screen and (max-width: 750px) { /* line 458, _eco.scss */
  #eco #ecojozu.sec02 .catch { margin-bottom: 20px; }
  /* line 459, _eco.scss */
  #eco #ecojozu.sec02 .catch span.logo { width: 180px; margin: 0 auto 10px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; }
  /* line 460, _eco.scss */
  #eco #ecojozu.sec02 .catch em { width: 100%; }
  /* line 464, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li .t3 { font-size: 16px; font-size: 1rem; line-height: 1.6rem; padding: 3px 12px 2px; margin-bottom: 10px; }
  /* line 465, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li .read { margin-bottom: 20px; }
  /* line 466, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li:not(:last-child) { margin-bottom: 35px; }
  /* line 468, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c01 { width: 100%; }
  /* line 472, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c01 .phSet.flex p { width: 48%; }
  /* line 473, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c01 .phSet.flex .ph { position: absolute; width: 46px; top: -40px; right: -5px; }
  /* line 476, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c02 { width: 100%; }
  /* line 478, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c02 .list01 { margin-bottom: 30px; }
  /* line 480, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c02 .list01 .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.6875rem; }
  /* line 485, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .read { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; margin-bottom: 15px; }
  /* line 486, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .ph { width: 100%; margin-bottom: 15px; }
  /* line 487, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .text { width: 100%; }
  /* line 488, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .text em { border: 1px solid #d71618; color: #d71618; display: block; text-align: center; font-weight: 600; padding: 2px 10px 2px; margin-bottom: 10px; }
  /* line 489, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .text em b { font-size: 150%; }
  /* line 491, _eco.scss */
  #eco #ecojozu.sec02 ul.cWrap li.c02 .list02 .text small { font-size: 10px; font-size: 0.625rem; line-height: 0.9375rem; } }
/* line 504, _eco.scss */
#eco #shokusenki.sec02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 506, _eco.scss */
#eco #shokusenki.sec02 .catch.jpG { width: 100%; }
/* line 507, _eco.scss */
#eco #shokusenki.sec02 .read { width: 100%; }
/* line 508, _eco.scss */
#eco #shokusenki.sec02 ul.flex { width: 100%; margin-top: 6px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 509, _eco.scss */
#eco #shokusenki.sec02 ul.flex li { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 510, _eco.scss */
#eco #shokusenki.sec02 ul.flex li:nth-of-type(1) { width: 73%; }
/* line 512, _eco.scss */
#eco #shokusenki.sec02 ul.flex li:nth-of-type(1) span:nth-of-type(1) { width: 56%; }
/* line 513, _eco.scss */
#eco #shokusenki.sec02 ul.flex li:nth-of-type(1) span:nth-of-type(2) { width: 41.25%; }
/* line 516, _eco.scss */
#eco #shokusenki.sec02 ul.flex li:nth-of-type(2) { width: 25%; height: 168.69px; }
/* line 519, _eco.scss */
#eco #shokusenki.sec02 .meyasu { margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 521, _eco.scss */
#eco #shokusenki.sec02 .meyasu .text .t { font-size: 16px; font-size: 1rem; line-height: 1.8rem; margin-bottom: 10px; }
/* line 522, _eco.scss */
#eco #shokusenki.sec02 .meyasu .text .t span { display: block; }
/* line 523, _eco.scss */
#eco #shokusenki.sec02 .meyasu .text .t + p { font-size: 11px; font-size: 0.6875rem; line-height: 1.2375rem; }
/* line 526, _eco.scss */
#eco #shokusenki.sec02 .meyasu .ph { width: 31%; height: 220px; }
@media only screen and (max-width: 750px) { /* line 535, _eco.scss */
  #eco #shokusenki.sec02 .catch.jpG { width: 100%; }
  /* line 536, _eco.scss */
  #eco #shokusenki.sec02 .read { width: 100%; }
  /* line 537, _eco.scss */
  #eco #shokusenki.sec02 ul.flex { width: 100%; margin-top: 10px; }
  /* line 539, _eco.scss */
  #eco #shokusenki.sec02 ul.flex li:nth-of-type(1) { width: 100%; margin-bottom: 12px; }
  /* line 541, _eco.scss */
  #eco #shokusenki.sec02 ul.flex li:nth-of-type(1) span:nth-of-type(1) { width: 100%; margin-bottom: 12px; }
  /* line 542, _eco.scss */
  #eco #shokusenki.sec02 ul.flex li:nth-of-type(1) span:nth-of-type(2) { width: 100%; }
  /* line 545, _eco.scss */
  #eco #shokusenki.sec02 ul.flex li:nth-of-type(2) { width: 100%; height: 150px; }
  /* line 548, _eco.scss */
  #eco #shokusenki.sec02 .meyasu { margin-top: 30px; }
  /* line 549, _eco.scss */
  #eco #shokusenki.sec02 .meyasu .text { width: 100%; }
  /* line 550, _eco.scss */
  #eco #shokusenki.sec02 .meyasu .text .t { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; margin-bottom: 10px; }
  /* line 551, _eco.scss */
  #eco #shokusenki.sec02 .meyasu .text .t span { display: inline; font-size: 90%; }
  /* line 552, _eco.scss */
  #eco #shokusenki.sec02 .meyasu .text .t + p { font-size: 11px; font-size: 0.6875rem; line-height: 1.1rem; }
  /* line 555, _eco.scss */
  #eco #shokusenki.sec02 .meyasu .ph { width: 100%; height: 180px; margin-top: 15px; } }
/* line 569, _eco.scss */
#eco #led.sec02 .secInner { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 571, _eco.scss */
#eco #led.sec02 .secInner .read { width: 32%; margin-bottom: 0px; }
/* line 572, _eco.scss */
#eco #led.sec02 .secInner .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 65%; }
/* line 573, _eco.scss */
#eco #led.sec02 .secInner .phWrap .ph01 { width: 54%; }
/* line 574, _eco.scss */
#eco #led.sec02 .secInner .phWrap .ph01 span { display: block; }
/* line 575, _eco.scss */
#eco #led.sec02 .secInner .phWrap .ph01 span:not(:last-child) { margin-bottom: 15px; }
/* line 578, _eco.scss */
#eco #led.sec02 .secInner .phWrap .ph02 { width: 42%; position: relative; margin-top: -39px; }
/* line 579, _eco.scss */
#eco #led.sec02 .secInner .phWrap .ph02 span { display: block; position: absolute; bottom: 0; right: 100%; display: none; }
@media only screen and (max-width: 750px) { /* line 592, _eco.scss */
  #eco #led.sec02 .secInner .read { width: 100%; margin-bottom: 10px; }
  /* line 593, _eco.scss */
  #eco #led.sec02 .secInner .phWrap { width: 100%; }
  /* line 594, _eco.scss */
  #eco #led.sec02 .secInner .phWrap .ph01 { width: 100%; margin: auto; }
  /* line 596, _eco.scss */
  #eco #led.sec02 .secInner .phWrap .ph01 span:not(:last-child) { margin-bottom: 10px; }
  /* line 599, _eco.scss */
  #eco #led.sec02 .secInner .phWrap .ph02 { width: 76%; position: relative; margin: 10px auto 0; left: -5%; }
  /* line 600, _eco.scss */
  #eco #led.sec02 .secInner .phWrap .ph02 span { display: block; position: absolute; bottom: 0; right: 100%; display: none; } }
/* line 614, _eco.scss */
#eco #mahobin.sec02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 616, _eco.scss */
#eco #mahobin.sec02 .catch.jpG { width: 100%; }
/* line 617, _eco.scss */
#eco #mahobin.sec02 .read { width: 35%; }
/* line 618, _eco.scss */
#eco #mahobin.sec02 ul.flex { width: 60%; }
/* line 620, _eco.scss */
#eco #mahobin.sec02 ul.flex li:nth-of-type(1) { width: 38%; }
/* line 621, _eco.scss */
#eco #mahobin.sec02 ul.flex li:nth-of-type(2) { width: 56%; }
/* line 624, _eco.scss */
#eco #mahobin.sec02 .cap { font-size: 11px; font-size: 0.6875rem; line-height: 0.9625rem; margin-top: 15px; }
@media only screen and (max-width: 750px) { /* line 630, _eco.scss */
  #eco #mahobin.sec02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 632, _eco.scss */
  #eco #mahobin.sec02 .catch.jpG { width: 100%; }
  /* line 633, _eco.scss */
  #eco #mahobin.sec02 .read { width: 100%; margin-bottom: 20px; }
  /* line 634, _eco.scss */
  #eco #mahobin.sec02 ul.flex { width: 100%; }
  /* line 636, _eco.scss */
  #eco #mahobin.sec02 ul.flex li:nth-of-type(1) { width: 38%; }
  /* line 637, _eco.scss */
  #eco #mahobin.sec02 ul.flex li:nth-of-type(2) { width: 56%; }
  /* line 640, _eco.scss */
  #eco #mahobin.sec02 .cap { font-size: 10px; font-size: 0.625rem; line-height: 0.9375rem; margin-top: 20px; } }
/* line 651, _eco.scss */
#eco #kansouki.sec02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 653, _eco.scss */
#eco #kansouki.sec02 .catch.jpG { width: 100%; }
/* line 654, _eco.scss */
#eco #kansouki.sec02 .read { width: 25%; }
/* line 655, _eco.scss */
#eco #kansouki.sec02 .phSet { width: 72%; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 6px; }
/* line 656, _eco.scss */
#eco #kansouki.sec02 .ph.main { width: 28%; }
/* line 657, _eco.scss */
#eco #kansouki.sec02 ul.flex { width: 68%; }
/* line 659, _eco.scss */
#eco #kansouki.sec02 ul.flex li:nth-of-type(1) { width: 100%; margin-bottom: 20px; }
/* line 660, _eco.scss */
#eco #kansouki.sec02 ul.flex li:nth-of-type(2) { width: 100%; }
@media only screen and (max-width: 750px) { /* line 668, _eco.scss */
  #eco #kansouki.sec02 .catch.jpG { width: 100%; }
  /* line 669, _eco.scss */
  #eco #kansouki.sec02 .read { width: 100%; }
  /* line 670, _eco.scss */
  #eco #kansouki.sec02 .phSet { width: 100%; margin-top: 15px; }
  /* line 671, _eco.scss */
  #eco #kansouki.sec02 .ph.main { width: 60%; margin: 0 auto 20px; }
  /* line 672, _eco.scss */
  #eco #kansouki.sec02 ul.flex { width: 100%; margin: auto; }
  /* line 674, _eco.scss */
  #eco #kansouki.sec02 ul.flex li:nth-of-type(1) { width: 100%; margin: 0 auto 14px; }
  /* line 675, _eco.scss */
  #eco #kansouki.sec02 ul.flex li:nth-of-type(2) { width: 100%; } }
/* line 686, _eco.scss */
#eco #toire.sec02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 688, _eco.scss */
#eco #toire.sec02 .catch.jpG { width: 100%; }
/* line 689, _eco.scss */
#eco #toire.sec02 .read { width: 35%; }
/* line 690, _eco.scss */
#eco #toire.sec02 ul.flex { width: 62%; }
/* line 692, _eco.scss */
#eco #toire.sec02 ul.flex li:nth-of-type(1) { width: 60%; }
/* line 693, _eco.scss */
#eco #toire.sec02 ul.flex li:nth-of-type(2) { width: 36%; }
@media only screen and (max-width: 750px) { /* line 699, _eco.scss */
  #eco #toire.sec02 { position: relative; }
  /* line 701, _eco.scss */
  #eco #toire.sec02 .catch.jpG { width: 100%; }
  /* line 702, _eco.scss */
  #eco #toire.sec02 .read { width: 100%; margin: 0 0 15px; }
  /* line 703, _eco.scss */
  #eco #toire.sec02 ul.flex { width: 100%; }
  /* line 705, _eco.scss */
  #eco #toire.sec02 ul.flex li:nth-of-type(1) { width: 100%; margin-bottom: 12px; }
  /* line 706, _eco.scss */
  #eco #toire.sec02 ul.flex li:nth-of-type(2) { width: 50%; margin: auto; height: 160px; /* position: absolute; top: 135px; right: 5%;*/ } }
/* line 717, _eco.scss */
#eco #glass.sec02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 719, _eco.scss */
#eco #glass.sec02 .catch.jpG { width: 100%; }
/* line 720, _eco.scss */
#eco #glass.sec02 .text { width: 68%; }
/* line 722, _eco.scss */
#eco #glass.sec02 .text .read small { font-size: 80%; }
/* line 724, _eco.scss */
#eco #glass.sec02 .text .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; }
/* line 725, _eco.scss */
#eco #glass.sec02 .text .phWrap span { width: 31%; background: #9dc8d6; color: #fff; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 16px; font-size: 1rem; line-height: 1.6rem; padding: 10px 10px; }
/* line 728, _eco.scss */
#eco #glass.sec02 ul.flex { width: 27%; margin-top: -40px; }
@media only screen and (max-width: 750px) { /* line 747, _eco.scss */
  #eco #glass.sec02 { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 749, _eco.scss */
  #eco #glass.sec02 .catch.jpG { width: 100%; }
  /* line 750, _eco.scss */
  #eco #glass.sec02 .text { width: 100%; }
  /* line 751, _eco.scss */
  #eco #glass.sec02 .text .read { width: 100%; margin-bottom: 20px; }
  /* line 752, _eco.scss */
  #eco #glass.sec02 .text .read small { font-size: 80%; }
  /* line 754, _eco.scss */
  #eco #glass.sec02 .text .phWrap { width: 100%; margin-top: 15px; margin-bottom: 15px; }
  /* line 755, _eco.scss */
  #eco #glass.sec02 .text .phWrap span { width: 100%; font-size: 16px; font-size: 1rem; line-height: 1.6rem; padding: 6px 10px; }
  /* line 756, _eco.scss */
  #eco #glass.sec02 .text .phWrap span:not(:last-child) { margin-bottom: 8px; }
  /* line 760, _eco.scss */
  #eco #glass.sec02 ul.flex { width: 80%; align-items: flex-end; margin: 0 auto; }
  /* line 761, _eco.scss */
  #eco #glass.sec02 ul.flex li { margin: auto; } }

/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*============================
#security
============================*/
/* line 10, _security.scss */
#security { /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 20, _security.scss */
#security .list .t, #security .listLi .t, #security .wideList .t { margin-bottom: 10px !important; }
/* line 23, _security.scss */
#security .listWrap.flex { /*============================
#securitySystem
============================*/ }
/* line 27, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c01 .read { margin-bottom: 15px; }
/* line 28, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c01 .t2 { font-size: 17px; font-size: 1.0625rem; line-height: 1.7rem; font-weight: 600; letter-spacing: .025em; border: 1px solid #1a2b44; color: #1a2b44; padding: 3px 12px 4px; margin-bottom: 30px; text-align: center; }
/* line 30, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c01 .phSet.flex .ph01 { width: 37%; }
/* line 31, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c01 .phSet.flex .ph02 { width: 60%; }
/* line 36, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c02 .read { margin-bottom: 20px; }
/* line 37, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c02 .ph { width: 60%; margin: 0 auto 20px; }
/* line 38, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c02 .option { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 39, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c02 .option .t2 { background: #adb5bd; color: #fff; font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 16px; font-size: 1rem; line-height: 1.6rem; font-weight: 600; letter-spacing: .025em; padding: 3px 12px 3px; margin-bottom: 10px; width: 100%; }
/* line 41, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c02 .option .t { margin-bottom: 6px !important; width: 100%; }
/* line 42, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c02 .option .read { width: 55.5%; }
/* line 43, _security.scss */
#security .listWrap.flex ul.wideList.flex li.c02 .option .ph { width: 35%; margin: 0; margin-top: -57px; }
/* line 51, _security.scss */
#security .listWrap.flex #securitySystem.wideList { border: 1px solid #898989; padding: 20px 30px 0; margin-bottom: 40px; }
/* line 53, _security.scss */
#security .listWrap.flex #securitySystem.wideList .titWrap .t { margin-bottom: 20px !important; font-size: 21px; font-size: 1.3125rem; line-height: 2.3625rem; }
/* line 54, _security.scss */
#security .listWrap.flex #securitySystem.wideList .titWrap .ph.main { width: 86%; margin: 0 auto 30px; }
/* line 58, _security.scss */
#security .listWrap.flex #securitySystem.wideList ul.list li.flex .t { padding-left: 1.1em; position: relative; }
/* line 59, _security.scss */
#security .listWrap.flex #securitySystem.wideList ul.list li.flex .t::before { content: "■"; position: absolute; top: 0; left: 0; }
/* line 64, _security.scss */
#security .listWrap.flex ul.list { align-items: flex-start; }
/* line 65, _security.scss */
#security .listWrap.flex ul.list li.flex { width: calc(100% /2 - 25px); margin-bottom: 40px; }
/* line 72, _security.scss */
#security .listWrap.flex ul.list li.autolock .read { width: 56%; }
/* line 73, _security.scss */
#security .listWrap.flex ul.list li.autolock .ph { width: 39%; }
/* line 77, _security.scss */
#security .listWrap.flex ul.list li.camera .read { width: 35%; }
/* line 78, _security.scss */
#security .listWrap.flex ul.list li.camera ul.flex { width: 60%; }
/* line 79, _security.scss */
#security .listWrap.flex ul.list li.camera ul.flex li { width: 48%; margin-bottom: 0; }
/* line 80, _security.scss */
#security .listWrap.flex ul.list li.camera ul.flex li span, #security .listWrap.flex ul.list li.camera ul.flex li em { display: block; }
/* line 81, _security.scss */
#security .listWrap.flex ul.list li.camera ul.flex li span.ph { margin-bottom: 8px; height: 0px; padding-top: 86%; }
/* line 82, _security.scss */
#security .listWrap.flex ul.list li.camera ul.flex li span.ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
/* line 84, _security.scss */
#security .listWrap.flex ul.list li.camera ul.flex li em { font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
/* line 91, _security.scss */
#security .listWrap.flex ul.list li.interphone .read { width: 56%; }
/* line 92, _security.scss */
#security .listWrap.flex ul.list li.interphone .ph { width: 39%; }
/* line 96, _security.scss */
#security .listWrap.flex ul.list li.system .ph { width: 70%; margin: 10px auto 15px; }
/* line 101, _security.scss */
#security .listWrap.flex ul.list li.key .read { width: 43%; }
/* line 102, _security.scss */
#security .listWrap.flex ul.list li.key .ph { width: 53%; }
/* line 106, _security.scss */
#security .listWrap.flex ul.list li.bouhan .text { width: 43%; }
/* line 107, _security.scss */
#security .listWrap.flex ul.list li.bouhan .text .read { margin-bottom: 10px; }
/* line 110, _security.scss */
#security .listWrap.flex ul.list li.bouhan .ph.ph02 { width: 52%; }
@media only screen and (max-width: 750px) { /* line 131, _security.scss */
  #security .list .t, #security .listLi .t, #security .wideList .t { margin-bottom: 5px !important; }
  /* line 134, _security.scss */
  #security .listWrap.flex { /*============================
#securitySystem
============================*/ }
  /* line 138, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c01 .read { margin-bottom: 15px; }
  /* line 139, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c01 .t2 { font-size: 16px; font-size: 1rem; line-height: 1.6rem; padding: 3px 12px 3px; margin-bottom: 20px; }
  /* line 141, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c01 .phSet.flex .ph01 { width: 56%; margin: 0 auto 30px; }
  /* line 142, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c01 .phSet.flex .ph02 { width: 100%; }
  /* line 147, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c02 .read { margin-bottom: 20px; }
  /* line 148, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c02 .ph { width: 86%; margin: 0 auto 30px; }
  /* line 150, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c02 .option .t2 { font-size: 16px; font-size: 1rem; line-height: 1.6rem; padding: 3px 12px 3px; margin-bottom: 10px; }
  /* line 151, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c02 .option .t { margin-bottom: 6px !important; }
  /* line 152, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c02 .option .read { width: 100%; margin-bottom: 10px; }
  /* line 153, _security.scss */
  #security .listWrap.flex ul.wideList.flex li.c02 .option .ph { width: 60%; margin: 10px auto 20px; }
  /* line 161, _security.scss */
  #security .listWrap.flex #securitySystem.wideList { padding: 12px 18px 0; margin-bottom: 30px; }
  /* line 163, _security.scss */
  #security .listWrap.flex #securitySystem.wideList .titWrap .t { margin-bottom: 20px !important; font-size: 18px; font-size: 1.125rem; line-height: 2.025rem; }
  /* line 164, _security.scss */
  #security .listWrap.flex #securitySystem.wideList .titWrap .ph.main { width: 100%; margin: 0 auto 30px; }
  /* line 168, _security.scss */
  #security .listWrap.flex #securitySystem.wideList ul.list li.flex .t { padding-left: 1.1em; }
  /* line 169, _security.scss */
  #security .listWrap.flex #securitySystem.wideList ul.list li.flex .t::before { top: 0; left: 0; }
  /* line 174, _security.scss */
  #security .listWrap.flex ul.list { align-items: flex-start; }
  /* line 175, _security.scss */
  #security .listWrap.flex ul.list li.flex { width: 100%; margin-bottom: 30px; }
  /* line 182, _security.scss */
  #security .listWrap.flex ul.list li.autolock .read { width: 100%; margin-bottom: 15px !important; }
  /* line 183, _security.scss */
  #security .listWrap.flex ul.list li.autolock .ph { width: 70%; margin: 0 auto; }
  /* line 187, _security.scss */
  #security .listWrap.flex ul.list li.camera .read { width: 100%; margin-bottom: 15px !important; }
  /* line 188, _security.scss */
  #security .listWrap.flex ul.list li.camera ul.flex { width: 100%; }
  /* line 189, _security.scss */
  #security .listWrap.flex ul.list li.camera ul.flex li { width: 48%; margin-bottom: 0; }
  /* line 190, _security.scss */
  #security .listWrap.flex ul.list li.camera ul.flex li span, #security .listWrap.flex ul.list li.camera ul.flex li em { display: block; }
  /* line 191, _security.scss */
  #security .listWrap.flex ul.list li.camera ul.flex li span.ph { margin-bottom: 8px; height: 0px; padding-top: 86%; }
  /* line 192, _security.scss */
  #security .listWrap.flex ul.list li.camera ul.flex li span.ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 194, _security.scss */
  #security .listWrap.flex ul.list li.camera ul.flex li em { font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; }
  /* line 201, _security.scss */
  #security .listWrap.flex ul.list li.interphone .read { width: 100%; margin-bottom: 15px !important; }
  /* line 202, _security.scss */
  #security .listWrap.flex ul.list li.interphone .ph { width: 70%; margin: 0 auto 0px; }
  /* line 206, _security.scss */
  #security .listWrap.flex ul.list li.system .ph { width: 100%; margin: 10px auto 15px; }
  /* line 211, _security.scss */
  #security .listWrap.flex ul.list li.key .read { width: 100%; margin-bottom: 15px !important; }
  /* line 212, _security.scss */
  #security .listWrap.flex ul.list li.key .ph { width: 100%; margin: auto; }
  /* line 216, _security.scss */
  #security .listWrap.flex ul.list li.bouhan .text { width: 100%; margin-bottom: 15px !important; }
  /* line 217, _security.scss */
  #security .listWrap.flex ul.list li.bouhan .text .read { margin-bottom: 5px; }
  /* line 218, _security.scss */
  #security .listWrap.flex ul.list li.bouhan .text .ph.ph01 { width: 70%; margin: auto; }
  /* line 220, _security.scss */
  #security .listWrap.flex ul.list li.bouhan .ph.ph02 { width: 100%; } }

/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*============================
#structure
============================*/
/* line 10, _structure.scss */
#structure { /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 20, _structure.scss */
#structure .listWrap ul.list li { margin-bottom: 40px; }
/* line 21, _structure.scss */
#structure .listWrap ul.list li .t { margin-bottom: 8px !important; }
/* line 22, _structure.scss */
#structure .listWrap ul.list li .read { margin-bottom: 20px; }
/* line 23, _structure.scss */
#structure .listWrap ul.list li .read small { letter-spacing: 0; }
/* line 25, _structure.scss */
#structure .listWrap ul.list li .ph { /*width: 80%; margin: 0 auto;*/ }
/* line 28, _structure.scss */
#structure .listWrap ul.list li.wide { /*width: calc(100% / 2 - 25px);*/ width: 100%; }
/* line 30, _structure.scss */
#structure .listWrap ul.list li.flat35.wide { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 31, _structure.scss */
#structure .listWrap ul.list li.flat35.wide .text { width: 54%; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 32, _structure.scss */
#structure .listWrap ul.list li.flat35.wide .phMain { width: 42%; }
/* line 33, _structure.scss */
#structure .listWrap ul.list li.flat35.wide .t { width: 100%; }
/* line 34, _structure.scss */
#structure .listWrap ul.list li.flat35.wide .read { width: 48%; }
/* line 35, _structure.scss */
#structure .listWrap ul.list li.flat35.wide ul.phSet.flex { align-items: flex-start; width: 48%; }
/* line 36, _structure.scss */
#structure .listWrap ul.list li.flat35.wide ul.phSet.flex li.ph { margin: 0; }
/* line 37, _structure.scss */
#structure .listWrap ul.list li.flat35.wide ul.phSet.flex li.ph:nth-of-type(1) { width: 60%; }
/* line 38, _structure.scss */
#structure .listWrap ul.list li.flat35.wide ul.phSet.flex li.ph:nth-of-type(2) { width: 32%; }
/* line 42, _structure.scss */
#structure .listWrap ul.list li.quality.wide { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 44, _structure.scss */
#structure .listWrap ul.list li.quality.wide .read { width: 31%; }
/* line 45, _structure.scss */
#structure .listWrap ul.list li.quality.wide ul.phSet.flex { width: 65%; }
/* line 46, _structure.scss */
#structure .listWrap ul.list li.quality.wide ul.phSet.flex li.ph { margin: 0; }
/* line 47, _structure.scss */
#structure .listWrap ul.list li.quality.wide ul.phSet.flex li.ph:nth-of-type(1) { width: 51%; }
/* line 48, _structure.scss */
#structure .listWrap ul.list li.quality.wide ul.phSet.flex li.ph:nth-of-type(2) { width: 46.5%; }
@media only screen and (max-width: 750px) { /* line 70, _structure.scss */
  #structure .listWrap ul.list li { margin-bottom: 30px; width: 100%; }
  /* line 71, _structure.scss */
  #structure .listWrap ul.list li .t { margin-bottom: 8px !important; }
  /* line 72, _structure.scss */
  #structure .listWrap ul.list li .read { margin-bottom: 15px; }
  /* line 73, _structure.scss */
  #structure .listWrap ul.list li .read small { letter-spacing: 0; }
  /* line 75, _structure.scss */
  #structure .listWrap ul.list li .ph { width: 100%; margin: 0 auto; }
  /* line 78, _structure.scss */
  #structure .listWrap ul.list li.wide { width: 100%; }
  /* line 80, _structure.scss */
  #structure .listWrap ul.list li.flat35.wide { position: relative; }
  /* line 81, _structure.scss */
  #structure .listWrap ul.list li.flat35.wide .text { width: 100%; }
  /* line 83, _structure.scss */
  #structure .listWrap ul.list li.flat35.wide .read { width: 100%; }
  /* line 84, _structure.scss */
  #structure .listWrap ul.list li.flat35.wide ul.phSet.flex { align-items: flex-start; width: 100%; }
  /* line 85, _structure.scss */
  #structure .listWrap ul.list li.flat35.wide ul.phSet.flex li.ph { margin: 0; }
  /* line 86, _structure.scss */
  #structure .listWrap ul.list li.flat35.wide ul.phSet.flex li.ph:nth-of-type(1) { width: 58%; }
  /* line 87, _structure.scss */
  #structure .listWrap ul.list li.flat35.wide ul.phSet.flex li.ph:nth-of-type(2) { width: 24%; }
  /* line 90, _structure.scss */
  #structure .listWrap ul.list li.flat35.wide .phMain { width: 100%; margin-top: 20px; }
  /* line 94, _structure.scss */
  #structure .listWrap ul.list li.quality.wide .read { width: 100%; }
  /* line 95, _structure.scss */
  #structure .listWrap ul.list li.quality.wide ul.phSet.flex { width: 100%; margin: auto; }
  /* line 96, _structure.scss */
  #structure .listWrap ul.list li.quality.wide ul.phSet.flex li.ph { margin: 0 auto; }
  /* line 97, _structure.scss */
  #structure .listWrap ul.list li.quality.wide ul.phSet.flex li.ph:nth-of-type(1) { width: 100%; margin-bottom: 20px; }
  /* line 98, _structure.scss */
  #structure .listWrap ul.list li.quality.wide ul.phSet.flex li.ph:nth-of-type(2) { width: 100%; } }

/*$base-font-family: 'YakuHanMP', 'Noto Serif JP', serif;*/
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/*============================
#equipmentOther
============================*/
/* line 10, _equipment.scss */
#equipmentOther { /*============================
#otasuketai
============================*/ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 19, _equipment.scss */
#equipmentOther .listWrap.flex ul.list { align-items: flex-start; }
/* line 20, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li { display: flex; flex-direction: column; }
/* line 21, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li .t { margin-bottom: 8px !important; order: 0; }
/* line 22, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li .read { margin-bottom: 15px; order: 2; }
/* line 23, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li .ph { /*width: 80%; margin: 0 auto;*/ order: 1; }
/* line 24, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.wide { width: calc(100% / 2 - 25px); }
/* line 28, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.wide.elevater .read { width: 100%; }
/* line 29, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.wide.elevater .phSet { width: 100%; margin-bottom: 10px; }
/* line 30, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.wide.elevater .phSet span.ph { margin: 0; }
/* line 31, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.wide.elevater .phSet span.ph:nth-of-type(1) { width: 59%; }
/* line 32, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.wide.elevater .phSet span.ph:nth-of-type(2) { width: 37%; }
/* line 36, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.elevater2 { flex-direction: row; }
/* line 37, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.elevater2 .t { order: 0; }
/* line 38, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.elevater2 .text { order: 1; width: 52%; }
/* line 40, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.elevater2 .text .logo { width: 140px; margin-top: 20px; }
/* line 42, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.elevater2 p.ph.flexImg { order: 2; width: 41%; margin-top: 5px; }
/* line 44, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.wide.elevater3 { position: relative; }
/* line 47, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.wide.elevater3 .logo { position: absolute; top: 0; right: 0; width: 130px; }
/* line 48, _equipment.scss */
#equipmentOther .listWrap.flex ul.list li.wide.elevater3 p.ph { margin-bottom: 20px; }
/* line 56, _equipment.scss */
#equipmentOther #otasuketai { border: 1px solid #d2d2d2; border-top: 0; }
/* line 57, _equipment.scss */
#equipmentOther #otasuketai .titWrap { background: #1a2b44; color: #fff; padding: 2px 15px 10px; }
/* line 58, _equipment.scss */
#equipmentOther #otasuketai .catch.jpMidashi { display: flex; justify-content: center; align-items: center; }
/* line 59, _equipment.scss */
#equipmentOther #otasuketai .catch.jpMidashi em { font-size: 22px; font-size: 1.375rem; line-height: 2.475rem; }
/* line 60, _equipment.scss */
#equipmentOther #otasuketai .catch.jpMidashi span { font-size: 16px; font-size: 1rem; line-height: 1.8rem; margin-left: 15px; letter-spacing: 0; }
/* line 62, _equipment.scss */
#equipmentOther #otasuketai .logoWrap.flex { display: flex; justify-content: center; align-items: center; margin: 0 auto 0px; }
/* line 63, _equipment.scss */
#equipmentOther #otasuketai .logoWrap.flex .logo { width: 420px; }
/* line 64, _equipment.scss */
#equipmentOther #otasuketai .logoWrap.flex .otasuketaiPoint { width: 240px; margin-left: 20px; }
/* line 67, _equipment.scss */
#equipmentOther #otasuketai .otasuketaiWrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 68, _equipment.scss */
#equipmentOther #otasuketai .otasuketaiWrap ul.serviceList { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding: 5px 5px 5px; border-bottom: 1px solid #d2d2d2; }
/* line 69, _equipment.scss */
#equipmentOther #otasuketai .otasuketaiWrap ul.serviceList li { width: calc(100% / 6 - 5px); }
/* line 74, _equipment.scss */
#equipmentOther #otasuketai .otasuketaiWrap .attentionWrap { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 25px 25px 20px; }
/* line 75, _equipment.scss */
#equipmentOther #otasuketai .otasuketaiWrap .comLogo { width: 250px; }
/* line 76, _equipment.scss */
#equipmentOther #otasuketai .otasuketaiWrap .attention.jpG { width: calc(100% - 280px); text-align: left; }
/* line 77, _equipment.scss */
#equipmentOther #otasuketai .otasuketaiWrap .attention.jpG .t { font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; color: #c30d23; }
/* line 78, _equipment.scss */
#equipmentOther #otasuketai .otasuketaiWrap .attention.jpG .read { font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; }
/* line 80, _equipment.scss */
#equipmentOther #otasuketai .otasuketaiWrap .cap { font-size: 11px; font-size: 0.6875rem; line-height: 1.03125rem; text-align: left; margin-top: 20px; }
@media only screen and (max-width: 750px) { /* line 10, _equipment.scss */
  #equipmentOther { /*============================
#otasuketai
============================*/ }
  /* line 90, _equipment.scss */
  #equipmentOther .mainImg { position: relative; }
  /* line 99, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li { width: 100%; }
  /* line 100, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li .t { margin-bottom: 8px !important; order: 0; }
  /* line 101, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li .read { margin-bottom: 15px; order: 2; }
  /* line 102, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li .ph { width: 100%; margin: 0 auto 15px; order: 1; }
  /* line 103, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide { width: 100%; }
  /* line 107, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide.elevater .read { width: 100%; }
  /* line 108, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide.elevater .phSet { width: 100%; margin-bottom: 10px; }
  /* line 109, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide.elevater .phSet span.ph { margin: auto; }
  /* line 110, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide.elevater .phSet span.ph:nth-of-type(1) { width: 100%; margin-bottom: 10px; }
  /* line 111, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide.elevater .phSet span.ph:nth-of-type(2) { width: 100%; margin-bottom: 15px; }
  /* line 115, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.elevater2 { flex-direction: row; }
  /* line 116, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.elevater2 .t { order: 0; }
  /* line 117, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.elevater2 .text { order: 1; width: 51%; }
  /* line 119, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.elevater2 .text .logo { width: 140px; margin-top: 20px; }
  /* line 121, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.elevater2 p.ph.flexImg { order: 2; width: 41%; margin-top: 5px; }
  /* line 123, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide.elevater3 { position: relative; }
  /* line 124, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide.elevater3 .t { margin-bottom: 10px !important; }
  /* line 126, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide.elevater3 .logo { position: absolute; top: 0px; right: 0; width: 120px; }
  /* line 127, _equipment.scss */
  #equipmentOther .listWrap.flex ul.list li.wide.elevater3 p.ph { margin-bottom: 20px; width: 100%; }
  /* line 135, _equipment.scss */
  #equipmentOther #otasuketai { width: 96%; margin: auto; }
  /* line 136, _equipment.scss */
  #equipmentOther #otasuketai .titWrap { padding: 2px 10px 15px; }
  /* line 137, _equipment.scss */
  #equipmentOther #otasuketai .catch.jpMidashi { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 2px 10px 5px; }
  /* line 138, _equipment.scss */
  #equipmentOther #otasuketai .catch.jpMidashi em { font-size: 20px; font-size: 1.25rem; line-height: 2.25rem; }
  /* line 139, _equipment.scss */
  #equipmentOther #otasuketai .catch.jpMidashi span { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; margin-left: 0px; letter-spacing: -.025em; }
  /* line 141, _equipment.scss */
  #equipmentOther #otasuketai .logoWrap.flex { flex-direction: column; margin: 0 auto; }
  /* line 142, _equipment.scss */
  #equipmentOther #otasuketai .logoWrap.flex .logo { max-width: 360px; width: 92%; margin: 0 auto 15px; }
  /* line 143, _equipment.scss */
  #equipmentOther #otasuketai .logoWrap.flex .otasuketaiPoint { width: 260px; margin: 0 auto 0px; }
  /* line 146, _equipment.scss */
  #equipmentOther #otasuketai .otasuketaiWrap ul.serviceList { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; padding: 8px 8px 0px; }
  /* line 147, _equipment.scss */
  #equipmentOther #otasuketai .otasuketaiWrap ul.serviceList li { width: calc(100% / 2 - 5px); margin-bottom: 8px; }
  /* line 152, _equipment.scss */
  #equipmentOther #otasuketai .otasuketaiWrap .attentionWrap { padding: 20px 20px 15px; }
  /* line 153, _equipment.scss */
  #equipmentOther #otasuketai .otasuketaiWrap .comLogo { width: 220px; margin: 0 auto 20px; }
  /* line 154, _equipment.scss */
  #equipmentOther #otasuketai .otasuketaiWrap .attention.jpG { width: 100%; }
  /* line 155, _equipment.scss */
  #equipmentOther #otasuketai .otasuketaiWrap .attention.jpG .t { font-size: 13px; font-size: 0.8125rem; line-height: 1.4625rem; }
  /* line 156, _equipment.scss */
  #equipmentOther #otasuketai .otasuketaiWrap .attention.jpG .read { font-size: 12px; font-size: 0.75rem; line-height: 1.2rem; }
  /* line 158, _equipment.scss */
  #equipmentOther #otasuketai .otasuketaiWrap .cap { font-size: 10px; font-size: 0.625rem; line-height: 0.9375rem; margin-top: 20px; } }

/* --------------------------------------------------------
 style

-------------------------------------------------------- */
/* line 21, style.scss */
#equipment { /* MV周り */ /* 共通リスト */ /* 現在地 */ /* --------------------------------------------------------------------------------------------- スマホ向け設定
--------------------------------------------------------------------------------------------- */ }
/* line 22, style.scss */
#equipment main { margin-bottom: 50px; }
/* line 24, style.scss */
#equipment .title span { display: block; font-size: 70%; margin-top: 20px; }
/* line 26, style.scss */
#equipment ul.eqpTabs { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 60px; }
/* line 27, style.scss */
#equipment ul.eqpTabs li { width: calc(100% / 4 - 8px); margin-bottom: 10px; }
/* line 28, style.scss */
#equipment ul.eqpTabs li a { padding: 6px 15px; background: rgba(26, 43, 68, 0.7); color: #fff; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
/* line 29, style.scss */
#equipment ul.eqpTabs li i { font-size: 70%; margin-right: 8px; }
/* line 34, style.scss */
#equipment .mainImg { text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 60px; align-items: center; position: relative; }
/* line 35, style.scss */
#equipment .mainImg .enT { font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; color: #1a2b44; margin-bottom: 10px; }
/* line 36, style.scss */
#equipment .mainImg .catch.jpG { font-size: 28px; font-size: 1.75rem; line-height: 3.15rem; margin-bottom: 20px; color: #1a2b44; }
/* line 37, style.scss */
#equipment .mainImg .read { font-size: 16px; font-size: 1rem; line-height: 2.2rem; }
/* line 38, style.scss */
#equipment .mainImg .text { width: 45%; margin-bottom: 60px; }
/* line 39, style.scss */
#equipment .mainImg .ph { width: 50%; position: relative; height: 500px; }
/* line 41, style.scss */
#equipment .mainImg .ph .logoTakaraStd, #equipment .mainImg .ph .logoTOTO { position: absolute; bottom: 15px; right: 15px; line-height: 0; }
/* line 42, style.scss */
#equipment .mainImg .ph .logoTakaraStd { width: 160px; }
/* line 43, style.scss */
#equipment .mainImg .ph .logoTOTO { width: 90px; }
/* line 45, style.scss */
#equipment .mainImg.noImg { /*border-bottom: 1px solid rgba($gray-300, 1);*/ }
/* line 46, style.scss */
#equipment .mainImg.noImg .text { width: 100%; margin-bottom: 0; /*padding: 40px 0 60px;*/ }
/* line 50, style.scss */
#equipment .listWrap { text-align: left; }
/* line 51, style.scss */
#equipment .ttlWrap { text-align: left; width: 100%; margin-bottom: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; }
/* line 52, style.scss */
#equipment .ttlWrap .ttl.jpG { margin-right: 12px; }
/* line 53, style.scss */
#equipment .ttlWrap .ttl.jpG em { font-size: 17px; font-size: 1.0625rem; line-height: 1.9125rem; border: 1px solid #1a2b44; color: #1a2b44; padding: 2px 10px; }
/* line 55, style.scss */
#equipment .ttlWrap .catch.jpG { font-size: 19px; font-size: 1.1875rem; line-height: 1.9rem; color: #727171; letter-spacing: .075em; }
/* line 57, style.scss */
#equipment ul.wideList { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 40px; }
/* line 58, style.scss */
#equipment ul.wideList li { width: calc(100% / 2 - 25px); }
/* line 59, style.scss */
#equipment ul.wideList li.ph { width: calc(100% / 2 - 25px); }
/* line 60, style.scss */
#equipment ul.wideList li.read { /*@include fs(14, 1.8);*/ margin-top: 10px; }
/* line 63, style.scss */
#equipment ul.list { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 64, style.scss */
#equipment ul.list::after { content: ""; display: block; width: calc(100% / 3 - 30px); }
/* line 65, style.scss */
#equipment ul.list li { width: calc(100% / 3 - 30px); margin-bottom: 30px; }
/* line 67, style.scss */
#equipment ul.list.wide li { width: calc(100% / 2 - 25px); }
/* line 71, style.scss */
#equipment .list .ph, #equipment .wideList .ph { margin-bottom: 12px; }
/* line 72, style.scss */
#equipment .list .read, #equipment .wideList .read { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; }
/* line 73, style.scss */
#equipment .list .read small, #equipment .wideList .read small { font-size: 80%; }
/* line 77, style.scss */
#equipment .list .t, #equipment .listLi .t, #equipment .wideList .t { color: #1a2b44; font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; width: 100%; font-weight: 600; letter-spacing: .05em; width: 100%; margin-bottom: 5px; }
/* line 78, style.scss */
#equipment .list .t small, #equipment .listLi .t small, #equipment .wideList .t small { font-size: 11px; font-size: 0.6875rem; line-height: 1.1rem; padding-left: 12px; }
/* line 83, style.scss */
#equipment #kitchen ul.eqpTabs li.kitchen, #equipment #bathroom ul.eqpTabs li.bathroom, #equipment #powderroom ul.eqpTabs li.powderroom, #equipment #restroom ul.eqpTabs li.restroom, #equipment #eco ul.eqpTabs li.eco, #equipment #security ul.eqpTabs li.security, #equipment #structure ul.eqpTabs li.structure, #equipment #equipmentOther ul.eqpTabs li.equipmentOther { opacity: .7; }
@media only screen and (max-width: 750px) { /* line 21, style.scss */
  #equipment { /* MV周り */ /* 共通リスト */ }
  /* line 97, style.scss */
  #equipment main { margin-bottom: 30px; }
  /* line 99, style.scss */
  #equipment .title span { font-size: 70%; margin-top: 15px; }
  /* line 101, style.scss */
  #equipment ul.eqpTabs { margin: 0 auto 40px; padding: 0 2.5%; }
  /* line 102, style.scss */
  #equipment ul.eqpTabs li { width: 49%; margin-bottom: 2%; font-size: 12px; font-size: 0.75rem; line-height: 1.35rem; }
  /* line 103, style.scss */
  #equipment ul.eqpTabs li a { padding: 5px 5px 5px 16px; position: relative; }
  /* line 104, style.scss */
  #equipment ul.eqpTabs li i { font-size: 70%; margin-right: 8px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 8px; }
  /* line 109, style.scss */
  #equipment .mainImg { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto 40px; align-items: center; }
  /* line 110, style.scss */
  #equipment .mainImg .enT { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; text-align: center; margin-bottom: 10px; }
  /* line 111, style.scss */
  #equipment .mainImg .catch.jpG { font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; margin-bottom: 15px; }
  /* line 112, style.scss */
  #equipment .mainImg .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.875rem; }
  /* line 113, style.scss */
  #equipment .mainImg .text { width: 100%; margin-bottom: 0px; padding: 0 5%; order: 1; }
  /* line 114, style.scss */
  #equipment .mainImg .ph { width: 100%; height: 240px; order: 0; margin-bottom: 30px; }
  /* line 116, style.scss */
  #equipment .mainImg .ph .logoTakaraStd, #equipment .mainImg .ph .logoTOTO { position: absolute; bottom: 15px; right: 15px; line-height: 0; }
  /* line 117, style.scss */
  #equipment .mainImg .ph .logoTakaraStd { width: 160px; }
  /* line 118, style.scss */
  #equipment .mainImg .ph .logoTOTO { width: 90px; }
  /* line 120, style.scss */
  #equipment .mainImg.noImg { border-bottom: 1px solid #dee2e6; width: 90%; }
  /* line 121, style.scss */
  #equipment .mainImg.noImg .text { width: 100%; margin-bottom: 0; padding: 0px 0 30px; }
  /* line 126, style.scss */
  #equipment .listWrap { padding: 0 5%; box-sizing: border-box; }
  /* line 127, style.scss */
  #equipment .ttlWrap { width: 100%; margin-bottom: 20px; }
  /* line 128, style.scss */
  #equipment .ttlWrap .ttl.jpG { display: flex; justify-content: space-between; flex-wrap: wrap; margin-right: 0px; margin-bottom: 10px; }
  /* line 129, style.scss */
  #equipment .ttlWrap .ttl.jpG em { font-size: 16px; font-size: 1rem; line-height: 1.5rem; padding: 5px 12px; }
  /* line 131, style.scss */
  #equipment .ttlWrap .catch.jpG { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; }
  /* line 133, style.scss */
  #equipment ul.wideList { margin: 0 auto 30px; }
  /* line 134, style.scss */
  #equipment ul.wideList li { width: 100%; }
  /* line 135, style.scss */
  #equipment ul.wideList li:not(:last-child) { margin-bottom: 30px; }
  /* line 136, style.scss */
  #equipment ul.wideList li.ph { width: 100%; }
  /* line 137, style.scss */
  #equipment ul.wideList li.read { /*@include fs(14, 1.8);*/ margin-top: 0px; }
  /* line 141, style.scss */
  #equipment ul.list::after { width: 47.5%; }
  /* line 142, style.scss */
  #equipment ul.list li { width: 47.5%; margin-bottom: 30px; }
  /* line 144, style.scss */
  #equipment ul.list.wide li { width: 100%; }
  /* line 148, style.scss */
  #equipment .list .ph, #equipment .wideList .ph { margin-bottom: 10px; }
  /* line 149, style.scss */
  #equipment .list .read, #equipment .wideList .read { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; }
  /* line 150, style.scss */
  #equipment .list .read small, #equipment .wideList .read small { font-size: 80%; }
  /* line 154, style.scss */
  #equipment .list .t, #equipment .listLi .t, #equipment .wideList .t { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; margin-bottom: 8px; letter-spacing: .025em; } }