@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* 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 */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* scroll animation */
.fade-up {
  opacity: 0;
  transform: translate(0, 10%);
  transition: 2s; }

.fade-up.is-fadein {
  transform: translate(0, 0);
  opacity: 1; }

/* fixedhd
---------------------------------------------------------------------------*/
.fixedhd-top span.ja,
.fixedhd-top span.en {
  color: #926837 !important; }

@media screen and (max-width: 480px) {
  .head-logo {
    display: none; } }
/* mv
---------------------------------------------------------------------------*/
#mv {
  width: 100%;
  height: 100svh; }

#topSlider {
  width: 100%;
  height: 100%; }
  #topSlider .swiper-slide {
    position: relative;
    height: 100%; }
    #topSlider .swiper-slide picture {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      #topSlider .swiper-slide picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"; }

#topSlider .swiper-slide.zoomOut picture {
  animation: zoomOut 8s linear; }

@keyframes zoomOut {
  0% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
#mv {
  position: relative; }
  #mv .mv-obj-logo {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 183px;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      #mv .mv-obj-logo {
        width: 14.0769230769vw;
        left: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      #mv .mv-obj-logo {
        width: 44.5333333333vw;
        top: 31.2vw;
        left: 23.0666666667vw;
        transform: translateY(0); } }
  #mv .mv-obj-tx {
    position: absolute;
    left: 204px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .15em;
    font-size: 32px;
    width: 50%;
    text-shadow: 0 0 12px black; }
    @media screen and (max-width: 1300px) {
      #mv .mv-obj-tx {
        font-size: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      #mv .mv-obj-tx {
        font-size: 8.5333333333vw; } }
    @media screen and (max-width: 1300px) {
      #mv .mv-obj-tx {
        left: 15.6923076923vw; } }
    @media screen and (max-width: 480px) {
      #mv .mv-obj-tx {
        width: 100%;
        font-size: 7.4666666667vw;
        line-height: 1.7;
        left: 0;
        text-align: center;
        top: 116vw;
        transform: translateY(0); } }

