@import url("https://fonts.googleapis.com/css?family=Cormorant+Garamond&display=swap");
@import url("https://fonts.googleapis.com/css?family=Great+Vibes&display=swap");
@import url("https://fonts.googleapis.com/css?family=EB+Garamond&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
.rough {
  overflow: hidden;
  margin: 0 auto;
  background-size: cover;
  height: 4853px;
  background-image: url("../images/plan_modelroom/rough.jpg");
  background-repeat: no-repeat;
  background-position: center; }

.plan_modelroomPage .mv {
  position: relative;
  height: 850px;
  background: url("../images/plan_modelroom/mv.jpg") no-repeat center;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 750px) {
    .plan_modelroomPage .mv {
      background: url("../images/plan_modelroom/mv_sp.jpg") no-repeat center;
      height: 90vh;
      background-size: cover;
      background-position: center -48px; } }
  .plan_modelroomPage .mv_tit {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    position: absolute;
    font-size: 42px;
    text-align: center;
    width: 90%; }
    @media screen and (max-width: 750px) {
      .plan_modelroomPage .mv_tit {
        font-size: 28px; } }
    .plan_modelroomPage .mv_tit span {
      font-size: 30px; }
      @media screen and (max-width: 750px) {
        .plan_modelroomPage .mv_tit span {
          font-size: 25px; } }
      .plan_modelroomPage .mv_tit span strong {
        font-size: 40px; }
        @media screen and (max-width: 750px) {
          .plan_modelroomPage .mv_tit span strong {
            font-size: 30px; } }
  .plan_modelroomPage .mv .figcaption {
    position: absolute;
    bottom: 5px;
    right: 0;
    z-index: 2;
    padding: 3px 5px;
    color: #fff;
    font-size: 10px;
    text-align: right;
    line-height: 1.4; }
.plan_modelroomPage .planDetailPage .contsSecWrap {
  max-width: 100%; }
  .plan_modelroomPage .planDetailPage .contsSecWrap section {
    padding: 100px 6vw; }
    @media screen and (max-width: 750px) {
      .plan_modelroomPage .planDetailPage .contsSecWrap section {
        padding: 0 6vw 100px; } }
.plan_modelroomPage .planDetailPage #planDetailSec {
  margin: auto !important;
  width: 100%;
  max-width: calc(1200px + 12vw); }
  .plan_modelroomPage .planDetailPage #planDetailSec .plan_l {
    margin-bottom: 120px; }
    @media screen and (max-width: 750px) {
      .plan_modelroomPage .planDetailPage #planDetailSec .plan_l {
        margin-bottom: 80px; } }
.plan_modelroomPage .planDetailPage .planWrap {
  margin-top: 60px;
  flex-wrap: nowrap; }
  @media screen and (max-width: 750px) {
    .plan_modelroomPage .planDetailPage .planWrap {
      margin: 30px auto 0 auto; } }
  .plan_modelroomPage .planDetailPage .planWrap .price {
    background: #a38335;
    color: #fff;
    padding: 0 15px;
    width: 100%;
    font-size: 16px;
    text-align: center;
    margin-bottom: 60px; }
    @media screen and (max-width: 750px) {
      .plan_modelroomPage .planDetailPage .planWrap .price {
        padding: 0 10px;
        margin-bottom: 30px;
        margin-top: -15px; } }
    .plan_modelroomPage .planDetailPage .planWrap .price span {
      font-size: 40px;
      margin: 0 3px 0 5px;
      font-family: 'Marcellus', serif; }
      @media screen and (max-width: 750px) {
        .plan_modelroomPage .planDetailPage .planWrap .price span {
          font-size: 37px; } }
  .plan_modelroomPage .planDetailPage .planWrap .plan_kagu {
    margin: 0 auto;
    text-align: center; }
    .plan_modelroomPage .planDetailPage .planWrap .plan_kagu .title {
      border: 1px solid #a38335;
      padding: 15px;
      max-width: 350px;
      text-align: center;
      margin: 0 auto 10px;
      font-size: 16px;
      color: #a38335; }
      @media screen and (max-width: 750px) {
        .plan_modelroomPage .planDetailPage .planWrap .plan_kagu .title {
          padding: 10px;
          width: 85%; } }
    .plan_modelroomPage .planDetailPage .planWrap .plan_kagu figure p {
      text-align: center;
      margin-top: 10px;
      padding-bottom: 0 !important; }
      @media screen and (max-width: 750px) {
        .plan_modelroomPage .planDetailPage .planWrap .plan_kagu figure p {
          font-size: 12px;
          margin-bottom: 30px;
          margin-top: 5px; } }
  @media screen and (max-width: 1200px) {
    .plan_modelroomPage .planDetailPage .planWrap .txtWrap {
      padding: 2rem 1%; } }
  @media screen and (max-width: 750px) {
    .plan_modelroomPage .planDetailPage .planWrap .txtWrap {
      padding: 0 1%; } }
.plan_modelroomPage .planDetailPage .imgWrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 30px; }
  @media screen and (max-width: 750px) {
    .plan_modelroomPage .planDetailPage .imgWrap {
      flex-wrap: wrap;
      gap: 15px; } }
  .plan_modelroomPage .planDetailPage .imgWrap .box {
    position: relative;
    max-width: 560px; }
    .plan_modelroomPage .planDetailPage .imgWrap .box .caption {
      font-size: 12px;
      position: absolute;
      right: 5px;
      bottom: -30px;
      color: #fff; }
    .plan_modelroomPage .planDetailPage .imgWrap .box .black {
      color: #000; }
.plan_modelroomPage .planDetailPage .bgGray {
  background: #ededed;
  margin-top: 20px;
  padding: 100px 6vw !important; }
  @media screen and (max-width: 644px) {
    .plan_modelroomPage .planDetailPage .bgGray {
      margin-top: 0; } }
  @media screen and (max-width: 644px) {
    .plan_modelroomPage .planDetailPage .bgGray .cvBtn ul li {
      width: 100%; } }
  .plan_modelroomPage .planDetailPage .bgGray .cvBtn ul li a {
    text-align: center; }
.plan_modelroomPage .planDetailPage #pageCaptionWrap {
  font-family: YakuHanMP, "Times New Roman", Times, 'Noto Serif JP', "serif";
  padding: 100px 6vw 0; }
  .plan_modelroomPage .planDetailPage #pageCaptionWrap p {
    width: 94%;
    max-width: 1200px;
    margin: 0 auto;
    font-family: YakuHanMP, "Times New Roman", Times, 'Noto Serif JP', "serif";
    padding-bottom: 0 !important; }
    .plan_modelroomPage .planDetailPage #pageCaptionWrap p small {
      display: inline-block;
      color: #777;
      font-size: 12px;
      letter-spacing: .01em;
      text-align: left;
      line-height: 1.8;
      width: 100%; }