.red {
  color: #9A4335; }

#pagettl {
  background-image: url("/common/img/pagettl-bg5.jpg"); }

#for-stay {
  background: none; }

div.plan-item {
  background: #fff;
  margin-bottom: 8em;
  padding: 2em 3em; }
  @media screen and (max-width: 767px) {
    div.plan-item {
      padding: 7vw 20px;
      margin-bottom: 4em; } }
  div.plan-item h2 {
    text-align: center;
    font-size: 40px;
    margin: -1.3em 0 1em;
    padding: 0;
    line-height: 1; }
    @media screen and (max-width: 767px) {
      div.plan-item h2 {
        font-size: 6vw;
        margin-top: -1.5em; } }
  div.plan-item div.flex {
    align-items: center; }
    @media screen and (max-width: 767px) {
      div.plan-item div.flex {
        display: block; } }
    div.plan-item div.flex figure {
      flex: 0 0 48%; }
      @media screen and (max-width: 767px) {
        div.plan-item div.flex figure {
          padding-bottom: 1em; } }
      div.plan-item div.flex figure figcaption {
        font-size: 90%;
        padding-top: 0.5em; }
        @media screen and (max-width: 767px) {
          div.plan-item div.flex figure figcaption {
            padding-top: 1em; } }
    div.plan-item div.flex div {
      flex: 0 0 48%; }
      div.plan-item div.flex div p {
        margin-bottom: 1em; }
      div.plan-item div.flex div p.caution {
        line-height: 1.5;
        color: #9A4335; }
      div.plan-item div.flex div table.price {
        width: 100%;
        margin-bottom: 1em; }
        div.plan-item div.flex div table.price tbody tr th, div.plan-item div.flex div table.price tbody tr td {
          text-align: center;
          white-space: nowrap; }
          @media screen and (max-width: 767px) {
            div.plan-item div.flex div table.price tbody tr th, div.plan-item div.flex div table.price tbody tr td {
              font-size: 90%; } }

.btnList {
  display: flex;
  justify-content: space-between;
  padding: 4em 0 0; }
  @media screen and (max-width: 767px) {
    .btnList {
      display: block; } }
  .btnList li {
    flex: 0 0 48%; }
    @media screen and (max-width: 767px) {
      .btnList li {
        margin-bottom: 1em; } }
    .btnList li .btn {
      display: block;
      text-align: center; }