/* intr
---------------------------------------------------------------------------*/
.tpintr {
  height: 952px;
  background-size: 2000px auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/top/intr-bg.jpg);
  padding-top: 80px;
  padding-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .tpintr {
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .tpintr {
      background-size: 100vw auto; } }
  @media screen and (max-width: 1300px) {
    .tpintr {
      height: 73.2307692308vw;
      padding-top: 6.1538461538vw;
      padding-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .tpintr {
      height: auto;
      background-position: center top;
      background-size: cover;
      background-image: url(../img/top/intr-bg-sp.jpg);
      padding-top: 9.3333333333vw;
      padding-bottom: 140vw; } }
  .tpintr-wrap {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .tpintr-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tpintr-wrap {
        width: 89.3333333333vw; } }
  .tpintr-tx {
    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; }
    @media screen and (max-width: 480px) {
      .tpintr-tx {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .tpintr-tx > * {
      position: relative;
      -webkit-writing-mode: vertical-rl;
      -moz-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      -o-writing-mode: vertical-rl;
      writing-mode: vertical-rl;
      z-index: 10; }
      .tpintr-tx > * span {
        display: block; }
    .tpintr-tx-catch {
      color: #926837;
      font-family: "Zen Old Mincho", serif;
      font-weight: 400;
      font-style: normal; }
      @media screen and (max-width: 480px) {
        .tpintr-tx-catch {
          padding-right: 13.3333333333vw;
          white-space: nowrap; } }
    .tpintr-tx-hdl {
      font-size: 32px;
      letter-spacing: .15em;
      line-height: 1.75;
      color: #000000;
      margin-right: 26px;
      font-family: "Zen Old Mincho", serif;
      font-weight: 400;
      font-style: normal;
      font-weight: 500; }
      @media screen and (max-width: 1300px) {
        .tpintr-tx-hdl {
          font-size: 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .tpintr-tx-hdl {
          font-size: 8.5333333333vw; } }
      @media screen and (max-width: 1300px) {
        .tpintr-tx-hdl {
          margin-right: 2vw; } }
      @media screen and (max-width: 480px) {
        .tpintr-tx-hdl {
          font-size: 7.4666666667vw;
          margin-right: 9.3333333333vw;
          white-space: nowrap; } }
    .tpintr-tx-desc {
      padding-top: 40px;
      line-height: 2.66;
      color: #000000;
      margin-right: 20px; }
      @media screen and (max-width: 1300px) {
        .tpintr-tx-desc {
          padding-top: 3.0769230769vw;
          margin-right: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .tpintr-tx-desc {
          width: 100%;
          -webkit-writing-mode: initial;
          -moz-writing-mode: initial;
          -ms-writing-mode: initial;
          -o-writing-mode: initial;
          writing-mode: initial;
          margin-right: 0;
          padding-top: 13.3333333333vw; } }
  .tpintr-ph li {
    position: absolute; }
    .tpintr-ph li:nth-of-type(1) {
      width: 540px;
      left: -117px;
      top: 0; }
      @media screen and (max-width: 1300px) {
        .tpintr-ph li:nth-of-type(1) {
          width: 41.5384615385vw;
          left: -9vw; } }
      @media screen and (max-width: 480px) {
        .tpintr-ph li:nth-of-type(1) {
          width: 60vw;
          left: -5.3333333333vw;
          top: 260vw; } }
    .tpintr-ph li:nth-of-type(2) {
      width: 320px;
      left: 583px;
      top: 536px; }
      @media screen and (max-width: 1300px) {
        .tpintr-ph li:nth-of-type(2) {
          width: 24.6153846154vw;
          left: 44.8461538462vw;
          top: 41.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tpintr-ph li:nth-of-type(2) {
          width: 56vw;
          left: auto;
          right: 5.3333333333vw;
          top: 330vw; } }
    .tpintr-ph li:nth-of-type(3) {
      width: 280px;
      right: -183px;
      top: 456px; }
      @media screen and (max-width: 1300px) {
        .tpintr-ph li:nth-of-type(3) {
          width: 21.5384615385vw;
          right: -14.0769230769vw;
          top: 35.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .tpintr-ph li:nth-of-type(3) {
          width: 34.6666666667vw;
          right: -5.3333333333vw;
          top: 292vw; }
          .tpintr-ph li:nth-of-type(3) img {
            width: 100%;
            height: 33.3333333333vw;
            object-fit: cover;
            object-position: center;
            font-family: "object-fit: cover; object-position: center;"; } }
    .tpintr-ph li:nth-of-type(4) {
      width: 160px;
      right: 28px;
      top: 270px; }
      @media screen and (max-width: 1300px) {
        .tpintr-ph li:nth-of-type(4) {
          width: 12.3076923077vw;
          right: -14.0769230769vw;
          top: 20.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .tpintr-ph li:nth-of-type(4) {
          width: 26.6666666667vw;
          right: auto;
          left: 12vw;
          top: 48vw; } }

/* para
---------------------------------------------------------------------------*/
.para {
  width: 100%;
  height: 560px;
  overflow: hidden; }
  @media screen and (max-width: 1300px) {
    .para {
      height: 43.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .para {
      height: 64vw; } }
  .para img {
    width: 100%; }

/* tp
---------------------------------------------------------------------------*/
.tp-en {
  position: absolute;
  top: 0;
  font-size: 72px;
  font-family: "Cormorant Infant", serif;
  font-weight: 500;
  font-style: normal;
  color: #926837;
  letter-spacing: .2em;
  line-height: 1.1;
  z-index: 10; }
  @media screen and (max-width: 1300px) {
    .tp-en {
      font-size: 5.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .tp-en {
      font-size: 19.2vw; } }
  @media screen and (max-width: 480px) {
    .tp-en {
      position: relative;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      width: 100%;
      text-align: center;
      font-size: 16vw;
      margin-bottom: 7.4666666667vw; } }
  .tp-en.right {
    right: 0; }
  .tp-en.left {
    left: 0; }
  .tp-en.right-over {
    right: -100px; }
    @media screen and (max-width: 1300px) {
      .tp-en.right-over {
        right: -7.6923076923vw; } }
  .tp-en.left-over {
    left: -100px; }
    @media screen and (max-width: 1300px) {
      .tp-en.left-over {
        left: -7.6923076923vw; } }
.tp-hdl {
  position: relative;
  width: 160px; }
  @media screen and (max-width: 1300px) {
    .tp-hdl {
      width: 12.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .tp-hdl {
      width: 100%; } }
  .tp-hdl > * {
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    line-height: 1.1; }
  .tp-hdl .b {
    font-family: "dnp-shuei-nmincho-std", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 160px;
    letter-spacing: 0; }
    @media screen and (max-width: 1300px) {
      .tp-hdl .b {
        font-size: 12.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tp-hdl .b {
        font-size: 42.6666666667vw; } }
  .tp-hdl .s {
    position: absolute;
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    color: #926837;
    letter-spacing: .15em;
    top: 0;
    right: 22px; }
    @media screen and (max-width: 1300px) {
      .tp-hdl .s {
        right: 1.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .tp-hdl .s {
        -webkit-writing-mode: initial;
        -moz-writing-mode: initial;
        -ms-writing-mode: initial;
        -o-writing-mode: initial;
        writing-mode: initial;
        right: auto;
        left: 0;
        top: 5.3333333333vw; } }
  .tp-hdl.dark .b {
    color: rgba(85, 86, 82, 0.5); }
  .tp-hdl.light .b {
    color: rgba(230, 230, 222, 0.5); }
.tp-btn {
  width: 320px; }
  @media screen and (max-width: 1300px) {
    .tp-btn {
      width: 24.6153846154vw; } }
  @media screen and (max-width: 480px) {
    .tp-btn {
      width: 85.3333333333vw; } }
  .tp-btn a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 20px;
    overflow: hidden; }
    @media screen and (max-width: 1300px) {
      .tp-btn a {
        height: 3.6923076923vw;
        padding: 0 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .tp-btn a {
        height: 12.8vw;
        padding: 0 5.8666666667vw; } }
    .tp-btn a::before, .tp-btn a::after {
      position: absolute;
      content: "";
      width: 50px;
      height: 1px;
      transform: rotate(-45deg);
      transition-property: all;
      transition-duration: 0.3s;
      transition-timing-function: ease; }
      @media screen and (max-width: 1300px) {
        .tp-btn a::before, .tp-btn a::after {
          width: 3.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .tp-btn a::before, .tp-btn a::after {
          width: 13.3333333333vw; } }
    .tp-btn a::before {
      left: -16px;
      top: 0; }
      @media screen and (max-width: 1300px) {
        .tp-btn a::before {
          left: -1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-btn a::before {
          left: -4.2666666667vw; } }
    .tp-btn a::after {
      right: -16px;
      bottom: 0; }
      @media screen and (max-width: 1300px) {
        .tp-btn a::after {
          right: -1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-btn a::after {
          right: -4.2666666667vw; } }
    .tp-btn a > span {
      position: relative;
      display: block;
      width: 100%;
      white-space: nowrap;
      text-align: center;
      text-align: left;
      font-family: "Zen Old Mincho", serif;
      font-weight: 400;
      font-style: normal;
      font-size: 16px; }
      @media screen and (max-width: 1300px) {
        .tp-btn a > span {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tp-btn a > span {
          font-size: 4.2666666667vw; } }
      .tp-btn a > span::after {
        position: absolute;
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        transition-property: all;
        transition-duration: 0.3s;
        transition-timing-function: ease; }
        @media screen and (max-width: 1300px) {
          .tp-btn a > span::after {
            width: 0.6153846154vw;
            height: 0.6153846154vw; } }
        @media screen and (max-width: 480px) {
          .tp-btn a > span::after {
            width: 2.1333333333vw;
            height: 2.1333333333vw; } }
    .tp-btn a:hover {
      opacity: 1; }
      .tp-btn a:hover::before {
        top: 10px; }
        @media screen and (max-width: 1300px) {
          .tp-btn a:hover::before {
            top: 0.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .tp-btn a:hover::before {
            top: 2.6666666667vw; } }
      .tp-btn a:hover::after {
        bottom: 10px; }
        @media screen and (max-width: 1300px) {
          .tp-btn a:hover::after {
            bottom: 0.7692307692vw; } }
        @media screen and (max-width: 480px) {
          .tp-btn a:hover::after {
            bottom: 2.6666666667vw; } }
      .tp-btn a:hover span::after {
        transform: translateY(-50%) scale(0.5); }
  .tp-btn.white a {
    border: 1px solid #ffffff; }
    .tp-btn.white a::before, .tp-btn.white a::after {
      background-color: #ffffff; }
    .tp-btn.white a > span::after {
      background-color: #ffffff; }
  .tp-btn.black {
    color: #000000; }
    .tp-btn.black a {
      border: 1px solid #000000; }
      .tp-btn.black a::before, .tp-btn.black a::after {
        background-color: #000000; }
      .tp-btn.black a > span::after {
        background-color: #000000; }
  .tp-btn.rese a {
    background-color: #739821; }
    .tp-btn.rese a::before, .tp-btn.rese a::after {
      background-color: #ffffff; }
    .tp-btn.rese a > span::after {
      background-color: #ffffff; }
.tp-minihdl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2A2C27;
  margin-bottom: 48px; }
  @media screen and (max-width: 1300px) {
    .tp-minihdl {
      margin-bottom: 3.6923076923vw; } }
  @media screen and (max-width: 480px) {
    .tp-minihdl {
      display: block;
      margin-bottom: 12.8vw; } }
  .tp-minihdl .en {
    font-size: 40px;
    letter-spacing: .2em;
    line-height: 1.1;
    white-space: nowrap;
    font-family: "Cormorant Infant", serif;
    font-weight: 500;
    font-style: normal; }
    @media screen and (max-width: 1300px) {
      .tp-minihdl .en {
        font-size: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tp-minihdl .en {
        font-size: 10.6666666667vw; } }
  .tp-minihdl .ja {
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .15em;
    line-height: 1.1;
    margin-left: 1em;
    white-space: nowrap;
    font-weight: 500; }
    @media screen and (max-width: 480px) {
      .tp-minihdl .ja {
        margin-left: 0;
        margin-top: 0.2em; } }

/* tpcuis
---------------------------------------------------------------------------*/
.tpcuis {
  padding: 96px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../img/top/cuis-bg.jpg); }
  @media screen and (max-width: 1300px) {
    .tpcuis {
      padding: 7.3846153846vw 0; } }
  @media screen and (max-width: 480px) {
    .tpcuis {
      padding: 21.3333333333vw 0;
      background-color: #2A2C27;
      background-image: url(../img/top/cuis-bg-sp.jpg);
      background-position: center bottom;
      background-size: 100vw auto; } }
  .tpcuis-wrap {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .tpcuis-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tpcuis-wrap {
        width: 89.3333333333vw; } }
  .tpcuis-ph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .tpcuis-ph {
        display: block; } }
    .tpcuis-ph > li {
      width: 49.25925%; }
      @media screen and (max-width: 480px) {
        .tpcuis-ph > li {
          width: 100%; } }
      .tpcuis-ph > li > div {
        width: 632px; }
        @media screen and (max-width: 1300px) {
          .tpcuis-ph > li > div {
            width: 48.6153846154vw; } }
        @media screen and (max-width: 480px) {
          .tpcuis-ph > li > div {
            width: 89.3333333333vw; } }
      .tpcuis-ph > li:nth-of-type(1) {
        padding-top: 48px; }
        @media screen and (max-width: 1300px) {
          .tpcuis-ph > li:nth-of-type(1) {
            padding-top: 3.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .tpcuis-ph > li:nth-of-type(1) {
            padding-top: 0; } }
        .tpcuis-ph > li:nth-of-type(1) > div {
          margin-left: -100px; }
          @media screen and (max-width: 1300px) {
            .tpcuis-ph > li:nth-of-type(1) > div {
              margin-left: -7.6923076923vw; } }
          @media screen and (max-width: 480px) {
            .tpcuis-ph > li:nth-of-type(1) > div {
              margin-left: -5.3333333333vw; } }
      .tpcuis-ph > li:nth-of-type(2) {
        padding-top: 122px; }
        @media screen and (max-width: 1300px) {
          .tpcuis-ph > li:nth-of-type(2) {
            padding-top: 9.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .tpcuis-ph > li:nth-of-type(2) {
            padding-top: 2.1333333333vw; } }
        .tpcuis-ph > li:nth-of-type(2) > div {
          margin-right: -100px; }
          @media screen and (max-width: 1300px) {
            .tpcuis-ph > li:nth-of-type(2) > div {
              margin-right: -7.6923076923vw; } }
          @media screen and (max-width: 480px) {
            .tpcuis-ph > li:nth-of-type(2) > div {
              margin-left: 5.3333333333vw;
              margin-right: -5.3333333333vw; } }
  .tpcuis .tp-hdl {
    position: absolute;
    left: 0;
    top: 557px; }
    @media screen and (max-width: 1300px) {
      .tpcuis .tp-hdl {
        top: 42.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .tpcuis .tp-hdl {
        top: 170vw; } }
  .tpcuis-tx {
    width: 843px;
    padding-top: 56px;
    margin: 0 0 0 auto; }
    @media screen and (max-width: 1300px) {
      .tpcuis-tx {
        width: 64.8461538462vw;
        padding-top: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tpcuis-tx {
        width: 100%;
        margin: 0;
        padding-top: 27vw; } }
  .tpcuis-car {
    width: calc(50vw + 300px);
    margin: 0 0 0 auto;
    padding-top: 48px;
    overflow: hidden; }
    @media screen and (max-width: 1300px) {
      .tpcuis-car {
        width: calc(50vw + 23.07692vw);
        padding-top: 3.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .tpcuis-car {
        width: 100vw;
        padding-top: 12.8vw; } }
    .tpcuis-car .swiper-wrapper {
      transition-timing-function: linear; }
    .tpcuis-car .swiper-slide {
      width: 332px; }
      @media screen and (max-width: 1300px) {
        .tpcuis-car .swiper-slide {
          width: 25.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .tpcuis-car .swiper-slide {
          width: 68.5333333333vw; } }
    .tpcuis-car-item {
      position: relative;
      width: 300px; }
      @media screen and (max-width: 1300px) {
        .tpcuis-car-item {
          width: 23.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .tpcuis-car-item {
          width: 60vw; } }
      @media screen and (max-width: 480px) {
        .tpcuis-car-item .img img {
          width: 100%;
          height: 68.4vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
      .tpcuis-car-item .cap {
        position: absolute;
        top: .5em;
        left: .5em;
        line-height: 1.1;
        -webkit-writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        letter-spacing: .15em;
        z-index: 10;
        text-shadow: 0 0 8px #000000; }
  .tpcuis .tp-btn {
    margin-top: 56px; }
    @media screen and (max-width: 1300px) {
      .tpcuis .tp-btn {
        margin-top: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tpcuis .tp-btn {
        margin-top: 14.9333333333vw;
        margin-left: 5.3333333333vw; } }

/* plan
---------------------------------------------------------------------------*/
.tpplan {
  padding: 56px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../img/top/plan-bg.jpg); }
  @media screen and (max-width: 1300px) {
    .tpplan {
      padding: 4.3076923077vw 0; } }
  @media screen and (max-width: 480px) {
    .tpplan {
      padding: 14.9333333333vw 0; } }
  .tpplan-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(50vw + 540px);
    margin: 0 0 0 auto; }
    @media screen and (max-width: 1300px) {
      .tpplan-wrap {
        width: calc(50vw + 41.53846vw); } }
    @media screen and (max-width: 480px) {
      .tpplan-wrap {
        display: block;
        width: 89.3333333333vw;
        margin: 0 auto; } }
  .tpplan-tx {
    width: 126px; }
    @media screen and (max-width: 1300px) {
      .tpplan-tx {
        width: 9.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .tpplan-tx {
        width: 100%;
        margin-bottom: 12.8vw; } }
    .tpplan-tx .en {
      text-align: center;
      color: #739821;
      font-family: "Cormorant Infant", serif;
      font-weight: 500;
      font-style: normal;
      font-size: 40px;
      letter-spacing: .2em;
      line-height: 1.4;
      margin-bottom: 16px; }
      @media screen and (max-width: 1300px) {
        .tpplan-tx .en {
          font-size: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .tpplan-tx .en {
          font-size: 10.6666666667vw; } }
      @media screen and (max-width: 1300px) {
        .tpplan-tx .en {
          margin-bottom: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .tpplan-tx .en {
          text-align: left;
          margin-bottom: 0; } }
    .tpplan-tx .ja {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-family: "Zen Old Mincho", serif;
      font-weight: 400;
      font-style: normal; }
      @media screen and (max-width: 480px) {
        .tpplan-tx .ja {
          display: block;
          text-align: left; } }
      .tpplan-tx .ja span {
        display: block;
        -webkit-writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -o-writing-mode: vertical-rl;
        writing-mode: vertical-rl; }
        @media screen and (max-width: 480px) {
          .tpplan-tx .ja span {
            -webkit-writing-mode: initial;
            -moz-writing-mode: initial;
            -ms-writing-mode: initial;
            -o-writing-mode: initial;
            writing-mode: initial; } }
  .tpplan-car {
    width: calc(50vw + 344px);
    overflow: hidden; }
    @media screen and (max-width: 1300px) {
      .tpplan-car {
        width: calc(50vw + 26.46153vw); } }
    @media screen and (max-width: 480px) {
      .tpplan-car {
        width: 100%; } }
    .tpplan-car-wrap {
      position: relative;
      width: 400px; }
      @media screen and (max-width: 1300px) {
        .tpplan-car-wrap {
          width: 30.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .tpplan-car-wrap {
          width: 100%; } }
      @media screen and (min-width: 481px) {
        .tpplan-car-wrap > .tpplancar {
          min-height: 420px; } }
  @media screen and (min-width: 481px) and (max-width: 1300px) {
    .tpplan-car-wrap > .tpplancar {
      min-height: 32.3076923077vw; } }

    .tpplan-car-item {
      transition-property: all;
      transition-duration: 1.2s;
      transition-timing-function: ease; }
      .tpplan-car-item .desc {
        font-size: 18px;
        transition-property: all;
        transition-duration: 1.2s;
        transition-timing-function: ease;
        padding: 24px 0; }
        @media screen and (max-width: 1300px) {
          .tpplan-car-item .desc {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .tpplan-car-item .desc {
            font-size: 4.8vw; } }
        @media screen and (max-width: 1300px) {
          .tpplan-car-item .desc {
            padding: 1.8461538462vw 0; } }
        @media screen and (max-width: 480px) {
          .tpplan-car-item .desc {
            padding: 3.2vw 5.3333333333vw; } }
      .tpplan-car-item a {
        display: block; }
    @media screen and (min-width: 481px) {
      .tpplan-car .swiper-slide {
        transform: scale(0.7227);
        transform-origin: center top;
        transition-property: all;
        transition-duration: 1.2s;
        transition-timing-function: ease; } }
    @media screen and (max-width: 480px) {
      .tpplan-car .swiper-slide {
        height: auto; }
        .tpplan-car .swiper-slide .tpplan-car-item {
          height: 100%;
          background-color: #2A2C27; } }
    .tpplan-car .swiper-slide.swiper-slide-active {
      z-index: 10; }
      @media screen and (min-width: 481px) {
        .tpplan-car .swiper-slide.swiper-slide-active {
          transform-origin: left top;
          transform: scale(1); } }
    .tpplan-car .swiper-slide.swiper-slide-active .tpplan-car-item .desc, .tpplan-car .swiper-slide.swiper-slide-prev .tpplan-car-item .desc {
      background-color: #2A2C27;
      padding: 24px; }
      @media screen and (max-width: 1300px) {
        .tpplan-car .swiper-slide.swiper-slide-active .tpplan-car-item .desc, .tpplan-car .swiper-slide.swiper-slide-prev .tpplan-car-item .desc {
          padding: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .tpplan-car .swiper-slide.swiper-slide-active .tpplan-car-item .desc, .tpplan-car .swiper-slide.swiper-slide-prev .tpplan-car-item .desc {
          padding: 3.2vw 5.3333333333vw; } }
    .tpplan-car .swiper-arws {
      position: absolute;
      left: 460px;
      bottom: 170px; }
      @media screen and (max-width: 1300px) {
        .tpplan-car .swiper-arws {
          left: 35.3846153846vw;
          bottom: 13.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .tpplan-car .swiper-arws {
          position: relative;
          left: auto;
          bottom: auto;
          margin: 12.8vw auto 0; } }
  .tpplan .tp-btn {
    margin-top: 56px; }
    @media screen and (max-width: 1300px) {
      .tpplan .tp-btn {
        margin-top: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tpplan .tp-btn {
        margin-top: 12.8vw; } }

/* onsen
---------------------------------------------------------------------------*/
.tponsn {
  padding: 96px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../img/top/onsn-bg.jpg);
  color: #000000; }
  @media screen and (max-width: 1300px) {
    .tponsn {
      padding: 7.3846153846vw 0; } }
  @media screen and (max-width: 480px) {
    .tponsn {
      padding: 21.3333333333vw 0;
      background-image: url(../img/top/onsn-bg-sp.jpg); } }
  .tponsn-wrap {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .tponsn-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tponsn-wrap {
        width: 89.3333333333vw; } }
  @media screen and (max-width: 480px) {
    .tponsn-ph {
      width: 100vw;
      margin-left: -5.3333333333vw;
      margin-right: -5.3333333333vw; } }
  .tponsn-ph li:nth-of-type(1) {
    width: 945px;
    margin-left: -100px;
    padding-top: 62px; }
    @media screen and (max-width: 1300px) {
      .tponsn-ph li:nth-of-type(1) {
        width: 72.6923076923vw;
        margin-left: -7.6923076923vw;
        padding-top: 4.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .tponsn-ph li:nth-of-type(1) {
        width: 94.6666666667vw;
        margin-left: 0;
        padding-top: 0; }
        .tponsn-ph li:nth-of-type(1) img {
          width: 100%;
          height: 69.3333333333vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
  .tponsn-ph li:nth-of-type(2) {
    position: absolute;
    width: 500px;
    right: -100px;
    top: 490px; }
    @media screen and (max-width: 1300px) {
      .tponsn-ph li:nth-of-type(2) {
        width: 38.4615384615vw;
        right: -7.6923076923vw;
        top: 37.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .tponsn-ph li:nth-of-type(2) {
        position: relative;
        right: auto;
        top: 0;
        width: 74.9333333333vw;
        margin: 2.1333333333vw 0 0 auto; }
        .tponsn-ph li:nth-of-type(2) img {
          width: 100%;
          height: 48vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
  .tponsn .tp-hdl {
    position: absolute;
    right: 0;
    top: 60px; }
    @media screen and (max-width: 1300px) {
      .tponsn .tp-hdl {
        top: 4.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .tponsn .tp-hdl {
        top: 153vw; } }
  .tponsn-tx {
    width: 624px;
    margin-top: 56px; }
    @media screen and (max-width: 1300px) {
      .tponsn-tx {
        width: 48vw;
        margin-top: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tponsn-tx {
        width: 100%;
        margin-top: 28vw; } }
  .tponsn .tp-btn {
    margin-top: 56px; }
    @media screen and (max-width: 1300px) {
      .tponsn .tp-btn {
        margin-top: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tponsn .tp-btn {
        margin-top: 14.9333333333vw; } }

/* room
---------------------------------------------------------------------------*/
.tproom {
  padding: 96px 0;
  background-color: #2A2C27;
  background-size: 2000px auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../img/top/room-bg.jpg); }
  @media screen and (max-width: 1300px) {
    .tproom {
      background-size: 153.8461538462vw auto; } }
  @media screen and (max-width: 480px) {
    .tproom {
      background-size: 100vw auto; } }
  @media screen and (max-width: 1300px) {
    .tproom {
      padding: 7.3846153846vw 0; } }
  @media screen and (max-width: 480px) {
    .tproom {
      padding: 21.3333333333vw 0;
      background-size: cover;
      background-image: url(../img/top/room-bg-sp.jpg); } }
  .tproom-wrap {
    position: relative;
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .tproom-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tproom-wrap {
        width: 89.3333333333vw; } }
  @media screen and (max-width: 480px) {
    .tproom-ph {
      width: 100vw;
      margin-left: -5.3333333333vw;
      margin-right: -5.3333333333vw; } }
  .tproom-ph li:nth-of-type(1) {
    width: 945px;
    margin-right: -100px;
    margin-left: auto;
    padding-top: 62px; }
    @media screen and (max-width: 1300px) {
      .tproom-ph li:nth-of-type(1) {
        width: 72.6923076923vw;
        margin-right: -7.6923076923vw;
        padding-top: 4.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .tproom-ph li:nth-of-type(1) {
        width: 94.6666666667vw;
        margin-right: 0;
        margin-left: auto;
        padding-top: 0; }
        .tproom-ph li:nth-of-type(1) img {
          width: 100%;
          height: 69.3333333333vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
  .tproom-ph li:nth-of-type(2) {
    position: absolute;
    width: 500px;
    left: -100px;
    top: 490px; }
    @media screen and (max-width: 1300px) {
      .tproom-ph li:nth-of-type(2) {
        width: 38.4615384615vw;
        left: -7.6923076923vw;
        top: 37.6923076923vw; } }
    @media screen and (max-width: 480px) {
      .tproom-ph li:nth-of-type(2) {
        position: relative;
        right: auto;
        top: 0;
        width: 74.9333333333vw;
        margin: 2.1333333333vw auto 0 0; }
        .tproom-ph li:nth-of-type(2) img {
          width: 100%;
          height: 48vw;
          object-fit: cover;
          object-position: center;
          font-family: "object-fit: cover; object-position: center;"; } }
  .tproom .tp-hdl {
    position: absolute;
    left: 0;
    top: 60px; }
    @media screen and (max-width: 1300px) {
      .tproom .tp-hdl {
        top: 4.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .tproom .tp-hdl {
        top: 153vw; } }
  .tproom-tx {
    width: 624px;
    margin-top: 56px;
    margin-left: auto;
    margin-right: 0; }
    @media screen and (max-width: 1300px) {
      .tproom-tx {
        width: 48vw;
        margin-top: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tproom-tx {
        width: 100%;
        margin-top: 28vw; } }
  .tproom .tp-btn {
    margin-top: 56px;
    margin-left: 466px; }
    @media screen and (max-width: 1300px) {
      .tproom .tp-btn {
        margin-top: 4.3076923077vw;
        margin-left: 35.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .tproom .tp-btn {
        margin-top: 14.9333333333vw;
        margin-left: 0; } }

/* sightseeing
---------------------------------------------------------------------------*/
.tpsigh {
  position: relative;
  padding: 80px 0;
  margin-bottom: 56px;
  background-color: #2A2C27; }
  @media screen and (max-width: 1300px) {
    .tpsigh {
      padding: 6.1538461538vw 0;
      margin-bottom: 4.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .tpsigh {
      padding: 16vw 0;
      margin-bottom: 12.8vw;
      background-color: #555652; } }
  .tpsigh::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: calc(50vw + 540px);
    height: 100%;
    background-color: #555652; }
    @media screen and (max-width: 1300px) {
      .tpsigh::before {
        width: calc(50vw + 41.53846vw); } }
    @media screen and (max-width: 480px) {
      .tpsigh::before {
        display: none; } }
  .tpsigh-wrap {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 67px; }
    @media screen and (max-width: 1300px) {
      .tpsigh-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tpsigh-wrap {
        width: 89.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .tpsigh-wrap {
        padding-right: 5.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .tpsigh-wrap {
        padding-right: 0; } }
  .tpsigh-bd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 56px; }
    @media screen and (max-width: 1300px) {
      .tpsigh-bd {
        margin-bottom: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tpsigh-bd {
        display: block;
        margin-bottom: 14.9333333333vw; } }
  .tpsigh-tx {
    width: 637px; }
    @media screen and (max-width: 1300px) {
      .tpsigh-tx {
        width: 49vw; } }
    @media screen and (max-width: 480px) {
      .tpsigh-tx {
        width: 100%;
        margin-bottom: 14.9333333333vw; } }
  .tpsigh-car {
    width: calc(50vw + 473px);
    overflow: hidden; }
    @media screen and (max-width: 1300px) {
      .tpsigh-car {
        width: calc(50vw + 36.38461vw); } }
    @media screen and (max-width: 480px) {
      .tpsigh-car {
        width: 89.3333333333vw;
        margin: 0 auto; } }
    .tpsigh-car .swiper-wrapper {
      transition-timing-function: linear; }
    .tpsigh-car .swiper-slide {
      width: 424px; }
      @media screen and (max-width: 1300px) {
        .tpsigh-car .swiper-slide {
          width: 32.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .tpsigh-car .swiper-slide {
          width: 89.3333333333vw; } }
    .tpsigh-car-item {
      position: relative;
      width: 400px; }
      @media screen and (max-width: 1300px) {
        .tpsigh-car-item {
          width: 30.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .tpsigh-car-item {
          width: 78.6666666667vw;
          margin: 0 auto; }
          .tpsigh-car-item .img img {
            width: 100%;
            height: 78.6666666667vw;
            object-fit: cover;
            object-position: center;
            font-family: "object-fit: cover; object-position: center;"; } }
      .tpsigh-car-item .cap {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 72px;
        line-height: 1.1;
        letter-spacing: .15em;
        z-index: 10;
        background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
        padding: 2em 1em 0; }
        @media screen and (max-width: 1300px) {
          .tpsigh-car-item .cap {
            height: 5.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .tpsigh-car-item .cap {
            height: 14.4vw;
            padding: 1em 1em 0; } }
  .tpsigh .swiper-arws {
    margin: 24px 0 0 auto; }
    @media screen and (max-width: 1300px) {
      .tpsigh .swiper-arws {
        margin: 1.8461538462vw 0 0 auto; } }
    @media screen and (max-width: 480px) {
      .tpsigh .swiper-arws {
        margin: 12.8vw auto 0; } }

/* access
---------------------------------------------------------------------------*/
.tpaccs {
  position: relative;
  padding: 110px 0 150px;
  margin-bottom: 80px;
  background-color: #2A2C27; }
  @media screen and (max-width: 1300px) {
    .tpaccs {
      padding: 8.4615384615vw 0 11.5384615385vw;
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .tpaccs {
      padding: 16vw 0;
      margin-bottom: 16vw;
      background-color: #555652; } }
  .tpaccs::before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: calc(50vw + 540px);
    height: 100%;
    background-color: #555652;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/top/accs-bg.png);
    background-position: left top; }
    @media screen and (max-width: 1300px) {
      .tpaccs::before {
        width: calc(50vw + 41.53846vw); } }
    @media screen and (max-width: 480px) {
      .tpaccs::before {
        display: none; } }
  .tpaccs-wrap {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 67px; }
    @media screen and (max-width: 1300px) {
      .tpaccs-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tpaccs-wrap {
        width: 89.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .tpaccs-wrap {
        padding-left: 5.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .tpaccs-wrap {
        padding-left: 0; } }
  .tpaccs-tx {
    margin-bottom: 56px; }
    @media screen and (max-width: 1300px) {
      .tpaccs-tx {
        margin-bottom: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .tpaccs-tx {
        margin-bottom: 14.9333333333vw; } }
  @media screen and (max-width: 480px) {
    .tpaccs-map {
      margin-top: 14.9333333333vw; } }

/* news
---------------------------------------------------------------------------*/
.tpnews {
  background-color: #2A2C27;
  padding-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .tpnews {
      padding-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .tpnews {
      padding-bottom: 21.3333333333vw; } }
  .tpnews-wrap {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .tpnews-wrap {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tpnews-wrap {
        width: 89.3333333333vw; } }
  .tpnews .tp-minihdl {
    display: block;
    color: #ffffff;
    text-align: center;
    margin-top: 40px; }
    @media screen and (max-width: 1300px) {
      .tpnews .tp-minihdl {
        margin-bottom: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .tpnews .tp-minihdl {
        margin-bottom: 12.8vw; } }
    .tpnews .tp-minihdl .ja {
      margin-left: 0;
      margin-top: 24px; }
      @media screen and (max-width: 1300px) {
        .tpnews .tp-minihdl .ja {
          margin-top: 1.8461538462vw; } }
  .tpnews-bd {
    border-top: 1px solid #7F807D; }
    .tpnews-bd li {
      border-bottom: 1px solid #7F807D;
      padding: 24px; }
      @media screen and (max-width: 1300px) {
        .tpnews-bd li {
          padding: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .tpnews-bd li {
          padding: 6.4vw 5.3333333333vw; } }
      .tpnews-bd li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
    .tpnews-bd .date {
      font-family: "Cormorant Infant", serif;
      font-weight: 500;
      font-style: normal;
      font-size: 20px;
      letter-spacing: .2em;
      margin-right: 1em;
      line-height: 1.1; }
      @media screen and (max-width: 1300px) {
        .tpnews-bd .date {
          font-size: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .tpnews-bd .date {
          font-size: 5.3333333333vw; } }
    .tpnews-bd .cat {
      border-bottom: 1px solid #926837;
      font-size: 15px;
      color: #926837;
      width: 128px;
      text-align: center;
      padding-bottom: 0.3em;
      line-height: 1.1; }
      @media screen and (max-width: 1300px) {
        .tpnews-bd .cat {
          font-size: 1.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .tpnews-bd .cat {
          font-size: 4vw; } }
      @media screen and (max-width: 1300px) {
        .tpnews-bd .cat {
          width: 9.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .tpnews-bd .cat {
          width: 34.1333333333vw; } }
    .tpnews-bd .ttl {
      width: 100%;
      font-size: 18px;
      margin-top: 14px; }
      @media screen and (max-width: 1300px) {
        .tpnews-bd .ttl {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .tpnews-bd .ttl {
          font-size: 4.8vw; } }
      @media screen and (max-width: 1300px) {
        .tpnews-bd .ttl {
          margin-top: 1.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .tpnews-bd .ttl {
          margin-top: 3.7333333333vw; } }
  .tpnews .tp-btn {
    margin: 56px auto 0; }
    @media screen and (max-width: 1300px) {
      .tpnews .tp-btn {
        margin: 4.3076923077vw auto 0; } }
    @media screen and (max-width: 480px) {
      .tpnews .tp-btn {
        margin: 16vw 0 0; } }

/* foot
---------------------------------------------------------------------------*/
.foot {
  margin-top: 0; }