@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 16, other.scss */
#selectplan .other .secTitle { /*margin-bottom: 30px;*/ }
/* line 18, other.scss */
#selectplan .other .shoebox { border-bottom: none; }
/* line 19, other.scss */
#selectplan .other .shoebox .basic, #selectplan .other .shoebox .select { width: 49.4%; }
/* line 22, other.scss */
#selectplan .other .shoebox .basic .phSet .cap, #selectplan .other .shoebox .select .phSet .cap { font-family: "FOT-筑紫ゴシック Pr5 D"; font-size: 16px; letter-spacing: 0; position: absolute; top: 210px; white-space: nowrap; }
/* line 27, other.scss */
#selectplan .other .shoebox .basic .phSet.col01 { width: 65%; }
/* line 28, other.scss */
#selectplan .other .shoebox .basic .phSet .cap { right: calc(100% + 15px); }
/* line 32, other.scss */
#selectplan .other .shoebox .select .phSet { width: 54%; }
/* line 33, other.scss */
#selectplan .other .shoebox .select .phSet .cap { right: calc(100% + 50px); }
/* line 36, other.scss */
#selectplan .other .shoebox .icModelroom { top: 160px; left: 80px; }
@media only screen and (max-width: 750px) { /* line 45, other.scss */
  #selectplan .other .shoebox { border-bottom: none; }
  /* line 46, other.scss */
  #selectplan .other .shoebox .basic, #selectplan .other .shoebox .select { width: 100%; }
  /* line 47, other.scss */
  #selectplan .other .shoebox .basic .tit, #selectplan .other .shoebox .select .tit { width: 100%; margin-bottom: 10px; }
  /* line 48, other.scss */
  #selectplan .other .shoebox .basic .phSet, #selectplan .other .shoebox .select .phSet { margin: auto; }
  /* line 49, other.scss */
  #selectplan .other .shoebox .basic .phSet .cap, #selectplan .other .shoebox .select .phSet .cap { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; white-space: normal; margin-top: 10px; width: 100%; display: block; }
  /* line 54, other.scss */
  #selectplan .other .shoebox .basic .phSet.col01 { width: 80%; right: -7.5%; }
  /* line 55, other.scss */
  #selectplan .other .shoebox .basic .phSet .cap { left: -7.5%; padding-bottom: 10px; }
  /* line 59, other.scss */
  #selectplan .other .shoebox .select .phSet { width: 60%; }
  /* line 63, other.scss */
  #selectplan .other .shoebox .icModelroom { top: 70px; left: 10px; } }
/* line 77, other.scss */
#selectplan .toiretSec::after { /*display: none;*/ }
/* line 78, other.scss */
#selectplan .toiretSec .innerW { display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 79, other.scss */
#selectplan .toiretSec .secTitleWrap { order: 0; }
/* line 80, other.scss */
#selectplan .toiretSec .phMainImg { width: 30%; margin-top: -50px; margin-bottom: 50px; height: 466px; order: 2; }
/* line 81, other.scss */
#selectplan .toiretSec .toiret { width: 67%; margin-left: 0px; order: 1; }
/* line 82, other.scss */
#selectplan .toiretSec .toiret .basic, #selectplan .toiretSec .toiret .select { width: calc(100% / 2 - 7.5px); }
/* line 83, other.scss */
#selectplan .toiretSec .toiret .basic .phSet, #selectplan .toiretSec .toiret .select .phSet { width: 200px; }
/* line 84, other.scss */
#selectplan .toiretSec .toiret .basic .phSet .icModelroom, #selectplan .toiretSec .toiret .select .phSet .icModelroom { top: 0px; left: -5px; }
/* line 85, other.scss */
#selectplan .toiretSec .toiret .basic .phSet .cap, #selectplan .toiretSec .toiret .select .phSet .cap { position: absolute; right: calc(100% - 15px); bottom: 5px; white-space: nowrap; }
/* line 89, other.scss */
#selectplan .toiretSec .toiretfloor { order: 3; }
@media only screen and (max-width: 750px) { /* line 95, other.scss */
  #selectplan .toiretSec .secTitleWrap { order: 0; }
  /* line 96, other.scss */
  #selectplan .toiretSec .phMainImg { width: 95%; margin: 0 auto 0px; height: 360px; order: 1; }
  /* line 97, other.scss */
  #selectplan .toiretSec .toiret { width: 100%; margin-left: 0px; order: 2; }
  /* line 98, other.scss */
  #selectplan .toiretSec .toiret .basic, #selectplan .toiretSec .toiret .select { width: 100%; }
  /* line 99, other.scss */
  #selectplan .toiretSec .toiret .basic .phSet, #selectplan .toiretSec .toiret .select .phSet { width: 150px; margin: 0; }
  /* line 100, other.scss */
  #selectplan .toiretSec .toiret .basic .phSet .icModelroom, #selectplan .toiretSec .toiret .select .phSet .icModelroom { top: 0px; left: -5px; }
  /* line 101, other.scss */
  #selectplan .toiretSec .toiret .basic .phSet .cap, #selectplan .toiretSec .toiret .select .phSet .cap { position: absolute; right: calc(100% - 15px); bottom: 5px; white-space: nowrap; }
  /* line 105, other.scss */
  #selectplan .toiretSec .toiretfloor { order: 3; } }