@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/*@mixin reqGrd { background: linear-gradient(to bottom, #a38a77 0%,#876c58 100%);}*/
/*@mixin resGrd { background: linear-gradient(to bottom, #d57f7f 0%,#c46161 100%);}*/
/* line 12, bathroom.scss */
#equipment.bathroom #eqpTitleWrap { margin-bottom: 60px !important; }
@media only screen and (max-width: 750px) { /* line 12, bathroom.scss */
  #equipment.bathroom #eqpTitleWrap { margin-bottom: 30px !important; } }
/* line 14, bathroom.scss */
#equipment.bathroom .mainImg { width: 55%; }
/* line 15, bathroom.scss */
#equipment.bathroom .mainImg .ph { height: 100%; }
/* line 16, bathroom.scss */
#equipment.bathroom .mainImg .ph span { position: absolute; line-height: 1; bottom: 110px; right: 1.5em; width: 240px; filter: drop-shadow(0px 0px 5px white); }
/* line 24, bathroom.scss */
#equipment.bathroom #microbubble.mainSec { width: 42%; position: relative; margin-top: 0px; }
/* line 27, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .mainTit i { line-height: 0; width: 150px; position: absolute; bottom: calc(100% + 1em); right: 0; }
/* line 29, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .secInner { padding-top: 15px; padding-bottom: 15px; }
/* line 30, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; margin-bottom: 20px; }
/* line 31, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 .ph { width: 36%; object-position: left; }
/* line 32, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 .text { width: 60%; }
/* line 33, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 .text .read { font-size: 15px; line-height: 1.6; letter-spacing: -.015em; margin-bottom: .75em; }
/* line 34, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 .text .ph02 { width: 80%; }
/* line 38, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec:not(:last-child) { margin-bottom: 15px; }
/* line 39, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec .t { font-size: 16px; font-size: 1rem; line-height: 1.5rem; font-family: "FOT-筑紫ゴシック Pro B"; margin-bottom: .5em; width: 100%; letter-spacing: .015em; border: 1px solid #0b7782; border-inline: none; padding: .25em 0; }
/* line 40, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec .read { font-size: 13.5px; font-size: 0.84375rem; line-height: 1.18125rem; }
/* line 41, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec .ph { width: 52%; float: right; margin: 0 0 0px 3%; }
/* line 43, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec.sec02 .ph { margin: 0 -5px 0px 3%; }
/* line 46, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec.sec03 .t { width: 45%; white-space: nowrap; }
/* line 47, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec.sec03 .ph { margin-top: -32px; filter: drop-shadow(5px 0 0 #fff) drop-shadow(-5px 0 0 #fff) drop-shadow(0 5px 0 #fff) drop-shadow(0 -5px 0 #fff); }
/* line 50, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; }
/* line 52, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(1) { width: 45%; }
/* line 53, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(2) { width: 48%; }
/* line 58, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .cap { display: block; text-align: right; margin-top: 10px; position: absolute; bottom: -25px; right: 0; }
/* line 65, bathroom.scss */
#equipment.bathroom .eqpList { margin-top: 50px; }
/* line 68, bathroom.scss */
#equipment.bathroom .eqpList .list.bathtab .ph { width: 89%; margin: 0 auto; }
@media only screen and (max-width: 750px) { /* line 83, bathroom.scss */
  #equipment.bathroom #eqpTitleWrap .catchCopy { font-size: 18px; /* text-align: justify; */ padding: 0 5%; letter-spacing: .0em; }
  /* line 85, bathroom.scss */
  #equipment.bathroom .mainImg { width: 100%; margin-bottom: 30px; }
  /* line 86, bathroom.scss */
  #equipment.bathroom .mainImg .ph { height: 375px; }
  /* line 87, bathroom.scss */
  #equipment.bathroom .mainImg .ph span { bottom: 12px; right: 15px; width: 154px; line-height: 0; z-index: 10; filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 4px white); }
  /* line 95, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec { width: 94%; margin: auto; }
  /* line 96, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .mainTit { font-size: 18px; }
  /* line 98, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .mainTit i { line-height: 0; width: 140px; position: absolute; bottom: auto; top: 50px; right: 0; left: 0; margin: auto; }
  /* line 100, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .secInner { padding: 15px 15px; padding-top: 50px; }
  /* line 101, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 { margin-bottom: 30px; }
  /* line 102, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 .ph { width: 100%; height: 120px; margin-bottom: 10px; }
  /* line 103, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 .text { width: 100%; }
  /* line 105, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 .text .ph02 { width: 70%; margin: 15px auto 0; }
  /* line 108, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 109, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec:not(:last-child) { margin-bottom: 30px; }
  /* line 110, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec .t { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; margin-bottom: .5em; order: 0; text-align: center; }
  /* line 111, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec .read { font-size: 13.5px; font-size: 0.84375rem; line-height: 1.434375rem; margin-bottom: 10px; order: 1; }
  /* line 112, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec .ph { width: 70%; float: none; margin: auto; position: relative; order: 2; }
  /* line 113, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec02 .ph { margin: .5em auto 0; right: auto; }
  /* line 114, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec03 .t { width: 100%; }
  /* line 114, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec03 .ph { left: -5%; margin-top: .5em; }
  /* line 116, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 .read { order: 1; }
  /* line 117, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; order: 2; }
  /* line 118, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li { margin: auto; position: relative; }
  /* line 119, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(1) { width: 45%; }
  /* line 120, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(2) { width: 48%; }
  /* line 125, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .cap { display: block; text-align: right; margin-top: 10px; position: absolute; bottom: -25px; right: 3%; }
  /* line 131, bathroom.scss */
  #equipment.bathroom .eqpList { margin-top: 50px; }
  /* line 134, bathroom.scss */
  #equipment.bathroom .eqpList .list.bathtab .ph { width: 100%; margin: 0 auto; } }