/*! Writen  by SCSS */
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Figtree:wght@400;500;700;900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&&display=swap");
.figtree {
  font-family: "Figtree","Noto Sans JP","Zen Kaku Gothic New", sans-serif; }

.zen {
  font-family: "Zen Kaku Gothic New","Noto Sans JP", sans-serif; }

.bebas {
  font-family: "Bebas Neue","Noto Sans JP", sans-serif; }

body.home:before {
  content: none !important; }

section.footer_sns .contact_box,
section.footer_sns .sns_box,
section.reserve {
  display: none; }

.cantaner .obi1 {
  background: #c9bc9c;
  border-top: solid 55px #231815;
  text-align: center;
  padding: 50px 0 50px; }
  @media screen and (max-width: 480px) {
    .cantaner .obi1 {
      padding: 0 0 0px; } }
.cantaner .obi2 {
  background: #231815;
  text-align: center; }
.cantaner .obi3 {
  background: #c9bc9c;
  text-align: center;
  padding: 20px 0 0; }
  @media screen and (max-width: 480px) {
    .cantaner .obi3 {
      padding: 20px 0 0; } }
.cantaner .inner {
  max-width: 1020px;
  width: calc(100% - 40px);
  margin: 0 auto; }
  .cantaner .inner.inner_wide {
    max-width: 1200px;
    padding: 60px 0; }
    @media screen and (max-width: 480px) {
      .cantaner .inner.inner_wide {
        padding: 30px 0; } }
