@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, page_innerspace.scss */
#innerspace #roomplan.designSecCmn .textWrap { padding-top: 0; }
/* line 13, page_innerspace.scss */
#innerspace #roomplan.designSecCmn .textWrap .enT { width: 300px; }
/* line 14, page_innerspace.scss */
#innerspace #roomplan.designSecCmn .textWrap .text { width: calc(100% - 300px); }
/* line 19, page_innerspace.scss */
#innerspace #roomplan.designSecCmn .ph { width: calc(100% - 60px); margin: auto; height: 0; padding-top: 56.25%; }
/* line 20, page_innerspace.scss */
#innerspace #roomplan.designSecCmn .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; }
/* line 21, page_innerspace.scss */
#innerspace #roomplan.designSecCmn .ph:not(:last-child) { margin-bottom: 30px; }
/* line 23, page_innerspace.scss */
#innerspace #roomplan.designSecCmn .ph:nth-of-type(even) em.cap { left: auto; right: 2.5em; }
@media only screen and (max-width: 750px) { /* line 44, page_innerspace.scss */
  #innerspace #roomplan.designSecCmn .textWrap { padding-top: 0; }
  /* line 45, page_innerspace.scss */
  #innerspace #roomplan.designSecCmn .textWrap .enT { width: 100%; }
  /* line 46, page_innerspace.scss */
  #innerspace #roomplan.designSecCmn .textWrap .text { width: 100%; }
  /* line 51, page_innerspace.scss */
  #innerspace #roomplan.designSecCmn .ph { width: 100%; height: 0; padding-top: 65%; }
  /* line 53, page_innerspace.scss */
  #innerspace #roomplan.designSecCmn .ph:not(:last-child) { margin-bottom: 15px; }
  /* line 55, page_innerspace.scss */
  #innerspace #roomplan.designSecCmn .ph:nth-of-type(even) em.cap { left: auto; right: 1em; } }
/* line 76, page_innerspace.scss */
#innerspace #livingdining.designSecCmn { margin-top: 50px; }
/* line 77, page_innerspace.scss */
#innerspace #livingdining.designSecCmn .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; }
/* line 78, page_innerspace.scss */
#innerspace #livingdining.designSecCmn .textWrap { flex-direction: column; width: 45%; }
/* line 79, page_innerspace.scss */
#innerspace #livingdining.designSecCmn .textWrap .enT { margin-bottom: 1em; width: 100%; }
/* line 80, page_innerspace.scss */
#innerspace #livingdining.designSecCmn .textWrap .text { width: 100%; }
/* line 85, page_innerspace.scss */
#innerspace #livingdining.designSecCmn .phWrap { width: 50%; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 3em 0; }
/* line 86, page_innerspace.scss */
#innerspace #livingdining.designSecCmn .phWrap .subPh { width: calc(100% / 3 - 10px); }
/* line 87, page_innerspace.scss */
#innerspace #livingdining.designSecCmn .phWrap .subPh:nth-of-type(2) { top: 100px; }
@media only screen and (max-width: 750px) { /* line 96, page_innerspace.scss */
  #innerspace #livingdining.designSecCmn { margin-top: 50px; }
  /* line 98, page_innerspace.scss */
  #innerspace #livingdining.designSecCmn .textWrap { width: 100%; }
  /* line 99, page_innerspace.scss */
  #innerspace #livingdining.designSecCmn .textWrap .enT { margin-bottom: .5em; width: 100%; }
  /* line 100, page_innerspace.scss */
  #innerspace #livingdining.designSecCmn .textWrap .text { width: 100%; }
  /* line 105, page_innerspace.scss */
  #innerspace #livingdining.designSecCmn .phWrap { width: 100%; padding: 0em 5% 2em; align-items: flex-start; }
  /* line 106, page_innerspace.scss */
  #innerspace #livingdining.designSecCmn .phWrap .subPh { width: calc(100% / 3 - 6px); }
  /* line 107, page_innerspace.scss */
  #innerspace #livingdining.designSecCmn .phWrap .subPh:nth-of-type(2) { top: auto; margin-top: 30px; }
  /* line 110, page_innerspace.scss */
  #innerspace #livingdining.designSecCmn .phMain { width: 100%; height: 0; padding-top: 65%; }
  /* line 111, page_innerspace.scss */
  #innerspace #livingdining.designSecCmn .phMain img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; } }
/* line 119, page_innerspace.scss */
#innerspace #privatespace.designSecCmn { margin-top: 50px; margin-bottom: 60px; }
/* line 127, page_innerspace.scss */
#innerspace #privatespace.designSecCmn .phMain { width: 100%; height: 0; padding-top: 58%; }
/* line 128, page_innerspace.scss */
#innerspace #privatespace.designSecCmn .phMain img { position: absolute; top: 50%; transform: translateY(-50%); left: -50%; right: -50%; margin: auto; z-index: 10; z-index: 0; }
/* line 131, page_innerspace.scss */
#innerspace #privatespace.designSecCmn .phWrap { margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 132, page_innerspace.scss */
#innerspace #privatespace.designSecCmn .phWrap .subPh { width: 21.5%; }
/* line 135, page_innerspace.scss */
#innerspace #privatespace.designSecCmn .phWrap .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 77%; }
/* line 136, page_innerspace.scss */
#innerspace #privatespace.designSecCmn .phWrap .wrap .subPh { width: 49%; }
@media only screen and (max-width: 750px) { /* line 146, page_innerspace.scss */
  #innerspace #privatespace.designSecCmn { margin-top: 50px; margin-bottom: 60px; }
  /* line 154, page_innerspace.scss */
  #innerspace #privatespace.designSecCmn .phMain { width: 100%; height: 0; padding-top: 65%; }
  /* line 158, page_innerspace.scss */
  #innerspace #privatespace.designSecCmn .phWrap { margin-top: 20px; padding: 0 5%; }
  /* line 159, page_innerspace.scss */
  #innerspace #privatespace.designSecCmn .phWrap .subPh { width: 45%; }
  /* line 162, page_innerspace.scss */
  #innerspace #privatespace.designSecCmn .phWrap .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: calc(55% - 6px); }
  /* line 163, page_innerspace.scss */
  #innerspace #privatespace.designSecCmn .phWrap .wrap .subPh { width: 100%; }
  /* line 164, page_innerspace.scss */
  #innerspace #privatespace.designSecCmn .phWrap .wrap .subPh:not(:last-child) { margin-bottom: 6px; } }