@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 13, toilet.scss */
#equipment.toilet #container { /* align-items: flex-start;*/ }
/* line 15, toilet.scss */
#equipment.toilet .mainImg { width: 55%; position: relative; }
/* line 16, toilet.scss */
#equipment.toilet .mainImg .logo { position: absolute; line-height: 1; bottom: 75px; right: 25px; width: 220px; z-index: 18; }
/* line 17, toilet.scss */
#equipment.toilet .mainImg .ph { height: 840px; }
/* line 18, toilet.scss */
#equipment.toilet .mainImg .ph span { position: absolute; bottom: 20px; left: 25px; width: 200px; line-height: 1; }
/* line 20, toilet.scss */
#equipment.toilet .mainImg .cmnLink { position: absolute; z-index: 18; right: 18px; bottom: 18px; width: 228px; }
/* line 23, toilet.scss */
#equipment.toilet .eqpList.sec01 { width: 42%; margin-bottom: 2em; }
/* line 24, toilet.scss */
#equipment.toilet .eqpList.sec01 .list { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 25, toilet.scss */
#equipment.toilet .eqpList.sec01 .list:last-child { margin-bottom: 0px; }
/* line 26, toilet.scss */
#equipment.toilet .eqpList.sec01 .list .ph { width: 57%; margin-bottom: 0; }
/* line 27, toilet.scss */
#equipment.toilet .eqpList.sec01 .list .text { width: 39%; }
/* line 29, toilet.scss */
#equipment.toilet .eqpList.sec01 .list.hyper { /*margin-bottom: 30px;*/ /*.ph{ width: 60%;}
.text{ width: 36%;}*/ }
/* line 34, toilet.scss */
#equipment.toilet .eqpList.sec02 { /*margin-top: 40px;*/ }
/* line 45, toilet.scss */
#equipment.toilet .eqpList.sec02 .list.vertical .ph { width: 46.8%; }
@media only screen and (max-width: 750px) { /* line 59, toilet.scss */
  #equipment.toilet .mainImg { width: 100%; margin-bottom: 40px; display: flex; justify-content: space-between; flex-wrap: wrap; }
  /* line 60, toilet.scss */
  #equipment.toilet .mainImg .logo { position: absolute; bottom: auto; top: 20px; right: 20px; width: 170px; z-index: 18; }
  /* line 61, toilet.scss */
  #equipment.toilet .mainImg .ph { width: 100%; height: 450px; }
  /* line 62, toilet.scss */
  #equipment.toilet .mainImg .ph span { bottom: 10px; left: 15px; width: 180px; line-height: 0; }
  /* line 64, toilet.scss */
  #equipment.toilet .mainImg .cmnLink { /*position: relative; right: auto; bottom: auto; margin: 15px 5% 0 auto;*/ right: 15px; bottom: auto; top: 15px; width: 170px; margin-top: 0; }
  /* line 67, toilet.scss */
  #equipment.toilet .eqpList.sec01 { width: 100%; margin-bottom: 0; }
  /* line 68, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list { width: calc(100% / 2 - 10px); }
  /* line 69, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list:not(:last-child) { margin-bottom: 2em; }
  /* line 70, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list:last-child { margin-bottom: 2em; }
  /* line 71, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list .eqpTtl { margin-top: 12px; }
  /* line 72, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list .ph { width: 100%; }
  /* line 73, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list .text { width: 100%; }
  /* line 75, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list.hyper { margin-bottom: 40px; }
  /* line 77, toilet.scss */
  #equipment.toilet .eqpList.sec02 { margin-top: 0px; }
  /* line 88, toilet.scss */
  #equipment.toilet .eqpList.sec02 .list.vertical .ph { width: 48%; } }