@charset "UTF-8";
/* top layout */
/* config
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* SP時の倍率 1.5 から 1.7 に変更 */
/* padding margin */
/* 縦書き */
/* 内径 */
/* header
---------------------------------------------------------------------------*/
.header-pagelogo {
  display: none; }

/* mv
---------------------------------------------------------------------------*/
@keyframes img_slide {
  0% {
    left: 0; }
  100% {
    left: -5vw; } }
.mv {
  position: relative;
  color: #ffffff;
  width: 100%;
  height: 100svh;
  overflow: hidden; }
  .mv .swiper-slide {
    height: 100svh; }
  .mv-img {
    position: relative;
    width: 100%;
    height: 100svh; }
    .mv-img img {
      position: absolute;
      left: 0;
      top: calc(50% - 50vh);
      width: 100%;
      height: 100svh;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;";
      transform: scale(1.1); }
      @media screen and (max-width: 480px) {
        .mv-img img {
          height: 110svh; } }
      .mv-img img.img_slide {
        animation: img_slide 9s linear; }
  .mv-head {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    text-align: center; }
    @media screen and (max-width: 1300px) {
      .mv-head {
        top: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .mv-head {
        top: 24.8vw; } }
    .mv-head-logo {
      display: block;
      width: 388px; }
      @media screen and (max-width: 1300px) {
        .mv-head-logo {
          width: 29.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .mv-head-logo {
          width: 74.9333333333vw; } }
    .mv-head p {
      text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
      font-size: 16px;
      letter-spacing: .6em;
      margin-top: 20px; }
      @media screen and (max-width: 1300px) {
        .mv-head p {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .mv-head p {
          font-size: 3.6266666667vw; } }
      @media screen and (max-width: 1300px) {
        .mv-head p {
          margin-top: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .mv-head p {
          margin-top: 4.8vw; } }
      @media screen and (max-width: 480px) {
        .mv-head p:nth-of-type(1) {
          font-size: 3.6vw; }
        .mv-head p:nth-of-type(2) {
          font-size: 3.2vw; } }
  .mv-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 124px;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      .mv-logo {
        width: 9.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .mv-logo {
        width: 23.2vw;
        transform: translate(0);
        left: 5.8666666667vw;
        top: auto;
        bottom: 30.1333333333vw; } }
  .mv-tx {
    position: absolute;
    left: 80px;
    bottom: 80px;
    font-size: 18px;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
    z-index: 10;
    line-height: 2.6; }
    @media screen and (max-width: 1300px) {
      .mv-tx {
        font-size: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .mv-tx {
        font-size: 4.08vw; } }
    @media screen and (max-width: 1300px) {
      .mv-tx {
        left: 6.1538461538vw;
        bottom: 6.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .mv-tx {
        left: 3.2vw;
        bottom: 6.1333333333vw; } }
  .mv-scrl {
    position: absolute;
    right: 40px;
    bottom: 0;
    width: 25px;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      .mv-scrl {
        right: 3.0769230769vw;
        width: 1.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .mv-scrl {
        right: 3.4666666667vw;
        width: 5.0666666667vw; } }

/* ch
---------------------------------------------------------------------------*/
.ch {
  /* 左右に分かれたカルーセル */
  /* ボタン */ }
  .ch-ttl {
    position: relative;
    padding-bottom: 20px;
    /*&::before {
    	@include bfaf;
    	width: calc(50vw - 474px);
    	height: 1px;
    	bottom: 0;
    	right: calc(50% + 474px);
    	background-color: clr(mnd);
    	@include mq(xl) {
    		width: calc(50vw - 36.46153vw);
    		right: calc(50% + 36.46153vw);
    	}
    	@include mq(sm) {
    		width: px2sp(178);
    		right: auto;
    		left: px2sp(-50);
    	}
    }*/ }
    @media screen and (max-width: 1300px) {
      .ch-ttl {
        padding-bottom: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .ch-ttl {
        padding-bottom: 3.2vw; } }
    .ch-ttl .en {
      display: inline-block;
      position: relative;
      color: #909DA8;
      font-size: 14px;
      letter-spacing: .05em;
      margin-bottom: 30px; }
      @media screen and (max-width: 1300px) {
        .ch-ttl .en {
          font-size: 1.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .ch-ttl .en {
          font-size: 3.1733333333vw; } }
      @media screen and (max-width: 1300px) {
        .ch-ttl .en {
          margin-bottom: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .ch-ttl .en {
          font-size: 3.2vw;
          margin-bottom: 3.2vw; } }
      .ch-ttl .en::after {
        position: absolute;
        content: "";
        width: 50vw;
        height: 1px;
        right: 0;
        bottom: -80px;
        background-color: #909DA8; }
        @media screen and (max-width: 1300px) {
          .ch-ttl .en::after {
            bottom: -6.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .ch-ttl .en::after {
            bottom: -16vw; } }
    .ch-ttl .ja {
      font-size: 28px;
      letter-spacing: .6em; }
      @media screen and (max-width: 1300px) {
        .ch-ttl .ja {
          font-size: 2.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .ch-ttl .ja {
          font-size: 6.3466666667vw; } }
      @media screen and (max-width: 480px) {
        .ch-ttl .ja {
          width: calc(100% + 1em);
          margin-right: -1em;
          font-size: 5.6vw; } }
  .ch-catch {
    font-size: 28px;
    letter-spacing: .05em;
    margin-bottom: 32px; }
    @media screen and (max-width: 1300px) {
      .ch-catch {
        font-size: 2.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .ch-catch {
        font-size: 6.3466666667vw; } }
    @media screen and (max-width: 1300px) {
      .ch-catch {
        margin-bottom: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .ch-catch {
        margin-bottom: 4.2666666667vw; } }
    .ch-catch.cnt {
      text-align: center; }
  .ch-hdl {
    font-size: 18px;
    letter-spacing: .6em;
    margin-bottom: 48px; }
    @media screen and (max-width: 1300px) {
      .ch-hdl {
        font-size: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .ch-hdl {
        font-size: 4.08vw; } }
    @media screen and (max-width: 1300px) {
      .ch-hdl {
        margin-bottom: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .ch-hdl {
        margin-bottom: 6.4vw;
        line-height: 1.8; } }
    .ch-hdl span {
      font-size: 88.8888%;
      letter-spacing: .4em; }
  .ch-desc {
    font-size: 16px;
    line-height: 2.25;
    margin-top: -12px; }
    @media screen and (max-width: 1300px) {
      .ch-desc {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .ch-desc {
        font-size: 3.6266666667vw; } }
    @media screen and (max-width: 1300px) {
      .ch-desc {
        margin-top: -0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .ch-desc {
        margin-top: -1.6vw; } }
  .ch-leftcar, .ch-rightcar {
    position: absolute;
    overflow: hidden; }
    @media screen and (max-width: 480px) {
      .ch-leftcar, .ch-rightcar {
        position: relative; } }
    .ch-leftcar .swiper-wrapper.linear, .ch-rightcar .swiper-wrapper.linear {
      transition-timing-function: linear; }
    .ch-leftcar .swiper-slide, .ch-rightcar .swiper-slide {
      width: auto; }
  .ch-leftcar {
    width: calc(50vw - 482px);
    right: calc(50% + 482px); }
    @media screen and (max-width: 1300px) {
      .ch-leftcar {
        width: calc(50vw - 37.07692vw);
        right: calc(50% + 37.07692vw); } }
    @media screen and (max-width: 480px) {
      .ch-leftcar {
        display: none; } }
  .ch-rightcar {
    width: 50vw;
    left: 50%; }
    @media screen and (max-width: 480px) {
      .ch-rightcar {
        width: 100vw;
        left: auto;
        margin-left: -6.6666666667vw;
        margin-right: -6.6666666667vw; } }
  .ch .btn-more {
    width: 140px; }
    @media screen and (max-width: 1300px) {
      .ch .btn-more {
        width: 10.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .ch .btn-more {
        width: 28vw; } }
    .ch .btn-more a, .ch .btn-more .atag {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      width: 100%;
      padding: 12px 14px;
      border-bottom: 1px solid #223B52;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        .ch .btn-more a, .ch .btn-more .atag {
          padding: 0.9230769231vw 1.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .ch .btn-more a, .ch .btn-more .atag {
          padding: 2.4vw 2.1333333333vw; } }
      .ch .btn-more a.bdr-w, .ch .btn-more .atag.bdr-w {
        border-bottom-color: #ffffff; }
      @media (hover: hover) {
        .ch .btn-more a:hover, .ch .btn-more .atag:hover {
          opacity: 1;
          background-color: rgba(200, 206, 212, 0.5); } }
    .ch .btn-more span.more {
      font-size: 14px;
      letter-spacing: 0; }
      @media screen and (max-width: 1300px) {
        .ch .btn-more span.more {
          font-size: 1.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .ch .btn-more span.more {
          font-size: 3.1733333333vw; } }
      @media screen and (max-width: 480px) {
        .ch .btn-more span.more {
          font-size: 3.2vw; } }
    .ch .btn-more span.name {
      font-size: 16px;
      letter-spacing: .2em;
      margin-right: 0.8em; }
      @media screen and (max-width: 1300px) {
        .ch .btn-more span.name {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .ch .btn-more span.name {
          font-size: 3.6266666667vw; } }
    .ch .btn-more.wizname {
      width: 260px; }
      @media screen and (max-width: 1300px) {
        .ch .btn-more.wizname {
          width: 20vw; } }
      @media screen and (max-width: 480px) {
        .ch .btn-more.wizname {
          width: 52vw; } }

/* info
---------------------------------------------------------------------------*/
.info {
  padding-top: 160px; }
  @media screen and (max-width: 1300px) {
    .info {
      padding-top: 12.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .info {
      padding-top: 21.3333333333vw; } }
  .info-list {
    /* 1080 */
    position: relative;
    width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .info-list {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .info-list {
        width: 86.6666666667vw; } }
    .info-list li {
      border-bottom: 1px solid #B6BEC6; }
    .info-list a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative;
      padding: 20px; }
      @media screen and (max-width: 1300px) {
        .info-list a {
          padding: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .info-list a {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          padding: 5.3333333333vw 2.6666666667vw 9.3333333333vw; } }
      .info-list a .cat {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        width: 185px;
        height: 40px;
        background-color: rgba(34, 59, 82, 0.5);
        color: #ffffff;
        font-size: 18px;
        letter-spacing: .05em; }
        @media screen and (max-width: 1300px) {
          .info-list a .cat {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .info-list a .cat {
            font-size: 4.08vw; } }
        @media screen and (max-width: 1300px) {
          .info-list a .cat {
            width: 14.2307692308vw;
            height: 3.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .info-list a .cat {
            width: 40vw;
            height: 8.6666666667vw;
            font-size: 3.6vw;
            margin-right: 5.3333333333vw; } }
        .info-list a .cat i {
          font-style: normal; }
      .info-list a .date {
        width: 84px;
        font-size: 16px;
        letter-spacing: .05em;
        padding-top: 2px; }
        @media screen and (max-width: 1300px) {
          .info-list a .date {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .info-list a .date {
            font-size: 3.6266666667vw; } }
        @media screen and (max-width: 1300px) {
          .info-list a .date {
            width: 6.4615384615vw;
            padding-top: 0.1538461538vw; } }
        @media screen and (max-width: 480px) {
          .info-list a .date {
            display: block;
            width: auto;
            padding-top: 0; } }
      .info-list a .ttl {
        width: 700px;
        font-size: 18px;
        letter-spacing: .1em; }
        @media screen and (max-width: 1300px) {
          .info-list a .ttl {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .info-list a .ttl {
            font-size: 4.08vw; } }
        @media screen and (max-width: 1300px) {
          .info-list a .ttl {
            width: 53.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .info-list a .ttl {
            display: block;
            width: 100%;
            line-height: 2.111;
            margin-top: 3.2vw; } }
      .info-list a .btn-more {
        position: absolute;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        width: 140px; }
        @media screen and (max-width: 1300px) {
          .info-list a .btn-more {
            width: 10.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .info-list a .btn-more {
            width: 28vw; } }
      @media (hover: hover) {
        .info-list a .btn-more .atag:hover {
          background-color: transparent; }
        .info-list a:hover {
          opacity: 1;
          background-color: rgba(200, 206, 212, 0.5); }
          .info-list a:hover .ttl {
            text-decoration: underline; } }

/* chapter01
---------------------------------------------------------------------------*/
.chapter01 {
  padding-top: 160px;
  padding-bottom: 192px;
  background-image: url(../img/top/prologue-bg.jpg);
  background-position: center top;
  background-size: 2000px auto;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1300px) {
    .chapter01 {
      padding-top: 12.3076923077vw;
      padding-bottom: 14.7692307692vw;
      background-position: center top;
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .chapter01 {
      padding-top: 21.3333333333vw;
      padding-bottom: 25.6vw;
      background-size: 100vw auto;
      background-position: center bottom 135vw;
      background-image: url(../img/top/prologue-bg-sp.jpg); } }
  .chapter01 .ch-ttl {
    margin-bottom: 96px; }
    @media screen and (max-width: 1300px) {
      .chapter01 .ch-ttl {
        margin-bottom: 7.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .chapter01 .ch-ttl {
        margin-bottom: 12.8vw; } }
  .chapter01 .ch-desc {
    margin-bottom: 96px; }
    @media screen and (max-width: 1300px) {
      .chapter01 .ch-desc {
        margin-bottom: 7.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .chapter01 .ch-desc {
        margin-bottom: 12.8vw; } }
  @media screen and (max-width: 480px) {
    .chapter01-img {
      margin-left: -3.3333333333vw;
      margin-right: -3.3333333333vw;
      width: 93.3333333333vw; } }
  .chapter01-withcar {
    position: relative;
    padding-top: 64px; }
    @media screen and (max-width: 1300px) {
      .chapter01-withcar {
        padding-top: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .chapter01-withcar {
        padding-top: 8.5333333333vw; } }
    .chapter01-withcar-tx {
      padding-left: 88px; }
      @media screen and (max-width: 1300px) {
        .chapter01-withcar-tx {
          padding-left: 6.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .chapter01-withcar-tx {
          padding-left: 4vw; } }
      .chapter01-withcar-tx p {
        font-size: 16px;
        line-height: 4.125;
        letter-spacing: 0.4em;
        margin-top: -24px; }
        @media screen and (max-width: 1300px) {
          .chapter01-withcar-tx p {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .chapter01-withcar-tx p {
            font-size: 3.6266666667vw; } }
        @media screen and (max-width: 1300px) {
          .chapter01-withcar-tx p {
            margin-top: -1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .chapter01-withcar-tx p {
            line-height: 2.75;
            margin-top: -3.2vw; } }
  .chapter01 .ch-leftcar,
  .chapter01 .ch-rightcar {
    top: 64px; }
    @media screen and (max-width: 1300px) {
      .chapter01 .ch-leftcar,
      .chapter01 .ch-rightcar {
        top: 4.9230769231vw; } }
  .chapter01 .img-horizon,
  .chapter01 .img-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 0 25px;
    height: 490px; }
    @media screen and (max-width: 1300px) {
      .chapter01 .img-horizon,
      .chapter01 .img-vertical {
        padding: 0 1.9230769231vw;
        height: 37.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .chapter01 .img-horizon,
      .chapter01 .img-vertical {
        padding: 0 3.6vw;
        height: 71.3333333333vw; } }
    .chapter01 .img-horizon img,
    .chapter01 .img-vertical img {
      width: 100%; }
  .chapter01 .img-horizon {
    width: 540px; }
    @media screen and (max-width: 1300px) {
      .chapter01 .img-horizon {
        width: 41.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .chapter01 .img-horizon {
        width: 78.5333333333vw; } }
  .chapter01 .img-vertical {
    width: 370px; }
    @media screen and (max-width: 1300px) {
      .chapter01 .img-vertical {
        width: 28.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .chapter01 .img-vertical {
        width: 53.8666666667vw; } }
  .chapter01-btn {
    position: absolute;
    bottom: 0;
    right: 0; }
    @media screen and (max-width: 480px) {
      .chapter01-btn {
        position: relative;
        bottom: auto;
        right: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; } }

/* chapter02
---------------------------------------------------------------------------*/
.chapter02 {
  overflow: hidden;
  /* spring */
  /* quarters */
  /* interiors */
  /* gallery */ }
  .chapter02 .ch-ttl {
    margin-bottom: 48px; }
    @media screen and (max-width: 1300px) {
      .chapter02 .ch-ttl {
        margin-bottom: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .chapter02 .ch-ttl {
        margin-bottom: 12.8vw; } }
  .chapter02-gastronomy {
    position: relative;
    background-color: rgba(0, 0, 0, 0.1);
    color: #ffffff;
    /* アクティブ以外を透過 */ }
    .chapter02-gastronomy-item {
      /*position: sticky;
      top: 60px;
      height: 800px;
      height: calc(100% - 60px);
      @include mq(xl) {
      	top: px2vw(60);
      	height: calc(100% - 46.1538vw);
      }*/ }
      .chapter02-gastronomy-item img {
        width: 100%;
        height: 800px;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"; }
        @media screen and (max-width: 1300px) {
          .chapter02-gastronomy-item img {
            height: 61.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .chapter02-gastronomy-item img {
            height: 160vw; } }
    .chapter02-gastronomy .swiper-slide {
      height: 800px;
      /*&.swiper-slide-next img {
      	clip-path: polygon(0% 100%,  100% 100%, 100% 100%,  0% 100%);
      }
      &.swiper-slide-active img {
      	clip-path: polygon(0% 100%,  100% 100%, 100% 0%, 0% 0%);
      }*/ }
      @media screen and (max-width: 1300px) {
        .chapter02-gastronomy .swiper-slide {
          height: 61.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-gastronomy .swiper-slide {
          height: 160vw; } }
      .chapter02-gastronomy .swiper-slide img {
        width: 100%;
        height: 800px;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;";
        /*transition: clip-path .6s ease-in-out;*/ }
        @media screen and (max-width: 1300px) {
          .chapter02-gastronomy .swiper-slide img {
            height: 61.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .chapter02-gastronomy .swiper-slide img {
            height: 160vw; } }
    .chapter02-gastronomy .swiper-slide {
      transition-property: all;
      transition-duration: 1s;
      transition-timing-function: ease;
      opacity: 0.5; }
      .chapter02-gastronomy .swiper-slide.swiper-slide-active {
        opacity: 1; }
    .chapter02-gastronomy .ch02gastronomysl-pagination {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      position: absolute;
      z-index: 10;
      top: 55px;
      left: auto;
      right: 80px;
      width: 100px;
      bottom: auto; }
      @media screen and (max-width: 1300px) {
        .chapter02-gastronomy .ch02gastronomysl-pagination {
          width: 7.6923076923vw;
          top: 4.6153846154vw;
          right: 6.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-gastronomy .ch02gastronomysl-pagination {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          left: 5.3333333333vw;
          width: 100%;
          bottom: 7.2vw;
          top: auto; } }
      .chapter02-gastronomy .ch02gastronomysl-pagination .swiper-pagination-bullet {
        width: 100%;
        height: 150px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        border-radius: 0;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease;
        opacity: 0.7;
        margin: 0 5px; }
        @media screen and (max-width: 1300px) {
          .chapter02-gastronomy .ch02gastronomysl-pagination .swiper-pagination-bullet {
            height: 11.5384615385vw;
            margin: 0 0.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .chapter02-gastronomy .ch02gastronomysl-pagination .swiper-pagination-bullet {
            width: 19.2vw;
            height: 30.6666666667vw;
            margin: 0 0.6666666667vw; } }
        .chapter02-gastronomy .ch02gastronomysl-pagination .swiper-pagination-bullet:nth-of-type(1) {
          background-image: url(../img/top/gastronomy01-thumb.jpg); }
        .chapter02-gastronomy .ch02gastronomysl-pagination .swiper-pagination-bullet:nth-of-type(2) {
          background-image: url(../img/top/gastronomy02-thumb.jpg); }
        .chapter02-gastronomy .ch02gastronomysl-pagination .swiper-pagination-bullet:nth-of-type(3) {
          background-image: url(../img/top/gastronomy03-thumb.jpg); }
        .chapter02-gastronomy .ch02gastronomysl-pagination .swiper-pagination-bullet:nth-of-type(4) {
          background-image: url(../img/top/gastronomy04-thumb.jpg); }
        .chapter02-gastronomy .ch02gastronomysl-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          opacity: 1; }
    .chapter02-gastronomy .wrap-min {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      z-index: 100;
      height: 100%; }
      @media screen and (max-width: 480px) {
        .chapter02-gastronomy .wrap-min {
          bottom: auto;
          top: 0; } }
    .chapter02-gastronomy-tx {
      position: absolute;
      width: 50%;
      left: calc(50% - 540px);
      top: 50%;
      transform: translateY(-50%);
      z-index: 100; }
      @media screen and (max-width: 1300px) {
        .chapter02-gastronomy-tx {
          left: calc(50% - 41.553846vw); } }
      @media screen and (max-width: 480px) {
        .chapter02-gastronomy-tx {
          width: 80vw;
          top: 25.6vw;
          left: 6.6666666667vw;
          transform: translateY(0); } }
      .chapter02-gastronomy-tx .ch-hdl {
        margin-bottom: 48px; }
        @media screen and (max-width: 1300px) {
          .chapter02-gastronomy-tx .ch-hdl {
            margin-bottom: 3.6923076923vw; } }
      .chapter02-gastronomy-tx-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 24px; }
        @media screen and (max-width: 1300px) {
          .chapter02-gastronomy-tx-btn {
            margin-top: 1.8461538462vw; } }
        .chapter02-gastronomy-tx-btn .btn-more a {
          border-bottom-color: #ffffff; }
    .chapter02-gastronomy-scrl {
      position: absolute;
      right: calc(50% - 440px);
      bottom: 0;
      width: 26px;
      z-index: 10; }
      @media screen and (max-width: 1300px) {
        .chapter02-gastronomy-scrl {
          right: calc(50% - 33.84615);
          width: 2vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-gastronomy-scrl {
          width: 5.0666666667vw;
          right: 3.3333333333vw; } }
  .chapter02-withcar {
    position: relative;
    padding: 160px 0 320px; }
    @media screen and (max-width: 1300px) {
      .chapter02-withcar {
        padding: 12.3076923077vw 0 24.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .chapter02-withcar {
        padding: 21.3333333333vw 0; } }
    .chapter02-withcar-tx {
      width: 49%;
      padding-left: 88px; }
      @media screen and (max-width: 1300px) {
        .chapter02-withcar-tx {
          padding-left: 6.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-withcar-tx {
          width: 100%;
          padding-left: 0;
          margin-bottom: 8.5333333333vw; } }
      .chapter02-withcar-tx-catch {
        font-size: 16px;
        line-height: 2;
        margin-bottom: 86px; }
        @media screen and (max-width: 1300px) {
          .chapter02-withcar-tx-catch {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .chapter02-withcar-tx-catch {
            font-size: 3.6266666667vw; } }
        @media screen and (max-width: 1300px) {
          .chapter02-withcar-tx-catch {
            margin-bottom: 6.6153846154vw; } }
        @media screen and (max-width: 480px) {
          .chapter02-withcar-tx-catch {
            margin-bottom: 11.4666666667vw; } }
      .chapter02-withcar-tx-btn {
        width: 228px;
        margin: 38px 10px 0 auto; }
        @media screen and (max-width: 1300px) {
          .chapter02-withcar-tx-btn {
            width: 17.5384615385vw;
            margin: 2.9230769231vw 0.7692307692vw 0 auto; } }
        @media screen and (max-width: 480px) {
          .chapter02-withcar-tx-btn {
            width: 56vw;
            margin: 5.0666666667vw 0 0 auto; } }
        .chapter02-withcar-tx-btn .btn-more.wizname {
          width: 227px; }
          @media screen and (max-width: 1300px) {
            .chapter02-withcar-tx-btn .btn-more.wizname {
              width: 17.4615384615vw; } }
          @media screen and (max-width: 480px) {
            .chapter02-withcar-tx-btn .btn-more.wizname {
              width: 56vw; } }
    .chapter02-withcar .ch-leftcar {
      min-width: 380px; }
      @media screen and (max-width: 1300px) {
        .chapter02-withcar .ch-leftcar {
          min-width: 29.2307692308vw; } }
    .chapter02-withcar .ch-leftcar-wrap {
      width: 380px;
      margin: 0 0 0 auto; }
      @media screen and (max-width: 1300px) {
        .chapter02-withcar .ch-leftcar-wrap {
          width: 29.2307692308vw; } }
    .chapter02-withcar .ch-leftcar,
    .chapter02-withcar .ch-rightcar {
      padding-top: 60px;
      padding-bottom: 120px;
      top: 214px; }
      @media screen and (max-width: 1300px) {
        .chapter02-withcar .ch-leftcar,
        .chapter02-withcar .ch-rightcar {
          top: 16.4615384615vw;
          padding-top: 4.6153846154vw;
          padding-bottom: 9.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-withcar .ch-leftcar,
        .chapter02-withcar .ch-rightcar {
          display: none; } }
      .chapter02-withcar .ch-leftcar .swiper-slide,
      .chapter02-withcar .ch-rightcar .swiper-slide {
        width: 380px;
        transition: transform 0.4s ease-out;
        transform: translateY(105px); }
        @media screen and (max-width: 1300px) {
          .chapter02-withcar .ch-leftcar .swiper-slide,
          .chapter02-withcar .ch-rightcar .swiper-slide {
            width: 29.2307692308vw;
            transform: translateY(8vw); } }
        .chapter02-withcar .ch-leftcar .swiper-slide.swiper-slide-active,
        .chapter02-withcar .ch-rightcar .swiper-slide.swiper-slide-active {
          transform: translateY(0); }
          .chapter02-withcar .ch-leftcar .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide,
          .chapter02-withcar .ch-rightcar .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
            transform: translateY(0); }
        .chapter02-withcar .ch-leftcar .swiper-slide .twimg,
        .chapter02-withcar .ch-rightcar .swiper-slide .twimg {
          width: 320px;
          margin: 0 auto; }
          @media screen and (max-width: 1300px) {
            .chapter02-withcar .ch-leftcar .swiper-slide .twimg,
            .chapter02-withcar .ch-rightcar .swiper-slide .twimg {
              width: 24.6153846154vw; } }
    .chapter02-withcar .ch-rightcar {
      left: 52%; }
      .chapter02-withcar .ch-rightcar .swiper-slide.swiper-slide-active {
        transform: translateY(0) scale(1.2); }
    .chapter02-withcar .img-wide,
    .chapter02-withcar .img-small {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0 25px;
      height: 716px; }
      @media screen and (max-width: 1300px) {
        .chapter02-withcar .img-wide,
        .chapter02-withcar .img-small {
          padding: 0 1.9230769231vw;
          height: 55.0769230769vw; } }
      .chapter02-withcar .img-wide img,
      .chapter02-withcar .img-small img {
        width: 100%; }
      .chapter02-withcar .img-wide.middle,
      .chapter02-withcar .img-small.middle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
      .chapter02-withcar .img-wide.bottom,
      .chapter02-withcar .img-small.bottom {
        -webkit-align-items: flex-end;
        align-items: flex-end; }
    .chapter02-withcar .img-wide {
      width: 420px; }
      @media screen and (max-width: 1300px) {
        .chapter02-withcar .img-wide {
          width: 32.3076923077vw; } }
    .chapter02-withcar .img-small {
      width: 370px; }
      @media screen and (max-width: 1300px) {
        .chapter02-withcar .img-small {
          width: 28.4615384615vw; } }
  .chapter02 .ch02barSp {
    position: relative; }
  .chapter02 .ch02barMain-wrap {
    position: relative;
    width: 64vw;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
  .chapter02 .ch02barThumb-wrap {
    width: 91.3333333333vw;
    margin-left: -2.3333333333vw;
    margin-right: -2.3333333333vw;
    margin-top: 10.6666666667vw; }
    .chapter02 .ch02barThumb-wrap .swiper-slide {
      width: 18.2666666667vw; }
      .chapter02 .ch02barThumb-wrap .swiper-slide img {
        width: 16.9333333333vw;
        height: 25.8666666667vw;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;";
        margin: 0 auto;
        opacity: .5;
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
      .chapter02 .ch02barThumb-wrap .swiper-slide.swiper-slide-thumb-active img {
        opacity: 1;
        transform: translateY(-4.26666vw); }
  .chapter02 .ch02barMain-next, .chapter02 .ch02barMain-prev {
    position: absolute;
    width: 6.8vw;
    height: 12.1333333333vw;
    bottom: 6vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10; }
  .chapter02 .ch02barMain-next {
    right: -4.8vw; }
  .chapter02 .ch02barMain-prev {
    left: -4.8vw; }
  .chapter02-interiors a, .chapter02-quarters a, .chapter02-spring a {
    display: block;
    position: relative;
    height: 490px; }
    @media screen and (max-width: 1300px) {
      .chapter02-interiors a, .chapter02-quarters a, .chapter02-spring a {
        height: 37.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .chapter02-interiors a, .chapter02-quarters a, .chapter02-spring a {
        height: auto;
        margin-bottom: 12.8vw; } }
    .chapter02-interiors a::after, .chapter02-quarters a::after, .chapter02-spring a::after {
      width: calc(50vw - 40px);
      background-color: #223B52;
      right: 0;
      top: 0;
      height: 100%;
      content: "";
      display: block;
      position: absolute;
      z-index: 100;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms;
      z-index: 1; }
      @media screen and (max-width: 1300px) {
        .chapter02-interiors a::after, .chapter02-quarters a::after, .chapter02-spring a::after {
          width: calc(50vw - 3.7692vw); } }
    @media (hover: hover) {
      .chapter02-interiors a:hover, .chapter02-quarters a:hover, .chapter02-spring a:hover {
        opacity: 1;
        color: #ffffff; }
        .chapter02-interiors a:hover .btn-more .atag, .chapter02-quarters a:hover .btn-more .atag, .chapter02-spring a:hover .btn-more .atag {
          border-bottom-color: #ffffff;
          background-color: rgba(200, 206, 212, 0.5); }
        .chapter02-interiors a:hover::after, .chapter02-quarters a:hover::after, .chapter02-spring a:hover::after {
          opacity: .4;
          width: 100%; } }
  .chapter02-interiors-img, .chapter02-quarters-img, .chapter02-spring-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .chapter02-interiors-img img, .chapter02-quarters-img img, .chapter02-spring-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
    .chapter02-interiors-img > div, .chapter02-quarters-img > div, .chapter02-spring-img > div {
      position: absolute;
      height: 100%;
      right: 0;
      top: 0; }
    .chapter02-interiors-img .def, .chapter02-quarters-img .def, .chapter02-spring-img .def {
      width: calc(50vw - 40px); }
      @media screen and (max-width: 1300px) {
        .chapter02-interiors-img .def, .chapter02-quarters-img .def, .chapter02-spring-img .def {
          width: calc(50vw - 3.7692vw); } }
      @media screen and (max-width: 480px) {
        .chapter02-interiors-img .def, .chapter02-quarters-img .def, .chapter02-spring-img .def {
          display: none; } }
    .chapter02-interiors-img .hov, .chapter02-quarters-img .hov, .chapter02-spring-img .hov {
      width: 100%;
      opacity: 0;
      transition: all 600ms cubic-bezier(0.25, 0.1, 0.25, 1) 0ms; }
      @media screen and (max-width: 480px) {
        .chapter02-interiors-img .hov, .chapter02-quarters-img .hov, .chapter02-spring-img .hov {
          opacity: 1; }
          .chapter02-interiors-img .hov img, .chapter02-quarters-img .hov img, .chapter02-spring-img .hov img {
            width: 93.3333333333vw;
            height: 65.3333333333vw;
            object-fit: cover;
            object-position: center;
            font-family: "object-fit: cover; object-position: center;";
            margin: 0 auto; } }
  .chapter02-interiors .wrap-min, .chapter02-quarters .wrap-min, .chapter02-spring .wrap-min {
    padding-top: 130px;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      .chapter02-interiors .wrap-min, .chapter02-quarters .wrap-min, .chapter02-spring .wrap-min {
        padding-top: 10vw; } }
    @media screen and (max-width: 480px) {
      .chapter02-interiors .wrap-min, .chapter02-quarters .wrap-min, .chapter02-spring .wrap-min {
        width: 93.3333333333vw;
        padding-top: 0; } }
  .chapter02-interiors-tx, .chapter02-quarters-tx, .chapter02-spring-tx {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .chapter02-interiors-tx, .chapter02-quarters-tx, .chapter02-spring-tx {
        width: 100%;
        padding: 29.3333333333vw 3.3333333333vw 0; }
        .chapter02-interiors-tx .ch-catch, .chapter02-interiors-tx .ch-hdl, .chapter02-quarters-tx .ch-catch, .chapter02-quarters-tx .ch-hdl, .chapter02-spring-tx .ch-catch, .chapter02-spring-tx .ch-hdl {
          color: #ffffff; }
        .chapter02-interiors-tx .ch-desc, .chapter02-quarters-tx .ch-desc, .chapter02-spring-tx .ch-desc {
          margin-top: 25.0666666667vw; } }
  .chapter02-interiors-btn, .chapter02-quarters-btn, .chapter02-spring-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 38px; }
    @media screen and (max-width: 1300px) {
      .chapter02-interiors-btn, .chapter02-quarters-btn, .chapter02-spring-btn {
        margin-top: 2.9230769231vw; } }
  .chapter02-interiors:hover .chapter02-interiors-img .hov, .chapter02-quarters:hover .chapter02-quarters-img .hov, .chapter02-spring:hover .chapter02-spring-img .hov {
    opacity: 1; }
  .chapter02-gallery {
    padding-top: 160px;
    color: #ffffff;
    /* アクティブ以外を透過 */ }
    @media screen and (max-width: 1300px) {
      .chapter02-gallery {
        padding-top: 12.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .chapter02-gallery {
        padding-top: 0; } }
    .chapter02-gallery .wrap {
      position: relative;
      height: 800px; }
      @media screen and (max-width: 1300px) {
        .chapter02-gallery .wrap {
          height: 61.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-gallery .wrap {
          width: 86.6666666667vw;
          height: auto; } }
    .chapter02-gallery .ch02gallerysl .swiper-slide {
      width: 1280px;
      height: 800px;
      /*&.swiper-slide-next img {
      	clip-path: polygon(0% 100%,  100% 100%, 100% 100%,  0% 100%);
      }
      &.swiper-slide-active img {
      	clip-path: polygon(0% 100%,  100% 100%, 100% 0%, 0% 0%);
      }*/ }
      @media screen and (max-width: 1300px) {
        .chapter02-gallery .ch02gallerysl .swiper-slide {
          width: 98.4615384615vw;
          height: 61.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-gallery .ch02gallerysl .swiper-slide {
          width: 86.6666666667vw;
          height: 108.6666666667vw; } }
      .chapter02-gallery .ch02gallerysl .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;";
        /*transition: clip-path .6s ease-in-out;*/ }
    .chapter02-gallery .swiper-slide {
      transition-property: all;
      transition-duration: 1s;
      transition-timing-function: ease;
      opacity: 0.5; }
      .chapter02-gallery .swiper-slide.swiper-slide-active {
        opacity: 1; }
    .chapter02-gallery-tx {
      position: absolute;
      white-space: nowrap;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 18px;
      letter-spacing: .4em;
      z-index: 10;
      text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); }
      @media screen and (max-width: 1300px) {
        .chapter02-gallery-tx {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-gallery-tx {
          font-size: 4.08vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-gallery-tx {
          position: relative;
          top: auto;
          left: auto;
          transform: translate(0%, 0%);
          margin-top: 6.4vw;
          text-shadow: none;
          text-align: center;
          color: #223B52; } }
    .chapter02-gallery-scrl {
      position: absolute;
      right: 100px;
      bottom: 0;
      width: 26px;
      z-index: 10; }
      @media screen and (max-width: 1300px) {
        .chapter02-gallery-scrl {
          right: 7.6923076923vw;
          width: 2vw; } }
      @media screen and (max-width: 480px) {
        .chapter02-gallery-scrl {
          width: 5.0666666667vw;
          right: 2.6666666667vw;
          bottom: auto;
          top: 55.2vw; } }

/* chapter03
---------------------------------------------------------------------------*/
.chapter03 {
  position: relative;
  padding-top: 192px;
  overflow: hidden; }
  @media screen and (max-width: 1300px) {
    .chapter03 {
      padding-top: 14.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .chapter03 {
      padding-top: 25.6vw;
      overflow: visible; } }
  .chapter03::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 2000px;
    height: 3605px;
    left: 50%;
    transform: translateX(-50%);
    top: -236px;
    background-image: url(../img/top/ch03-bg.jpg); }
    @media screen and (max-width: 1300px) {
      .chapter03::before {
        width: 153.8461538462vw;
        height: 277.3076923077vw;
        top: -18.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .chapter03::before {
        width: 100vw;
        height: 231.8666666667vw;
        top: -22.6666666667vw;
        background-image: url(../img/top/ch03-bg-sp.jpg); } }
  .chapter03 .ch-ttl {
    margin-bottom: 164px;
    text-align: left; }
    @media screen and (max-width: 1300px) {
      .chapter03 .ch-ttl {
        margin-bottom: 12.6153846154vw; } }
  .chapter03 .wrap-min {
    text-align: center; }
    @media screen and (max-width: 480px) {
      .chapter03 .wrap-min .ch-ttl {
        text-align: left; }
        .chapter03 .wrap-min .ch-ttl .ja {
          letter-spacing: .25em; } }
  .chapter03-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 38px;
    padding-right: 267px;
    padding-bottom: 96px; }
    @media screen and (max-width: 1300px) {
      .chapter03-btn {
        padding-top: 2.9230769231vw;
        padding-right: 20.5384615385vw;
        padding-bottom: 7.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .chapter03-btn {
        padding-top: 5.0666666667vw;
        padding-right: 0;
        padding-bottom: 12.8vw; } }
  .chapter03-img {
    position: relative;
    z-index: 10; }
    @media screen and (max-width: 480px) {
      .chapter03-img {
        overflow: hidden; } }
  .chapter03-imgs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1550px;
    width: 100%;
    margin-bottom: 160px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 54px; }
    @media screen and (max-width: 1300px) {
      .chapter03-imgs {
        max-width: 119.2307692308vw;
        padding: 0 4.1538461538vw;
        margin-bottom: 12.3076923077vw; } }
    .chapter03-imgs li {
      width: 22.1914%; }
    .chapter03-imgs .name {
      font-size: 16px;
      letter-spacing: .4em;
      margin-top: 20px; }
      @media screen and (max-width: 1300px) {
        .chapter03-imgs .name {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .chapter03-imgs .name {
          font-size: 3.6266666667vw; } }
      @media screen and (max-width: 1300px) {
        .chapter03-imgs .name {
          margin-top: 1.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .chapter03 .chapter03sl-wrap {
      position: relative;
      width: 78.6666666667vw;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 21.3333333333vw; }
      .chapter03 .chapter03sl-wrap .img {
        width: 64vw;
        margin: 0 auto 4.5333333333vw; }
      .chapter03 .chapter03sl-wrap .name {
        width: 64vw;
        margin: 0 auto; }
      .chapter03 .chapter03sl-wrap .chapter03sl-next, .chapter03 .chapter03sl-wrap .chapter03sl-prev {
        position: absolute;
        width: 6.8vw;
        height: 12.1333333333vw;
        top: 33.6vw;
        z-index: 10; }
      .chapter03 .chapter03sl-wrap .chapter03sl-next {
        right: -3.4666666667vw; }
      .chapter03 .chapter03sl-wrap .chapter03sl-prev {
        left: -3.4666666667vw; } }
  .chapter03-imgtx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* 980 */
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    @media screen and (max-width: 1300px) {
      .chapter03-imgtx {
        width: 75.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .chapter03-imgtx {
        width: 86.6666666667vw; } }
    .chapter03-imgtx + .chapter03-imgtx {
      margin-top: 48px;
      margin-bottom: 192px; }
      @media screen and (max-width: 1300px) {
        .chapter03-imgtx + .chapter03-imgtx {
          margin-top: 3.6923076923vw;
          margin-bottom: 14.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .chapter03-imgtx + .chapter03-imgtx {
          margin-top: 12.8vw;
          margin-bottom: 25.6vw; } }
    .chapter03-imgtx .img {
      width: 490px; }
      @media screen and (max-width: 1300px) {
        .chapter03-imgtx .img {
          width: 37.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .chapter03-imgtx .img {
          position: absolute;
          right: -6.6666666667vw;
          top: 0;
          width: 93.3333333333vw; } }
    .chapter03-imgtx .tx {
      width: 440px; }
      @media screen and (max-width: 1300px) {
        .chapter03-imgtx .tx {
          width: 33.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .chapter03-imgtx .tx {
          position: relative;
          z-index: 10;
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .chapter03-imgtx .tx .ch-hdl {
          color: #ffffff;
          padding: 8vw 0 48.2666666667vw 7.2vw;
          margin-bottom: 0; } }
      .chapter03-imgtx .tx .ch-hdl i {
        display: block;
        font-style: normal; }
        .chapter03-imgtx .tx .ch-hdl i + i {
          margin-top: 30px; }
          @media screen and (max-width: 1300px) {
            .chapter03-imgtx .tx .ch-hdl i + i {
              margin-top: 2.3076923077vw; } }
    .chapter03-imgtx-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-top: 8px; }
      @media screen and (max-width: 1300px) {
        .chapter03-imgtx-btn {
          margin-top: 0.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .chapter03-imgtx-btn {
          margin-top: 5.0666666667vw; } }

/* para
---------------------------------------------------------------------------*/
.para {
  width: 100%;
  height: 800px;
  overflow: hidden; }
  @media screen and (max-width: 1300px) {
    .para {
      height: 61.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .para {
      height: 160vw; } }
  .para > div {
    width: 100%;
    height: 100%; }
  .para img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;"; }

/* locations
---------------------------------------------------------------------------*/
.locations {
  position: relative;
  padding-top: 192px;
  overflow: hidden;
  /* location */
  /* plan */
  /* news */ }
  @media screen and (max-width: 1300px) {
    .locations {
      padding-top: 14.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .locations {
      padding-top: 25.6vw; } }
  .locations::before {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../img/top/location-bg.png);
    width: 2000px;
    height: 1624px;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
    @media screen and (max-width: 1300px) {
      .locations::before {
        width: 153.8461538462vw;
        height: 124.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .locations::before {
        background-image: url(../img/top/location-bg-sp.png);
        width: 100vw;
        height: 235.6vw;
        top: 32vw; } }
  .locations > article {
    position: relative;
    z-index: 10; }
  .locations .location {
    /* 1080 */
    position: relative;
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 836px;
    text-align: center; }
    @media screen and (max-width: 1300px) {
      .locations .location {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .locations .location {
        width: 86.6666666667vw; } }
    @media screen and (max-width: 1300px) {
      .locations .location {
        padding-bottom: 64.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .locations .location {
        padding-bottom: 174.6666666667vw; }
        .locations .location .ch-desc {
          letter-spacing: .2em; } }
    .locations .location-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding-top: 38px;
      padding-right: 267px;
      padding-bottom: 96px; }
      @media screen and (max-width: 1300px) {
        .locations .location-btn {
          padding-top: 2.9230769231vw;
          padding-right: 20.5384615385vw;
          padding-bottom: 7.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .locations .location-btn {
          padding-top: 2.4vw;
          padding-right: 0;
          padding-bottom: 0; } }
  .locations .plan .ch-catch {
    margin-bottom: 48px; }
    @media screen and (max-width: 1300px) {
      .locations .plan .ch-catch {
        margin-bottom: 3.6923076923vw; } }
  .locations .plan-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* 1280 */
    position: relative;
    width: 1280px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .locations .plan-list {
        width: 98.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .locations .plan-list {
        width: 93.3333333333vw; } }
    .locations .plan-list li {
      width: 400px; }
      @media screen and (max-width: 1300px) {
        .locations .plan-list li {
          width: 30.7692307692vw; } }
      .locations .plan-list li a {
        display: block; }
        @media (hover: hover) {
          .locations .plan-list li a .btn-more .atag:hover {
            background-color: transparent; }
          .locations .plan-list li a:hover {
            opacity: 1;
            background-color: rgba(200, 206, 212, 0.5); }
            .locations .plan-list li a:hover .plan-list-tx {
              text-decoration: underline; } }
    .locations .plan-list-img img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      object-position: center;
      font-family: "object-fit: cover; object-position: center;"; }
      @media screen and (max-width: 1300px) {
        .locations .plan-list-img img {
          height: 23.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .locations .plan-list-img img {
          height: 60vw; } }
    .locations .plan-list-tx {
      font-size: 18px;
      padding: 20px;
      line-height: 2.1;
      letter-spacing: .1em;
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        .locations .plan-list-tx {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .locations .plan-list-tx {
          font-size: 4.08vw; } }
      @media screen and (max-width: 1300px) {
        .locations .plan-list-tx {
          padding: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .locations .plan-list-tx {
          padding: 2.6666666667vw 4vw; } }
    .locations .plan-list-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-top: 10px; }
      @media screen and (max-width: 1300px) {
        .locations .plan-list-btn {
          margin-top: 0.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .locations .plan-list-btn {
          margin-top: 2.6666666667vw; } }
  .locations .plan-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 64px;
    margin-bottom: 192px; }
    @media screen and (max-width: 1300px) {
      .locations .plan-btn {
        margin-top: 4.9230769231vw;
        margin-bottom: 14.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .locations .plan-btn {
        margin-top: 8.5333333333vw;
        margin-bottom: 25.6vw; } }
  .locations .plan .plansl-wrap {
    position: relative;
    width: 100vw; }
    .locations .plan .plansl-wrap .swiper-slide a {
      display: block;
      width: 80vw;
      margin: 0 auto; }
    .locations .plan .plansl-wrap .plansl-next, .locations .plan .plansl-wrap .plansl-prev {
      position: absolute;
      width: 6.8vw;
      height: 12.1333333333vw;
      top: 24.5333333333vw;
      z-index: 10; }
    .locations .plan .plansl-wrap .plansl-next {
      right: 6.1333333333vw; }
    .locations .plan .plansl-wrap .plansl-prev {
      left: 6.1333333333vw; }
  .locations .news {
    padding-bottom: 384px; }
    @media screen and (max-width: 1300px) {
      .locations .news {
        padding-bottom: 29.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .locations .news {
        padding-bottom: 51.2vw; } }
    .locations .news .ch-catch {
      margin-bottom: 48px; }
      @media screen and (max-width: 1300px) {
        .locations .news .ch-catch {
          margin-bottom: 3.6923076923vw; } }
      @media screen and (max-width: 480px) {
        .locations .news .ch-catch {
          margin-bottom: 6.4vw; } }
    .locations .news-list {
      /* 1080 */
      position: relative;
      width: 1080px;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 1300px) {
        .locations .news-list {
          width: 83.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .locations .news-list {
          width: 86.6666666667vw; } }
      .locations .news-list li {
        border-bottom: 1px solid #B6BEC6; }
      .locations .news-list a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 0; }
        @media screen and (max-width: 1300px) {
          .locations .news-list a {
            padding: 1.5384615385vw 0; } }
        @media screen and (max-width: 480px) {
          .locations .news-list a {
            display: block;
            padding: 5.3333333333vw 4vw 0; } }
        .locations .news-list a .date {
          width: 110px;
          font-size: 16px;
          letter-spacing: .05em;
          padding-left: 40px;
          padding-top: 2px; }
          @media screen and (max-width: 1300px) {
            .locations .news-list a .date {
              font-size: 1.2307692308vw; } }
          @media screen and (max-width: 480px) {
            .locations .news-list a .date {
              font-size: 3.6266666667vw; } }
          @media screen and (max-width: 1300px) {
            .locations .news-list a .date {
              width: 8.4615384615vw;
              padding-left: 3.0769230769vw;
              padding-top: 0.1538461538vw; } }
          @media screen and (max-width: 480px) {
            .locations .news-list a .date {
              display: block;
              width: 100%;
              padding-left: 0;
              padding-top: 0; } }
        .locations .news-list a .ttl {
          width: 760px;
          font-size: 18px;
          letter-spacing: .1em; }
          @media screen and (max-width: 1300px) {
            .locations .news-list a .ttl {
              font-size: 1.3846153846vw; } }
          @media screen and (max-width: 480px) {
            .locations .news-list a .ttl {
              font-size: 4.08vw; } }
          @media screen and (max-width: 1300px) {
            .locations .news-list a .ttl {
              width: 58.4615384615vw; } }
          @media screen and (max-width: 480px) {
            .locations .news-list a .ttl {
              display: block;
              width: 100%;
              line-height: 2.111;
              margin-top: 3.2vw; } }
        .locations .news-list a .btn-more {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-align-items: flex-end;
          align-items: flex-end;
          margin-bottom: -21px; }
          @media screen and (max-width: 1300px) {
            .locations .news-list a .btn-more {
              margin-bottom: -1.6153846154vw; } }
          @media screen and (max-width: 480px) {
            .locations .news-list a .btn-more {
              margin: 1.0666666667vw -4vw -1px auto; } }
        @media (hover: hover) {
          .locations .news-list a .btn-more .atag:hover {
            background-color: transparent; }
          .locations .news-list a:hover {
            opacity: 1;
            background-color: rgba(200, 206, 212, 0.5); }
            .locations .news-list a:hover .ttl {
              text-decoration: underline; } }
    .locations .news-btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-top: 54px; }
      @media screen and (max-width: 1300px) {
        .locations .news-btn {
          margin-top: 4.1538461538vw; } }