.cantaner .sec {
  border-bottom: solid 1px #435764; }
  @media screen and (max-width: 480px) {
    .cantaner .sec {
      border-bottom: none; } }
  .cantaner .sec .inn {
    padding: 60px 0 100px;
    max-width: 1200px;
    width: calc(100% - 19px);
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .cantaner .sec .inn {
        padding: 30px 0 30px; } }
    .cantaner .sec .inn.l {
      border-left: solid 1px #435764; }
      @media screen and (max-width: 480px) {
        .cantaner .sec .inn.l {
          border-left: none; } }
    .cantaner .sec .inn.r {
      border-right: solid 1px #435764; }
      @media screen and (max-width: 480px) {
        .cantaner .sec .inn.r {
          border-right: none; } }
  .cantaner .sec .sec_ttl {
    font-size: clamp(14px, calc(72vw / 10.6), 72px);
    color: #435764;
    letter-spacing: 0.05em;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 768px) {
      .cantaner .sec .sec_ttl {
        line-height: 0.8; } }
    @media screen and (max-width: 480px) {
      .cantaner .sec .sec_ttl {
        font-size: calc(30vw / 3.9);
        margin-bottom: 0.8em; } }
    .cantaner .sec .sec_ttl .en {
      font-weight: 600; }
    .cantaner .sec .sec_ttl .sr {
      font-size: 50%; }
      @media screen and (max-width: 768px) {
        .cantaner .sec .sec_ttl .sr {
          display: none; } }
    @media screen and (max-width: 768px) {
      .cantaner .sec .sec_ttl .s3 {
        display: block; } }
    .cantaner .sec .sec_ttl .s1 {
      font-size: 34%; }
      @media screen and (max-width: 480px) {
        .cantaner .sec .sec_ttl .s1 {
          font-size: 50%; } }
    .cantaner .sec .sec_ttl .s2 {
      display: block;
      font-size: clamp(12px, calc(20vw / 10.6), 20px);
      color: #231815;
      letter-spacing: 0.05em;
      line-height: 1;
      font-weight: 700; }
      @media screen and (max-width: 768px) {
        .cantaner .sec .sec_ttl .s2 {
          display: inline-block; } }
      @media screen and (max-width: 480px) {
        .cantaner .sec .sec_ttl .s2 {
          font-size: calc(14vw / 3.9); } }
  .cantaner .sec .more {
    margin: 0 auto; }
    .cantaner .sec .more a {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      margin: 0 auto;
      font-size: clamp(12px, calc(20vw / 10.6), 20px);
      width: 13em;
      height: 2.2em;
      color: #fff;
      font-weight: 700;
      text-align: center;
      background: #ff6914;
      border-radius: 1.1em;
      transition: all 0.3s; }
      .cantaner .sec .more a .icon {
        position: absolute;
        left: 0.4em;
        top: 0;
        height: 100%;
        width: 1.3em;
        display: flex;
        align-items: center; }
      @media screen and (max-width: 480px) {
        .cantaner .sec .more a {
          font-size: calc(14vw / 3.9); } }
      .cantaner .sec .more a:hover {
        opacity: 0.5; }
.cantaner .sec01 .tab_box {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
  gap: 15px; }
  @media screen and (max-width: 480px) {
    .cantaner .sec01 .tab_box {
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 15px 0;
      margin-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .cantaner .sec01 .tab_box li {
      width: 48%; } }
  .cantaner .sec01 .tab_box li .tab {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(10px, calc(16vw / 10.6), 16px);
    font-weight: 700;
    line-height: 1;
    color: #a9996c;
    height: 2em;
    padding: 0 1em;
    border: solid 2px #a9996c;
    border-radius: 1em 0 1em 1em;
    transition: all 0.3s; }
    @media screen and (max-width: 480px) {
      .cantaner .sec01 .tab_box li .tab {
        font-size: calc(12vw / 3.9);
        letter-spacing: -0.02em;
        padding: 0 0.2em;
        height: 3em; } }
    .cantaner .sec01 .tab_box li .tab:hover {
      opacity: 0.5; }
  .cantaner .sec01 .tab_box li:last-child {
    flex: 1; }
    @media screen and (max-width: 480px) {
      .cantaner .sec01 .tab_box li:last-child {
        width: 100%; } }
    .cantaner .sec01 .tab_box li:last-child a {
      margin-left: auto;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: clamp(10px, calc(16vw / 10.6), 16px);
      font-weight: 700;
      line-height: 1;
      transition: all 0.3s; }
      @media screen and (max-width: 480px) {
        .cantaner .sec01 .tab_box li:last-child a {
          font-size: calc(12vw / 3.9);
          margin: 0 auto;
          justify-content: center; } }
      .cantaner .sec01 .tab_box li:last-child a .icon {
        width: 3.1em;
        max-width: 49px;
        text-align: right; }
        @media screen and (max-width: 480px) {
          .cantaner .sec01 .tab_box li:last-child a .icon {
            width: 2em; } }
      .cantaner .sec01 .tab_box li:last-child a .t {
        border-left: solid 1px #8fc31f;
        border-bottom: solid 1px #8fc31f;
        padding-left: 0.6em;
        height: 4em;
        display: flex;
        justify-content: flex-end;
        align-items: center; }
      .cantaner .sec01 .tab_box li:last-child a .c {
        color: #ff6914; }
      .cantaner .sec01 .tab_box li:last-child a:hover {
        opacity: 0.5; }
.cantaner .sec01 .btn_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 50px;
  margin-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .cantaner .sec01 .btn_box {
      row-gap: 30px;
      justify-content: center;
      margin-bottom: 40px; } }
  .cantaner .sec01 .btn_box li {
    width: calc(500% / 10.2); }
    @media screen and (max-width: 480px) {
      .cantaner .sec01 .btn_box li {
        width: 90%;
        transform: translate(20px, 0); } }
    .cantaner .sec01 .btn_box li a {
      transition: all 0.3s; }
      .cantaner .sec01 .btn_box li a:hover {
        opacity: 0.5; }
.cantaner .sec02 .slide_box {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  padding: 0 75px;
  margin-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .cantaner .sec02 .slide_box {
      margin: 0 -20px;
      width: calc(100% + 40px);
      padding: 0 20px;
      margin-bottom: 30px; } }
  .cantaner .sec02 .slide_box .swiper-button-prev {
    left: 0; }
  .cantaner .sec02 .slide_box .swiper-button-next {
    right: 0; }
  .cantaner .sec02 .slide_box .swiper-button-next, .cantaner .sec02 .slide_box .swiper-button-prev {
    top: 33%;
    width: 28px;
    height: 99px; }
    @media screen and (max-width: 480px) {
      .cantaner .sec02 .slide_box .swiper-button-next, .cantaner .sec02 .slide_box .swiper-button-prev {
        width: 14px;
        height: 50px; } }
  .cantaner .sec02 .slide_box .swiper-button-next:after, .cantaner .sec02 .slide_box .swiper-button-prev:after {
    content: none; }
  .cantaner .sec02 .slide_box .slide_ttl {
    font-size: clamp(12px, calc(16vw / 10.6), 16px);
    text-align: center;
    margin: 3em 0 1em; }
    .cantaner .sec02 .slide_box .slide_ttl P {
      font-weight: 700;
      line-height: 1;
      padding: 0 1em 0.2em;
      display: inline-block;
      border-bottom: solid 1px #000; }
      @media screen and (max-width: 480px) {
        .cantaner .sec02 .slide_box .slide_ttl P {
          font-size: calc(14vw / 3.9);
          padding: 0 0 0.2em; } }
  .cantaner .sec02 .slide_box .swiper-pagination {
    position: static;
    display: flex;
    justify-content: center; }
    .cantaner .sec02 .slide_box .swiper-pagination .swiper-pagination-bullet {
      margin: 0 0.7em;
      background: none;
      font-size: clamp(12px, calc(20vw / 10.6), 20px);
      color: #000;
      line-height: 1;
      font-weight: 700;
      width: 1.4em;
      height: 1.4em;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .cantaner .sec02 .slide_box .swiper-pagination .swiper-pagination-bullet {
          font-size: calc(16vw / 3.9); } }
      .cantaner .sec02 .slide_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #dae000; }
.cantaner .sec02 .tab_box {
  margin-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .cantaner .sec02 .tab_box {
      margin-bottom: 20px; } }
  .cantaner .sec02 .tab_box .tab_ttl {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-size: clamp(10px, calc(16vw / 10.6), 16px);
    margin-bottom: 1.5em;
    color: #000;
    line-height: 1;
    font-weight: 700; }
    .cantaner .sec02 .tab_box .tab_ttl::before {
      content: "";
      display: block;
      flex: 1;
      height: 1px;
      background: #333;
      margin-right: 0.6em; }
    .cantaner .sec02 .tab_box .tab_ttl::after {
      content: "";
      display: block;
      flex: 1;
      height: 1px;
      background: #333;
      margin-left: 0.6em; }
  .cantaner .sec02 .tab_box .tab {
    display: flex;
    justify-content: center;
    font-size: clamp(10px, calc(16vw / 10.6), 16px);
    padding-bottom: 1.5em;
    border-bottom: solid 1px #000;
    gap: 25px; }
    @media screen and (max-width: 480px) {
      .cantaner .sec02 .tab_box .tab {
        font-size: calc(12vw / 3.9);
        gap: 15px 0;
        flex-wrap: wrap;
        justify-content: space-between; } }
    @media screen and (max-width: 480px) {
      .cantaner .sec02 .tab_box .tab li {
        width: 48%; } }
    .cantaner .sec02 .tab_box .tab li p {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: clamp(10px, calc(16vw / 10.6), 16px);
      font-weight: 700;
      line-height: 1;
      color: #435764;
      height: 2em;
      padding: 0 1em;
      border: solid 2px #e1dbcc;
      background: #e1dbcc;
      border-radius: 1em 0 1em 1em; }
      @media screen and (max-width: 480px) {
        .cantaner .sec02 .tab_box .tab li p {
          font-size: calc(12vw / 3.9);
          height: 3em;
          padding: 0 0.2em; } }
.cantaner .sec03 ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .cantaner .sec03 ul {
      flex-direction: column;
      gap: 35px;
      margin-bottom: 30px; } }
  .cantaner .sec03 ul li {
    width: calc(320% / 10.2); }
    @media screen and (max-width: 480px) {
      .cantaner .sec03 ul li {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .cantaner .sec03 ul li .img {
        width: 80%;
        margin-inline: auto; } }
    .cantaner .sec03 ul li p {
      font-size: clamp(10px, calc(15vw / 10.6), 15px);
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
      margin-top: 1em; }
      @media screen and (max-width: 480px) {
        .cantaner .sec03 ul li p {
          font-size: calc(14vw / 3.9); } }

.sec04 {
  background: #c9bc9c; }
  .sec04 .inn {
    padding: 60px 0;
    width: calc(100% - 18px);
    border-left: solid 1px #fff;
    border-right: solid 1px #fff; }
    @media screen and (max-width: 480px) {
      .sec04 .inn {
        padding: 30px 0; } }
  .sec04 .top {
    text-align: center; }
    @media screen and (max-width: 480px) {
      .sec04 .top {
        width: 40%;
        margin: 0 auto; } }
  .sec04 .end {
    text-align: center;
    font-size: clamp(12px, calc(48vw / 10.6), 48px);
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .sec04 .end {
        margin-bottom: 35px; } }
    .sec04 .end P {
      display: inline-block;
      padding: 0.3em 0.6em;
      background: #ff6914;
      border: solid 10px #fff;
      color: #fff; }
  .sec04 .box {
    display: flex;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 480px) {
      .sec04 .box {
        display: block; } }
    .sec04 .box .l {
      width: calc(50% - (20% / 10.2));
      padding: 30px 0; }
      @media screen and (max-width: 480px) {
        .sec04 .box .l {
          width: 100%;
          padding: 40px 0; } }
      .sec04 .box .l ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 25px; }
        .sec04 .box .l ul li {
          font-size: clamp(12px, calc(42vw / 10.6), 42px);
          color: #435764;
          letter-spacing: 0.05em;
          line-height: 1.5;
          font-weight: 700; }
          @media screen and (max-width: 768px) {
            .sec04 .box .l ul li {
              line-height: 0.6; } }
          @media screen and (max-width: 480px) {
            .sec04 .box .l ul li {
              font-size: calc(30vw / 3.9);
              margin-bottom: 0.8em;
              text-align: center; } }
          .sec04 .box .l ul li .en {
            font-weight: 600; }
          .sec04 .box .l ul li .sr {
            font-size: 50%; }
            @media screen and (max-width: 768px) {
              .sec04 .box .l ul li .sr {
                display: none; } }
          @media screen and (max-width: 768px) {
            .sec04 .box .l ul li .s3 {
              display: block; } }
          .sec04 .box .l ul li .s1 {
            font-size: 38%; }
            @media screen and (max-width: 480px) {
              .sec04 .box .l ul li .s1 {
                font-size: 50%; } }
          .sec04 .box .l ul li .s2 {
            display: block;
            font-size: clamp(9px, calc(11vw / 10.6), 11px);
            color: #fff;
            letter-spacing: 0.05em;
            line-height: 1;
            font-weight: 700; }
            @media screen and (max-width: 768px) {
              .sec04 .box .l ul li .s2 {
                display: inline-block; } }
            @media screen and (max-width: 480px) {
              .sec04 .box .l ul li .s2 {
                font-size: calc(12vw / 3.9); } }
    .sec04 .box .c {
      width: calc(40% / 10.2);
      background: url("../images/top/img410.png") center center/100% auto no-repeat; }
      @media screen and (max-width: 480px) {
        .sec04 .box .c {
          display: none;
          position: absolute;
          z-index: -1;
          top: 0;
          left: calc(50% - 15px);
          width: 30px;
          height: 100%;
          background: url("../images/top/img410@2x.png") center center/100% auto no-repeat; } }
    .sec04 .box .r {
      width: calc(50% - (20% / 10.2));
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 30px 0; }
      @media screen and (max-width: 480px) {
        .sec04 .box .r {
          width: 100%;
          padding: 5px 0 20px;
          justify-content: center; } }
      .sec04 .box .r p {
        color: #435764;
        font-size: clamp(10px, calc(16vw / 10.6), 16px);
        font-weight: 700;
        line-height: 1.9;
        margin-top: 1em; }
        @media screen and (max-width: 480px) {
          .sec04 .box .r p {
            font-size: calc(14vw / 3.9);
            text-align: center;
            line-height: 2;
            letter-spacing: -0.03em; } }
  .sec04 .tel_box {
    text-align: center; }
    .sec04 .tel_box .in {
      display: inline-block; }
      .sec04 .tel_box .in .tel1 {
        font-size: clamp(12px, calc(16vw / 10.6), 16px);
        font-weight: 500;
        letter-spacing: 0.02em;
        margin-bottom: 0.1em; }
        @media screen and (max-width: 480px) {
          .sec04 .tel_box .in .tel1 {
            font-size: calc(13vw / 3.9); } }
      .sec04 .tel_box .in .tel2 {
        font-size: clamp(28px, calc(80vw / 10.6), 80px);
        font-weight: 700;
        line-height: 1;
        margin-bottom: 0.2em; }
        @media screen and (max-width: 480px) {
          .sec04 .tel_box .in .tel2 {
            font-size: calc(40vw / 3.9); } }
        .sec04 .tel_box .in .tel2 a {
          display: flex;
          justify-content: center;
          align-items: center;
          line-height: 1;
          pointer-events: none; }
          .sec04 .tel_box .in .tel2 a span {
            display: block;
            font-size: 25%;
            line-height: 1.2;
            padding: 0.1em 1em;
            border: solid 1px #000;
            margin-right: 0.8em;
            transform: translateY(0.5em); }
          @media screen and (max-width: 480px) {
            .sec04 .tel_box .in .tel2 a {
              pointer-events: all; } }
      .sec04 .tel_box .in .tel3 {
        font-size: clamp(10px, calc(14vw / 10.6), 14px);
        font-weight: 500; }
        @media screen and (max-width: 480px) {
          .sec04 .tel_box .in .tel3 {
            font-size: calc(12vw / 3.9);
            letter-spacing: -0.03em; } }
      .sec04 .tel_box .in .tel4 {
        font-size: clamp(10px, calc(16vw / 10.6), 16px);
        font-size: clamp(10px, calc(19vw / 10.6), 19px);
        font-weight: 500;
        margin-top: 1em; }
        @media screen and (max-width: 480px) {
          .sec04 .tel_box .in .tel4 {
            font-size: calc(14vw / 3.9);
            font-size: calc(16vw / 3.9);
            letter-spacing: -0.03em; } }

@media screen and (max-width: 480px) {
  .sec05 .icon {
    width: 60px;
    margin-inline: auto; } }
.sec05 .sns {
  margin-top: 80px;
  margin-bottom: 50px;
  padding-top: 80px;
  position: relative; }
  @media screen and (max-width: 480px) {
    .sec05 .sns {
      margin-top: 55px;
      padding-top: 55px; } }
  .sec05 .sns::before {
    content: "";
    position: absolute;
    width: 70%;
    top: 0;
    left: 15%;
    height: 3px;
    background: linear-gradient(90deg, #f0e8e2 33%, #d190c1 33%, #d190c1 66%, #000000 66%); }
  .sec05 .sns .btn {
    margin: 0 auto 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 80px; }
    @media screen and (max-width: 480px) {
      .sec05 .sns .btn {
        row-gap: 40px; } }
    .sec05 .sns .btn li {
      max-width: 290px;
      width: 24.17%; }
      @media screen and (max-width: 480px) {
        .sec05 .sns .btn li {
          width: 50%; } }
      .sec05 .sns .btn li.w {
        max-width: 1120px;
        width: 100%; }
        @media screen and (max-width: 480px) {
          .sec05 .sns .btn li.w .ta_c {
            width: 80%;
            margin: 0 auto; } }
      .sec05 .sns .btn li a {
        display: block;
        transition: all 0.3s; }
        .sec05 .sns .btn li a:hover {
          opacity: 0.5; }
.sec05 .bar01 {
  max-width: 900px;
  margin-inline: auto; }

.cbtn_wrap {
  background: #efefef;
  padding: 80px 0; }
  @media screen and (max-width: 480px) {
    .cbtn_wrap {
      padding: 30px 0; } }
  .cbtn_wrap .cbtn_ttl {
    color: #435764;
    font-size: clamp(30px, calc(70vw / 10.6), 70px);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 0.6em; }
    @media screen and (max-width: 480px) {
      .cbtn_wrap .cbtn_ttl {
        font-size: calc(30vw / 3.9); } }
  .cbtn_wrap .cbtn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px; }
    .cbtn_wrap .cbtn li {
      width: calc(320% / 10.2); }
      @media screen and (max-width: 480px) {
        .cbtn_wrap .cbtn li {
          width: 48%; } }
      .cbtn_wrap .cbtn li a {
        display: block;
        position: relative;
        border-radius: 24px;
        overflow: hidden; }
        .cbtn_wrap .cbtn li a .txt {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          color: #fff;
          text-align: center; }
          .cbtn_wrap .cbtn li a .txt .ja {
            font-size: clamp(12px, calc(20vw / 10.6), 20px);
            letter-spacing: 0.05em;
            line-height: 1;
            font-weight: 700;
            margin-bottom: 0.2em; }
            @media screen and (max-width: 480px) {
              .cbtn_wrap .cbtn li a .txt .ja {
                font-size: calc(14vw / 3.9); } }
          .cbtn_wrap .cbtn li a .txt .en {
            font-size: clamp(20px, calc(50vw / 10.6), 50px);
            letter-spacing: 0.05em;
            line-height: 1.2; }
            @media screen and (max-width: 480px) {
              .cbtn_wrap .cbtn li a .txt .en {
                font-size: calc(20vw / 3.9); } }
        .cbtn_wrap .cbtn li a .bg {
          overflow: hidden; }
          .cbtn_wrap .cbtn li a .bg img {
            transition: all 0.3s; }
        .cbtn_wrap .cbtn li a:hover .bg img {
          transform: scale(1.03); }

.parallax.up {
  transition: opacity 1s ease-in-out,transform 1s ease-in-out;
  opacity: 0;
  transform: translateY(40px); }
  .parallax.up.p-view {
    opacity: 1;
    transform: translateY(0); }

/*# sourceMappingURL=top.css.map */