@charset "UTF-8";
/*aa102d　7d0000*/
/*"Bellefair", serif;*/
/* line 13, toilet.scss */
#equipment.toilet #container { /* align-items: flex-start;*/ }
/* line 15, toilet.scss */
#equipment.toilet .mainImg { width: 48.5%; 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: 100%; }
/* 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: 48.5%; }
/* 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: 56%; margin-bottom: 0; }
/* line 27, toilet.scss */
#equipment.toilet .eqpList.sec01 .list .text { width: 40%; }
/* 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: 420px;*/ height: 580px; }
  /* 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; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 59, toilet.scss */
  #equipment.toilet .mainImg { width: 100%; margin-bottom: 40px; padding: 0 15%; }
  /* line 67, toilet.scss */
  #equipment.toilet .mainImg .ph { height: 0; padding-top: 150%; }
  /* line 68, toilet.scss */
  #equipment.toilet .mainImg .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; }
  /* line 69, toilet.scss */
  #equipment.toilet .mainImg .ph span img { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } }
@media only screen and (max-width: 750px) { /* line 74, toilet.scss */
  #equipment.toilet .eqpList.sec01 { width: 100%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 74, toilet.scss */
  #equipment.toilet .eqpList.sec01 { width: 100%; margin: 0 auto; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 75, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list { width: 48%; } }
@media only screen and (max-width: 750px) { /* line 76, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list:not(:last-child) { margin-bottom: 40px; }
  /* line 77, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list:last-child { margin-bottom: 40px; }
  /* line 78, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list .eqpTtl { margin-top: 12px; }
  /* line 79, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list .ph { width: 100%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 79, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list .ph { width: 100%; margin-bottom: 10px; } }
@media only screen and (max-width: 750px) { /* line 80, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list .text { width: 100%; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 80, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list .text { width: 100%; } }
@media only screen and (max-width: 750px) { /* line 82, toilet.scss */
  #equipment.toilet .eqpList.sec01 .list.hyper { margin-bottom: 40px; }
  /* line 84, toilet.scss */
  #equipment.toilet .eqpList.sec02 { margin-top: 0px; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 84, toilet.scss */
  #equipment.toilet .eqpList.sec02 { margin-top: 0px; } }
@media only screen and (max-width: 750px) { /* line 95, toilet.scss */
  #equipment.toilet .eqpList.sec02 .list.vertical .ph { width: 48%; } }