@charset "UTF-8";
/* CSS Document */
#Main .block-plandetail-01 {padding: 10em 0;}
#Main .block-plandetail-01 .mw1200 {padding: 4.5em;border: 1px solid #000;background: url(../img/common/bg02.webp);position: relative;}
#Main .block-plandetail-01 .container {background: #fff;position: relative;}
#Main .block-plandetail-01 .container div:nth-child(1) {display: flex;flex-wrap: wrap;justify-content: space-between;writing-mode: vertical-rl;text-combine-upright: none;font-feature-settings: normal;position: absolute;top: 0;right: 0;z-index: 1;transform: translate(1.5em,-2.5em);}
#Main .block-plandetail-01 .container div:nth-child(1) h4 {font-size: 200%;line-height: 2;padding-bottom: 1em;margin-bottom: 1em;border-bottom: 1px solid #000;}
#Main .block-plandetail-01 .container div:nth-child(1) p {line-height: 2;}
#Main .block-plandetail-01 .container div:nth-child(1) p > span {display: inline-block;letter-spacing: 0.1em;}
#Main .block-plandetail-01 .container div:nth-child(2) {margin-bottom: 1.5em;transform: translate(-1.5em,-2em);}
#Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(1) {display: inline-block;padding-right: 0.75em;margin-bottom: 0.75em;border-bottom: 1px solid #000;}
#Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(1) span:nth-child(1) {font-size: 325%;}
#Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(1) span:nth-child(2) {font-size: 200%;}
#Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(1) span:nth-child(3) {font-size: 225%;}
#Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(1) span:nth-child(4) {font-size: 125%;}
#Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(2) {margin-bottom: 0.5em;}
#Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(2) span:nth-child(1) {font-size: 87.5%;}
#Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(2) span:nth-child(2) {font-size: 200%;}
#Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(3) {font-size: 87.5%;line-height: 2;}
#Main .block-plandetail-01 .container figure {width: 84%;margin: 0 auto;}
#Main .block-plandetail-01 .container ul {display: flex;flex-wrap: wrap;justify-content: flex-start;padding: 4em 1em 0.5em;}
#Main .block-plandetail-01 .container ul li {font-size: 87.5%;margin-right: 1em;}
#Main .block-plandetail-01 .container ul li::before {display: inline-block;content: '';width: 3em;height: 1em;margin-right: 0.5em;}
#Main .block-plandetail-01 .container ul li.floor::before {background: url("../img/plan/plan_bg01.svg") no-repeat center/150%;}
#Main .block-plandetail-01 .container ul li.strage::before {background: #d6cae1;}
#Main .block-plandetail-01 .container ul li.wet::before {background: #cee6df;}
#Main .block-plandetail-01 .caps {font-size: 75%;margin-top: 0.5em;}
#Main .block-plandetail-01 a[href="plan.php#contentsWrap"] {display: inline-block;padding: 2em;position: absolute;right: 0;bottom: 0;z-index: 1;}
#Main .block-plandetail-01 a[href="plan.php#contentsWrap"]::after {display: block;content: '';width: 1.25em;height: 100%;background: url("../img/common/common_arrow2.svg") no-repeat center right/contain;position: absolute;top: 0;left: 0;z-index: 1;transition: 0.7s;transform: rotate(180deg);}
#plan_aa #Main .block-plandetail-01 .container figure {max-width: 40em;}
#plan_ad #Main .block-plandetail-01 .container figure {max-width: 40em;}
#plan_bf #Main .block-plandetail-01 .container figure {max-width: 40em;}
@media only screen and (max-width: 1300px) {
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
}
@media only screen and (min-width: 768px) and (max-width: 1100px) {
  #Main .block-plandetail-01 {font-size: 1.4vw;}
}
@media only screen and (min-width: 768px) {
  #Main .block-plandetail-01 a[href="plan.php#contentsWrap"]:hover::after {left: -0.75em;}
}
@media only screen and (max-width: 767px) {
  #Main .block-plandetail-01 {padding: 7em 0 4em;}
  #Main .block-plandetail-01 .mw1200 {padding: 2em 2em 7.5em;}
  #Main .block-plandetail-01 .container {padding-top: 1em;}
  #Main .block-plandetail-01 .container div:nth-child(1) {text-align: center;writing-mode: horizontal-tb;margin-bottom: 1em;position: static;transform: none;}
  #Main .block-plandetail-01 .container div:nth-child(1) h4 {font-size: 150%;line-height: 1.25;width: 90%;margin: 0 auto 0.5em;padding: 0 0 0.5em;}
  #Main .block-plandetail-01 .container div:nth-child(1) p {font-size: 112.5%;line-height: 1.25;text-align: center;width: 100%;}
  #Main .block-plandetail-01 .container div:nth-child(1) p > span {display: block;letter-spacing: 0;line-height: 1.5;margin-bottom: 0.75em;}
  #Main .block-plandetail-01 .container div:nth-child(1) p span span {display: none;}
  #Main .block-plandetail-01 .container div:nth-child(2) {text-align: center;padding: 0 5vw;margin-bottom: 2.5em;transform: none;}
  #Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(1) {display: block;line-height: 1.25;padding: 0 0 0.5em;}
  #Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(1) span:nth-child(1) {font-size: 275%;}
  #Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(1) span:nth-child(2) {font-size: 200%;}
  #Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(1) span:nth-child(3) {font-size: 200%;}
  #Main .block-plandetail-01 .container div:nth-child(2) p:nth-child(3) {font-size: 100%;}
  #Main .block-plandetail-01 a[href="plan.php#contentsWrap"] {font-size: 112.5%;width: 12em;margin: 0 auto;left: 0;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}