@charset "UTF-8";
.inner {
  width: calc(100% - 16rem);
  max-width: 100%; }

.page-head .button {
  max-width: 520px;
  width: 90%;
  margin-top: 6rem;
  margin-inline: auto; }
  .page-head .button img {
    transition: filter .2s linear; }
  .page-head .button a:hover img {
    filter: brightness(103%); }

@media screen and (max-width: 1100px) {
  .inner {
    width: 92%; } }
/******************************************************

room

******************************************************/
#room .img01 + .midashi {
  margin-top: 6rem; }
#room .midashi + .lead {
  margin-top: 3rem; }
#room .img02 {
  margin-top: 6rem; }
#room .img03 {
  max-width: 1000px;
  width: 90%;
  margin-inline: auto;
  margin-top: 8rem; }
#room .wtc {
  max-width: 1000px;
  width: 90%;
  margin-inline: auto;
  margin-top: 6rem;
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 6rem 4rem;
  align-items: center; }
#room .private-garden .pet {
  margin-top: 6rem;
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  row-gap: 6rem;
  align-items: center; }
  #room .private-garden .pet .copy {
    order: 2;
    padding: 0 6rem; }
  #room .private-garden .pet .img {
    order: 1; }
#room .private-garden .img02 {
  max-width: 1000px;
  width: 90%;
  margin-inline: auto;
  margin-top: 8rem; }
#room .private-garden .img03 {
  max-width: 918px;
  width: 90%;
  margin-inline: auto;
  margin-top: 4rem; }

@media screen and (max-width: 1024px) {
  #room .private-garden .pet .copy {
    padding: 0 4rem; } }
@media screen and (max-width: 768px) {
  #room .wtc {
    grid-template-columns: 1fr; }
    #room .wtc .copy {
      width: 90%;
      margin-inline: auto;
      text-align: center; }
      #room .wtc .copy .midashi {
        text-align: center; }
  #room .private-garden .pet {
    grid-template-columns: 1fr; }
    #room .private-garden .pet .copy {
      order: 1;
      width: 90%;
      margin-inline: auto;
      padding: 0;
      text-align: center; }
      #room .private-garden .pet .copy .midashi {
        text-align: center; }
    #room .private-garden .pet .img {
      order: 2; } }
/******************************************************

plan-list

******************************************************/
#plan-list .inner {
  padding: 8rem 0;
  background-color: #ebe9e2; }
#plan-list .section-name {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center; }
  #plan-list .section-name .en {
    font-family: "big-caslon-fb", "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 700;
    font-style: normal;
    color: #704c70;
    font-size: 4rem;
    line-height: 1;
    letter-spacing: 0.1rem; }
  #plan-list .section-name .ja {
    font-family: "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0.1rem; }
#plan-list .list {
  width: 90%;
  max-width: 900px;
  margin-inline: auto;
  margin-top: 6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 6rem; }
  #plan-list .list .plan img {
    transition: filter .2s linear;
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.1); }
  #plan-list .list .plan a:hover img {
    filter: brightness(110%); }
  #plan-list .list.list3 {
    max-width: 1100px;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem 4rem; }

@media screen and (max-width: 1024px) {
  #plan-list .list {
    gap: 2.5rem 3rem; }
    #plan-list .list.list3 {
      grid-template-columns: repeat(2, 1fr);
      gap: 2.5rem 3rem; } }
@media screen and (max-width: 768px) {
  #plan-list .inner {
    padding: 7rem 0; }
  #plan-list .list {
    max-width: 420px;
    width: 80%;
    grid-template-columns: 1fr;
    gap: 3rem; }
    #plan-list .list.list3 {
      grid-template-columns: 1fr;
      gap: 3rem; } }
/******************************************************

plan-detail

******************************************************/
.plan-detail .inner {
  max-width: 1000px;
  width: 80%;
  margin-inline: auto; }
