@charset "UTF-8";
/*aa102d　7d0000*/
/*"Bellefair", serif;*/
/* line 13, bathroom.scss */
#equipment.bathroom .mainImg { width: 48.5%; }
/* line 14, bathroom.scss */
#equipment.bathroom .mainImg .ph { height: 100%; }
/* line 15, bathroom.scss */
#equipment.bathroom .mainImg .ph span { position: absolute; line-height: 1; bottom: 110px; right: 30px; width: 240px; filter: drop-shadow(0px 0px 2px white) drop-shadow(0px 0px 3px white) drop-shadow(0px 0px 4px white); }
/* line 23, bathroom.scss */
#equipment.bathroom #microbubble.mainSec { width: 48.5%; position: relative; margin-top: 40px; }
/* line 26, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .mainTit i { line-height: 0; width: 170px; position: absolute; bottom: calc(100% + 1em); right: 0; }
/* line 28, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .secInner { /*border: 3px solid #f39939; border-top: none; padding: 20px 20px;*/ }
/* line 29, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; margin-bottom: 20px; }
/* line 30, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 .ph { width: 48%; }
/* line 31, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 .ph img { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0; }
/* line 33, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 .text { width: 48%; }
/* line 34, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec01 .text .read { font-size: 15px; line-height: 1.6; letter-spacing: -.015em; margin-bottom: .75em; }
/* line 39, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec:not(:last-child) { margin-bottom: 20px; }
/* line 40, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec .t { font-size: 18px; font-size: 1.125rem; line-height: 1.6875rem; color: #467185; margin-bottom: .5em; width: 100%; font-weight: 600; letter-spacing: .015em; border: 1px solid #467185; border-inline: none; padding: .25em 0; }
/* line 41, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec .read { font-size: 13.5px; font-size: 0.84375rem; line-height: 1.18125rem; }
/* line 42, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec .ph { width: 52%; float: right; margin: 0 0 0px 3%; }
/* line 46, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; }
/* line 48, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(1) { width: 44%; }
/* line 49, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(2) { width: 50%; }
/* line 54, bathroom.scss */
#equipment.bathroom #microbubble.mainSec .cap { display: block; text-align: right; margin-top: 10px; position: absolute; bottom: -25px; right: 0; }
/* line 61, bathroom.scss */
#equipment.bathroom .eqpList { margin-top: 50px; }
/* line 64, bathroom.scss */
#equipment.bathroom .eqpList .list.bathtab .ph { width: 89%; margin: 0 auto; }
@media only screen and (max-width: 750px) { /* line 79, bathroom.scss */
  #equipment.bathroom #eqpTitleWrap .catchCopy { font-size: 18px; text-align: justify; padding: 0 5%; letter-spacing: .0em; }
  /* line 81, bathroom.scss */
  #equipment.bathroom .mainImg { width: 100%; margin-bottom: 30px; }
  /* line 82, bathroom.scss */
  #equipment.bathroom .mainImg .ph { height: 375px; }
  /* line 83, bathroom.scss */
  #equipment.bathroom .mainImg .ph span { bottom: 12px; right: 15px; width: 154px; line-height: 0; z-index: 10; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 81, bathroom.scss */
  #equipment.bathroom .mainImg { width: 100%; margin-bottom: 40px; }
  /* line 87, bathroom.scss */
  #equipment.bathroom .mainImg .ph { height: 0; padding-top: 88%; }
  /* line 88, bathroom.scss */
  #equipment.bathroom .mainImg .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 89, bathroom.scss */
  #equipment.bathroom .mainImg .ph span img { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } }
@media only screen and (max-width: 750px) { /* line 97, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec { width: 100%; margin: auto; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 97, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec { width: 90%; margin: 0 auto; } }
@media only screen and (max-width: 750px) { /* line 98, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .mainTit { font-size: 18px; }
  /* line 100, 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 102, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .secInner { padding: 20px 20px; padding-top: 50px; }
  /* line 103, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 { margin-bottom: 30px; }
  /* line 104, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 .ph { width: 100%; height: 150px; margin-bottom: 15px; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 104, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 .ph { width: 48%; } }
@media only screen and (max-width: 750px) { /* line 105, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 .text { width: 100%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 105, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 .text { width: 48%; } }
@media only screen and (max-width: 750px) { /* line 107, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec01 .text .ph02 { width: 90%; margin: 10px auto 0; }
  /* line 110, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec { display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 111, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec:not(:last-child) { margin-bottom: 30px; }
  /* line 112, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec .t { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; margin-bottom: 5px; order: 0; }
  /* line 113, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.59375rem; margin-bottom: 10px; order: 1; }
  /* line 114, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec .ph { width: 90%; float: none; margin: auto; position: relative; order: 2; }
  /* line 115, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec02 .ph { right: -5%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 115, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec02 .ph { width: 48%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 115, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec02 .read { width: 48%; } }
@media only screen and (max-width: 750px) { /* line 116, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec03 .ph { left: -5%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 116, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec03 .ph { width: 48%; left: auto; right: -2.5%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 116, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec03 .read { width: 48%; } }
@media only screen and (max-width: 750px) { /* line 118, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 .read { order: 1; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 118, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 .read { width: 35%; } }
@media only screen and (max-width: 750px) { /* line 119, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px; order: 2; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 119, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet { width: 60%; } }
@media only screen and (max-width: 750px) { /* line 120, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li { margin: auto; position: relative; }
  /* line 121, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(1) { width: 76%; margin-bottom: 25px; left: -2.5%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 121, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(1) { width: 44%; } }
@media only screen and (max-width: 750px) { /* line 122, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(2) { width: 90%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 122, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .sec.sec04 ul.phSet li:nth-of-type(2) { width: 50%; } }
@media only screen and (max-width: 750px) { /* line 127, bathroom.scss */
  #equipment.bathroom #microbubble.mainSec .cap { display: block; text-align: right; margin-top: 10px; position: absolute; bottom: -25px; right: 3%; }
  /* line 133, bathroom.scss */
  #equipment.bathroom .eqpList { margin-top: 60px; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 133, bathroom.scss */
  #equipment.bathroom .eqpList { margin-top: 60px; } }