@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&family=Noto+Sans+JP:wght@300&display=swap");
.loader-container {
  display: none; }

@media screen and (max-width: 768px) {
  br.pc-br {
    display: none; } }
h4 {
  font-family: ltc-bodoni-175, serif;
  font-weight: 400;
  font-style: normal;
  color: #000;
  font-size: 58px;
  line-height: 1.0;
  margin-bottom: 20px;
  font-weight: normal; }
  h4.green {
    color: #007f76; }

.leadCopy {
  text-align: center;
  margin: 5rem auto; }
  @media screen and (max-width: 768px) {
    .leadCopy {
      text-align: left;
      width: 90%; }
      .leadCopy .text-l {
        font-size: 0.8rem; } }

.designBox {
  max-width: 900px;
  margin: auto; }
  .designBox li {
    overflow: hidden;
    position: relative;
    margin-bottom: 0rem;
    /*&:nth-child(even) {
      .pic {
        float: right;
      }
      .txtArea {
        left: 0;
        right: auto;
      }
    }*/
    /*&.design03{
      .txtArea{
        width:100%;
        text-align: center;
        margin-bottom: 5%;
        .text-l{ margin-bottom: 5%; }
      }
      .imgArea{
        margin-bottom: 0%;
        .imgBox{ width:100%; }
      }
    }*/ }
    @media screen and (max-width: 768px) {
      .designBox li {
        margin-bottom: 1rem; } }
    .designBox li .pic {
      width: 63%; }
      .designBox li .pic img {
        width: 100%;
        height: auto; }
    .designBox li .txtArea h5 {
      font-family: 'Barlow Semi Condensed', sans-serif;
      color: #9fa0a0;
      font-size: 58px;
      line-height: 1.0;
      margin-bottom: 20px; }
    .designBox li.design01 .txtArea {
      width: 100%;
      text-align: center;
      margin-bottom: 5%; }
      .designBox li.design01 .txtArea .text-l {
        margin-bottom: 5%; }
    .designBox li.design01 .imgArea {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch; }
      .designBox li.design01 .imgArea div, .designBox li.design01 .imgArea li {
        min-height: 0%; }
      .designBox li.design01 .imgArea .imgBox {
        width: 33.3333%; }
      .designBox li.design01 .imgArea.w100 .text-m {
        padding-top: 1rem; }
      .designBox li.design01 .imgArea.w100 .imgBox {
        width: 100%;
        position: relative; }
        .designBox li.design01 .imgArea.w100 .imgBox img {
          position: relative;
          display: block; }
        .designBox li.design01 .imgArea.w100 .imgBox .note {
          position: absolute;
          bottom: 5px;
          right: 5px;
          z-index: 1;
          color: #FFFFFF; }
      .designBox li.design01 .imgArea .note {
        width: 100%;
        text-align: right; }
    .designBox li.design02 .txtArea {
      width: 100%;
      text-align: center;
      margin-bottom: 5%; }
      .designBox li.design02 .txtArea .text-l {
        margin-bottom: 5%; }
    .designBox li.design02 .imgArea {
      margin-bottom: 5%; }
      .designBox li.design02 .imgArea .imgBox {
        width: 100%; }
    .designBox li.design02 .txtArea2 {
      text-align: left;
      margin: 0 auto 0rem;
      max-width: 800px; }
      .designBox li.design02 .txtArea2 .text-m {
        margin-bottom: 2%;
        font-weight: bold; }
    .designBox li.design02 .imgArea2 {
      margin: 0 auto 0rem;
      max-width: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .designBox li.design02 .imgArea2 div, .designBox li.design02 .imgArea2 li {
        min-height: 0%; }
      .designBox li.design02 .imgArea2 .imgBox {
        width: 32%;
        margin-bottom: 1.5%; }
    .designBox li.design02 .txtArea3 {
      text-align: left;
      margin: 0 auto 4rem;
      max-width: 800px; }
      .designBox li.design02 .txtArea3 .text-s {
        margin-bottom: 3%; }
    .designBox li.design02 .txtArea4 {
      text-align: left;
      margin: 0 auto 0rem;
      max-width: 800px; }
      .designBox li.design02 .txtArea4 .text-m {
        margin-bottom: 2%;
        font-weight: bold; }
    .designBox li.design02 .imgArea3 {
      margin: 0 auto 0rem;
      max-width: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      .designBox li.design02 .imgArea3 div, .designBox li.design02 .imgArea3 li {
        min-height: 0%; }
      .designBox li.design02 .imgArea3 .imgBox {
        width: 100%;
        margin-bottom: 1.5%; }
      .designBox li.design02 .imgArea3 .note {
        width: 100%;
        text-align: right; }
    .designBox li.design04 {
      margin-bottom: 3rem; }
      .designBox li.design04 .txtArea {
        width: 100%;
        text-align: center;
        margin-bottom: 5%; }
        .designBox li.design04 .txtArea .text-l {
          margin-bottom: 5%; }
      .designBox li.design04 .imgArea {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 0;
        margin-bottom: 5%; }
        .designBox li.design04 .imgArea div, .designBox li.design04 .imgArea li {
          min-height: 0%; }
        .designBox li.design04 .imgArea .imgBox {
          width: 48%;
          margin-bottom: 2rem; }
          .designBox li.design04 .imgArea .imgBox .note {
            margin-bottom: 0; }
          .designBox li.design04 .imgArea .imgBox .text-m {
            font-weight: bold;
            padding: 0rem 0 0.5rem; }
          .designBox li.design04 .imgArea .imgBox .text-s {
            line-height: 1.5;
            margin-bottom: 1rem; }
        .designBox li.design04 .imgArea .note {
          width: 100%;
          text-align: right; }
      .designBox li.design04 .imgArea2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0;
        margin-bottom: 5%; }
        .designBox li.design04 .imgArea2 div, .designBox li.design04 .imgArea2 li {
          min-height: 0%; }
        .designBox li.design04 .imgArea2 .imgBox {
          width: 32%;
          margin-bottom: 1rem; }
          .designBox li.design04 .imgArea2 .imgBox .pos_rel {
            width: 100%;
            position: relative; }
            .designBox li.design04 .imgArea2 .imgBox .pos_rel .text-xs {
              margin-top: 0; }
            .designBox li.design04 .imgArea2 .imgBox .pos_rel .note {
              position: absolute;
              bottom: 5px;
              right: 5px;
              color: #FFFFFF;
              text-shadow: 0 0 3px #000000,0 0 10px #000000; }
        .designBox li.design04 .imgArea2 .note {
          width: 100%;
          text-align: right; }
    .designBox li.design05 {
      background-color: #eeeacb;
      padding: 1rem 0;
      margin-top: 4rem; }
      .designBox li.design05 .imgArea {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        align-items: flex-start; }
        .designBox li.design05 .imgArea div, .designBox li.design05 .imgArea li {
          min-height: 0%; }
        .designBox li.design05 .imgArea h5 {
          padding-top: 2rem;
          font-family: a-otf-ryumin-pr6n, serif;
          font-weight: 300;
          font-style: normal;
          /**font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
          font-weight: normal**/
          letter-spacing: 0.1em;
          font-feature-settings: "palt"; }
          .designBox li.design05 .imgArea h5 .sup {
            font-size: 0.3em;
            vertical-align: top; }
        .designBox li.design05 .imgArea .imgBox {
          width: 48%; }
          .designBox li.design05 .imgArea .imgBox h5 {
            text-align: center; }
          .designBox li.design05 .imgArea .imgBox .no1 {
            width: 50%;
            max-width: 250px;
            margin: 1rem auto; }
          .designBox li.design05 .imgArea .imgBox .text-m {
            width: 90%;
            margin-left: 5%;
            margin-bottom: 1rem;
            letter-spacing: 0.1em;
            font-feature-settings: "palt"; }
      .designBox li.design05 .imgArea1 {
        margin-bottom: 5%;
        width: 100%;
        text-align: center; }
        .designBox li.design05 .imgArea1 .imgBox {
          margin: 0 auto;
          width: 90%; }
        .designBox li.design05 .imgArea1 .note {
          width: 100%;
          /**padding:0.5em 1em;
          border:1px solid #000000;**/
          letter-spacing: 0.1em;
          font-feature-settings: "palt"; }
      .designBox li.design05 .txtArea1 {
        width: 90%;
        margin: 0 auto 0rem;
        margin-top: 4rem; }
        .designBox li.design05 .txtArea1 .text-l {
          font-family: ltc-bodoni-175, serif;
          font-weight: 400;
          font-style: normal;
          letter-spacing: 0.1em;
          font-weight: lighter;
          font-feature-settings: "palt";
          width: 100%;
          padding: 0.3em 0;
          background-color: #80c4c0;
          text-align: center;
          color: #FFFFFF;
          line-height: 1;
          font-size: 2rem; }
      .designBox li.design05 .txtArea2 {
        width: 90%;
        margin: 0 auto 2rem; }
        .designBox li.design05 .txtArea2 .txtAare2-ttl {
          font-family: ltc-bodoni-175, serif;
          font-weight: 400;
          font-style: normal;
          text-align: center;
          letter-spacing: 0.01em;
          font-weight: bold;
          font-feature-settings: "palt";
          width: 100%;
          padding: 0.3em 0;
          color: #007f76;
          margin-bottom: 1rem;
          font-size: 3rem;
          line-height: 1; }
        .designBox li.design05 .txtArea2 .textArea2-lineBox {
          text-align: center; }
          .designBox li.design05 .txtArea2 .textArea2-lineBox .text-l {
            margin-bottom: 1rem; }
      .designBox li.design05 .imgArea2,
      .designBox li.design05 .imgArea3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        background: #fff;
        width: 90%;
        margin: 0 auto 2rem;
        padding: 2rem 5% 3rem;
        box-sizing: border-box; }
        .designBox li.design05 .imgArea2 div, .designBox li.design05 .imgArea2 li,
        .designBox li.design05 .imgArea3 div,
        .designBox li.design05 .imgArea3 li {
          min-height: 0%; }
        .designBox li.design05 .imgArea2 .imgBox,
        .designBox li.design05 .imgArea3 .imgBox {
          margin-bottom: 1rem;
          width: 100%;
          max-width: 600px; }
        .designBox li.design05 .imgArea2 .text-xl,
        .designBox li.design05 .imgArea3 .text-xl {
          font-family: ltc-bodoni-175, serif;
          font-weight: 400;
          font-style: normal;
          margin-top: 2rem;
          text-align: center;
          font-size: 2.5rem;
          letter-spacing: 0.01em;
          position: relative; }
          .designBox li.design05 .imgArea2 .text-xl:before,
          .designBox li.design05 .imgArea3 .text-xl:before {
            position: absolute;
            content: "";
            bottom: 0;
            background: #000;
            height: 2px;
            width: 5rem;
            left: 50%;
            transform: translateX(-50%); }
        .designBox li.design05 .imgArea2 .text-s,
        .designBox li.design05 .imgArea3 .text-s {
          text-align: center;
          line-height: 2;
          margin-top: 1rem;
          letter-spacing: inherit; }
        .designBox li.design05 .imgArea2 .text-xs,
        .designBox li.design05 .imgArea3 .text-xs {
          line-height: 1.5; }
        .designBox li.design05 .imgArea2 img,
        .designBox li.design05 .imgArea3 img {
          padding-top: 5%; }
      .designBox li.design05 .imgArea3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
        .designBox li.design05 .imgArea3 div, .designBox li.design05 .imgArea3 li {
          min-height: 0%; }
        .designBox li.design05 .imgArea3 .imgBox {
          width: 100%;
          max-width: 800px; }
        .designBox li.design05 .imgArea3 img {
          padding-top: 0%; }
    .designBox li.design06 {
      margin-bottom: 3rem; }
      .designBox li.design06 .txtArea {
        width: 100%;
        text-align: center;
        margin-bottom: 5%; }
        .designBox li.design06 .txtArea .text-l {
          margin-bottom: 5%; }
        @media screen and (max-width: 768px) {
          .designBox li.design06 .txtArea {
            text-align: left;
            width: 92%;
            margin-left: 5%; } }
      .designBox li.design06 .fig {
        position: relative; }
        .designBox li.design06 .fig .note {
          position: absolute;
          right: 11%;
          bottom: 10%; }
      .designBox li.design06 .hanrei {
        /*
        position: absolute;
        right: 0;
        bottom: 0;
        */
        border: 2px solid #eaeaea;
        font-size: 12px;
        margin-top: 30px;
        padding: 20px 20px 10px; }
        .designBox li.design06 .hanrei li {
          display: inline-block;
          margin-right: 20px;
          margin-bottom: 5px; }
          .designBox li.design06 .hanrei li .num {
            display: inline-block;
            line-height: 1;
            color: #fff;
            border-radius: 40px;
            width: 20px;
            padding: 3px 0 5px;
            text-align: center;
            margin-right: 5px; }
          .designBox li.design06 .hanrei li:nth-of-type(1) .num, .designBox li.design06 .hanrei li:nth-of-type(2) .num, .designBox li.design06 .hanrei li:nth-of-type(3) .num, .designBox li.design06 .hanrei li:nth-of-type(4) .num {
            background: #00a0e9; }
          .designBox li.design06 .hanrei li:nth-of-type(5) .num, .designBox li.design06 .hanrei li:nth-of-type(6) .num, .designBox li.design06 .hanrei li:nth-of-type(7) .num, .designBox li.design06 .hanrei li:nth-of-type(8) .num {
            background: #f39800; }
          .designBox li.design06 .hanrei li:nth-of-type(9) .num {
            background: #00913a; }
  @media screen and (max-width: 768px) {
    .designBox .leadCopy {
      margin: 2rem auto; }
      .designBox .leadCopy h4 {
        font-size: 42px; }
    .designBox li {
      /*&.design03 {
        margin-bottom: 3rem;
        .txtArea{
          width:80%;
          margin-left: 20%;
          text-align: left;
          margin-bottom: 5%;
        }
        .imgArea{
          width:100%;
        }
      }*/ }
      .designBox li.design01 {
        margin-bottom: 3rem; }
        .designBox li.design01 .txtArea {
          width: 80%;
          margin-left: 5%;
          text-align: left;
          margin-bottom: 5%; }
          .designBox li.design01 .txtArea .text-l {
            margin-bottom: 5%; }
        .designBox li.design01 .imgArea {
          width: 80%;
          margin-left: 20%;
          font-size: 0; }
          .designBox li.design01 .imgArea.w100 {
            width: 100%;
            margin-left: 0%;
            margin-bottom: 2%; }
          .designBox li.design01 .imgArea .imgBox {
            width: 100%;
            margin-bottom: 2%; }
      .designBox li.design02 {
        margin-bottom: 3rem; }
        .designBox li.design02 .txtArea {
          width: 80%;
          margin-left: 5%;
          text-align: left; }
        .designBox li.design02 .imgArea {
          width: 100%; }
        .designBox li.design02 .imgArea2 {
          width: 90%; }
        .designBox li.design02 .txtArea3 {
          width: 90%; }
        .designBox li.design02 .imgArea3 {
          width: 90%; }
      .designBox li.design04 {
        margin-bottom: 3rem; }
        .designBox li.design04 .txtArea {
          width: 80%;
          margin-left: 5%;
          text-align: left;
          margin-bottom: 5%; }
          .designBox li.design04 .txtArea br {
            display: none; }
        .designBox li.design04 .imgArea {
          width: 80%;
          margin-left: 5%; }
          .designBox li.design04 .imgArea .imgBox {
            width: 100%;
            margin-bottom: 5%; }
        .designBox li.design04 .imgArea2 {
          width: 90%;
          margin-left: 5%; }
          .designBox li.design04 .imgArea2 .imgBox {
            width: 48%;
            margin-bottom: 5%; }
      .designBox li.design05 .imgArea .imgBox {
        margin-bottom: 5%;
        width: 100%; }
        .designBox li.design05 .imgArea .imgBox .text-m {
          width: 90%;
          text-align: center; }
        .designBox li.design05 .imgArea .imgBox .note {
          width: 90%;
          margin-left: 5%; }
      .designBox li.design05 .imgArea2 {
        width: 90%;
        padding: 0rem 5%; }
        .designBox li.design05 .imgArea2 .imgBox .note {
          width: 100%;
          margin-left: 0%; } }
  @media screen and (max-width: 640px) {
    .designBox {
      /*li {
        .pic {
          width: 60%;
        }
        .txtArea {
          width: 35%;
          h5 { font-size: 12vw;}
          p.text-m {
            //font-size: 10px;
          }
        }
      }*/ } }

.img01, .img02, .img03 {
  width: 100%;
  margin-top: 50px; }
  .img01 .text-m, .img02 .text-m, .img03 .text-m {
    padding-top: 1rem;
    margin-bottom: 1rem; }
  .img01 .text-s, .img02 .text-s, .img03 .text-s {
    margin-top: 10px; }
  .img01 .imgBox, .img02 .imgBox, .img03 .imgBox {
    width: 100%;
    position: relative; }
    .img01 .imgBox img, .img02 .imgBox img, .img03 .imgBox img {
      position: relative;
      display: block; }
    .img01 .imgBox .note, .img02 .imgBox .note, .img03 .imgBox .note {
      position: absolute;
      bottom: 5px;
      right: 5px;
      z-index: 1;
      color: #FFFFFF; }

.img04 {
  width: 100%;
  position: relative; }
  .img04 img {
    position: relative;
    display: block; }
  .img04 .note {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    color: #FFFFFF; }

.img-pic27 {
  margin-top: 40px; }

.plot {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .plot div, .plot li {
    min-height: 0%; }
  .plot li {
    width: 25%;
    font-size: 13px;
    letter-spacing: -0.5px;
    line-height: 1;
    margin-top: 10px;
    font-family: a-otf-ryumin-pr6n, serif;
    font-weight: 300;
    font-style: normal;
    /**font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: normal**/
    box-sizing: border-box;
    padding: 5px 0;
    padding-left: 21px;
    position: relative;
    overflow: inherit; }
    .plot li .num {
      font-family: a-otf-ryumin-pr6n, serif;
      font-weight: 300;
      font-style: normal;
      /**font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      font-weight: normal**/
      display: inline-block;
      color: #fff;
      background: #147b74;
      border-radius: 4px;
      text-align: center;
      font-size: 12px;
      line-height: 16px;
      width: 18px;
      height: 18px;
      margin-right: 5px;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 2px; }
  @media screen and (max-width: 640px) {
    .plot li {
      width: 49%;
      font-size: 12px;
      padding: 1px 0;
      padding-left: 25px; }
      .plot li .num {
        top: -2px; } }

.img-list05 {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .img-list05 div, .img-list05 li {
    min-height: 0%; }
  .img-list05 li {
    width: 32%;
    position: relative;
    margin-top: 20px;
    padding: 0;
    line-height: 1; }
    .img-list05 li img {
      width: 100%;
      height: auto; }
    .img-list05 li .num {
      font-family: a-otf-ryumin-pr6n, serif;
      font-weight: 300;
      font-style: normal;
      /**font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      font-weight: normal**/
      color: #fff;
      background: #147b74;
      border-radius: 4px;
      text-align: center;
      font-size: 14px;
      line-height: 18px;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 5px;
      left: 5px;
      z-index: 3;
      border-radius: 50%; }
    .img-list05 li .cap {
      color: #fff;
      font-size: 10px;
      line-height: 1;
      position: absolute;
      bottom: 5px;
      right: 5px; }
  @media screen and (max-width: 640px) {
    .img-list05 li {
      width: 100%; } }

.img {
  position: relative;
  line-height: 0; }
  .img img {
    width: 100%;
    height: auto; }
  .img .cap {
    color: #fff;
    font-size: 10px;
    line-height: 1;
    position: absolute;
    bottom: 5px;
    right: 5px; }

.img08 {
  width: 100%;
  margin-top: 20px; }

.img06-list {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .img06-list div, .img06-list li {
    min-height: 0%; }
  .img06-list li {
    width: 100%;
    margin-top: 20px; }
    .img06-list li .text-m {
      font-weight: bold;
      margin-top: 1rem; }
      .img06-list li .text-m.bar-g {
        text-align: center;
        background: #80c4c0; }
    .img06-list li .text-s {
      line-height: 1.5;
      margin-top: 0.5rem; }
    .img06-list li .img {
      margin-top: 2rem; }
    .img06-list li.li-m {
      width: 48%;
      margin-top: 0.5rem;
      line-height: 1.5; }
    .img06-list li.lounge {
      position: relative;
      padding-bottom: 5rem;
      margin-bottom: 1rem; }
      .img06-list li.lounge:before {
        content: "";
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 30%;
        right: 30%;
        background: #000; }
      .img06-list li.lounge .img-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch; }
        .img06-list li.lounge .img-list div, .img06-list li.lounge .img-list li {
          min-height: 0%; }
        .img06-list li.lounge .img-list .img {
          width: 100%;
          margin-top: 2rem; }
  @media screen and (max-width: 640px) {
    .img06-list li.li-m {
      width: 100%; } }

.img07 {
  margin-top: 20px;
  position: relative;
  line-height: 0; }
  .img07 img {
    width: 100%;
    height: auto; }
  .img07 .cap {
    color: #fff;
    font-size: 10px;
    line-height: 1;
    position: absolute;
    bottom: 5px;
    right: 5px; }
  .img07 .text-m {
    margin-top: 1rem; }
  .img07 .img {
    margin-top: 2rem; }

.img-list07 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .img-list07 div, .img-list07 li {
    min-height: 0%; }
  .img-list07 div {
    min-height: 0%; }
  .img-list07 .imgBox {
    width: 47%;
    margin-top: 2rem; }
    .img-list07 .imgBox .pos_rel {
      width: 100%;
      position: relative; }
      .img-list07 .imgBox .pos_rel .text-xs {
        margin-top: 0; }
      .img-list07 .imgBox .pos_rel .note {
        position: absolute;
        bottom: 5px;
        right: 5px;
        color: #FFFFFF;
        text-shadow: 0 0 3px #000000,0 0 10px #000000; }
    .img-list07 .imgBox .text-m {
      margin-top: 1rem; }

.oeo {
  margin-top: 20px;
  padding: 20px;
  background: #eeeacb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .oeo div, .oeo li {
    min-height: 0%; }
  .oeo .oeo-img {
    width: 45%; }
    .oeo .oeo-img .img {
      /**border: solid 1px #fff;**/ }
  .oeo .oeo-txt {
    width: 50%; }
    .oeo .oeo-txt .oeo-ttl {
      font-family: ltc-bodoni-175, serif;
      font-weight: 400;
      font-style: normal;
      font-size: 20px;
      border-bottom: solid 1px #333;
      padding-bottom: 10px; }
      .oeo .oeo-txt .oeo-ttl .subttl {
        display: inline-block;
        font-size: 12px;
        line-height: 1.6;
        padding-left: 10px; }
    .oeo .oeo-txt .lead {
      margin-top: 10px;
      font-size: 12px;
      line-height: 1.8; }
  @media screen and (max-width: 640px) {
    .oeo {
      padding: 15px; }
      .oeo .oeo-img {
        width: 100%; }
      .oeo .oeo-txt {
        width: 100%; }
        .oeo .oeo-txt .oeo-ttl {
          margin-top: 20px; }
          .oeo .oeo-txt .oeo-ttl .subttl {
            display: block;
            padding-left: 0;
            margin-top: 10px; } }