.plan-detail .plan-header {
  margin-top: 6rem;
  background-color: #f1f0eb;
  background-image: url(../images/plan/plan-detail_accent.png), url(../images/plan/plan-detail_bg.png);
  background-repeat: repeat-y, no-repeat;
  background-size: 3.5rem 100%, 22rem auto;
  background-position: left top, right top;
  padding: 3.5rem 3.5rem 3.5rem 7rem;
  display: grid;
  align-items: baseline;
  grid-template-columns: max-content 1fr; }
  .plan-detail .plan-header .type-name {
    font-family: "big-caslon-fb", "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 700;
    font-style: normal;
    color: #704c70;
    font-size: 2.5rem;
    line-height: 1;
    padding: 0 3.5rem 1rem 0;
    border-right: 1px solid #5a4e63; }
    .plan-detail .plan-header .type-name .large {
      font-size: 220%;
      margin-right: 1rem; }
  .plan-detail .plan-header .layout {
    font-family: "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    font-size: 2.6rem;
    line-height: 1;
    padding: 0 0 1rem 3.5rem; }
    .plan-detail .plan-header .layout .large {
      font-size: 200%; }
  .plan-detail .plan-header .size {
    font-family: "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    grid-column: span 2;
    border-top: 1px solid #5a4e63;
    padding-top: 1rem;
    display: flex;
    align-items: flex-end;
    line-height: 1;
    gap: 1rem 2rem;
    font-size: 1.7rem;
    flex-wrap: wrap !important; }
    .plan-detail .plan-header .size p {
      margin-top: 1rem; }
    .plan-detail .plan-header .size .large {
      font-size: 200%; }
    .plan-detail .plan-header .size sup {
      font-size: 60%; }
.plan-detail .plan-body {
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  column-gap: 4rem;
  margin-top: 6rem; }
  .plan-detail .plan-body .figure {
    text-align: center; }
    .plan-detail .plan-body .figure img {
      max-width: 100%;
      height: auto; }
  .plan-detail .plan-body .merit {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
    margin-top: 4rem; }
    .plan-detail .plan-body .merit li {
      font-family: "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 300;
      -webkit-font-smoothing: antialiased;
      font-feature-settings: "palt";
      font-size: 1.5rem;
      padding-left: 2rem;
      position: relative;
      line-height: 2; }
      .plan-detail .plan-body .merit li::before {
        background-color: #704c70;
        display: block;
        position: absolute;
        left: 0;
        top: 1rem;
        content: '';
        width: 1rem;
        height: 1rem; }
.plan-detail .utility-nav {
  border-top: 1px solid #cccccc;
  padding-top: 6rem;
  margin-top: 6rem; }
  .plan-detail .utility-nav ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 490px;
    margin-inline: auto;
    column-gap: 3rem; }
    .plan-detail .utility-nav ul li {
      font-family: "游明朝", "yu-mincho-pr6n", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 300;
      -webkit-font-smoothing: antialiased;
      font-feature-settings: "palt";
      font-size: 1.6rem;
      text-align: center; }
      .plan-detail .utility-nav ul li a {
        display: block;
        background-color: #6e695f;
        padding: 1rem;
        text-decoration: none;
        color: #fff;
        transition: filter .2s linear; }
        .plan-detail .utility-nav ul li a:hover {
          filter: brightness(115%); }
.plan-detail .legend {
  max-width: 1100px;
  width: 90%;
  margin-inline: auto;
  display: flex;
  gap: 0.5rem 2rem; }
  .plan-detail .legend li {
    display: flex;
    align-items: center;
    gap: 0.5rem; }

@media screen and (max-width: 768px) {
  .plan-detail .plan-header {
    padding: 3rem 3rem 3rem 6rem;
    background-size: 3rem 100%, 24rem auto;
    margin-top: 0; }
    .plan-detail .plan-header .type-name {
      padding: 0 2rem 1rem 0; }
      .plan-detail .plan-header .type-name .large {
        font-size: 220%;
        margin-right: 1rem; }
    .plan-detail .plan-header .layout {
      padding: 0 0 1rem 2rem; }
    .plan-detail .plan-header .size {
      padding-top: 1.5rem;
      flex-direction: column;
      align-items: flex-start; }
  .plan-detail .plan-body {
    grid-template-columns: 1fr; }
  .plan-detail .utility-nav ul {
    column-gap: 2rem; } }
@media screen and (max-width: 480px) {
  .plan-detail .plan-header {
    grid-template-columns: 1fr; }
    .plan-detail .plan-header .type-name {
      padding: 0;
      border-right: 0;
      font-size: 3.2rem; }
    .plan-detail .plan-header .layout {
      padding: 1rem 0 0 0; }
    .plan-detail .plan-header .size {
      grid-column: span 1;
      padding: 1.5rem 0 0 0;
      margin-top: 1.5rem; } }
@media print {
  #head-top,
  .sp-menu-switch,
  header,
  .g-nav-fix,
  .sp-menu,
  .utility-nav,
  footer {
    display: none !important; }

  html {
    font-size: 6px;
    padding: 0 !important; }

  body {
    background: #fff; }

  .plan-header {
    margin-top: 0 !important; }

  .conteiner {
    background: none !important; }
    .conteiner .inner {
      width: 90%;
      background: #fff !important; }

  .merit li {
    font-size: 2.5rem !important; } }