@charset "UTF-8";

/* ==========================================================
Name:
    module.css

Description:
    サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
    汎用モジュールは、アルファベット降順(A->Z)に記述する
    ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
    ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

Contents:
    module
    page
    utility
========================================================== */

/* ==========================================================
*
*   module
*
========================================================== */

.parts {
  padding-bottom: 50px;
}

@media screen and (max-width: 750px) {
  .parts {
    padding-bottom: 6.66667vw;
  }
}

.mod-parts-title {
  margin-top: 100px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 39px;
  font-family: 'Hiragino Kaku Gothic ProN', 'meiryo', sans-serif;
}

@media screen and (max-width: 750px) {
  .mod-parts-title {
    margin-top: 13.33333vw;
    margin-bottom: 2.66667vw;
    font-size: 5.2vw;
  }
}

.mod-parts-title--bg {
  padding-top: 30px;
  padding-bottom: 30px;
}

@media screen and (max-width: 750px) {
  .mod-parts-title--bg {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

.mod-btn-block {
  margin-right: auto;
  margin-left: auto;
  max-width: 1020px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .mod-btn-block {
    max-width: 90%;
  }
}

.mod-container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1120px;
}

@media screen and (max-width: 750px) {
  .mod-container {
    max-width: 95%;
  }

  .mod-container-type02 .slick-dots{
    bottom: -45px !important;
  }

}

.mod-ex-txt {
  font-size: 18px;
}
.mod-ex-txt span {
  font-size: 26px;
}

@media screen and (max-width: 750px) {
  .mod-ex-txt {
    font-size: 4vw;
  }
  .mod-ex-txt span {
    font-size: 18px;
  }
}

.sp-tel-link {
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .sp-tel-link {
    pointer-events: auto;
  }
}

.mod-link {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.mod-link:hover {
  opacity: 0.8;
}

.ios .mod-link:hover,
.android .mod-link:hover {
  opacity: 1;
}

/* ---------------------------------------------
*	mod-keyvisual
--------------------------------------------- */

.mod-keyvisual {
  position: relative;
}

.mod-keyvisual__img {
  width: 100%;
}

.mod-keyvisual__title {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #010100;
  text-align: center;
  font-size: 30px;
  text-transform: capitalize;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-shadow: 1px 1px 3px #000000, 1px 1px 3px #000000;
}

@media screen and (max-width: 750px) {
  .mod-keyvisual__title {
    font-size: 6vw;
  }
}

.mod-keyvisual__title--white {
  color: #fff;
}

.mod-keyvisual__sub-title {
  font-size: 22px;
}

@media screen and (max-width: 750px) {
  .mod-keyvisual__sub-title {
    font-size: 2.93333vw;
  }
}

/*  mod-title
--------------------------------------------- */

.mod-title {
  text-align: center;
}

.mod-title__sub-name {
  font-size: 19px;
}

@media screen and (max-width: 750px) {
  .mod-title__sub-name {
    font-size: 2.53333vw;
  }
}

.mod-title__name {
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  font-size: 38px;
}

@media screen and (max-width: 750px) {
  .mod-title__name {
    margin-bottom: 1.33333vw;
    font-size: 5.2vw;
  }
}

@media screen and (max-width: 750px) {
  .mod-title__img {
    width: 23%;
  }
}

/*  mod-txt1
--------------------------------------------- */

.mod-txt1 {
  text-align: center;
  font-size: 20px;
}

@media screen and (max-width: 750px) {
  .mod-txt1 {
    font-size: 4vw;
  }
}

/*  mod-txt3
--------------------------------------------- */

.mod-txt3 {
  text-align: center;
  font-size: 26px;
}

@media screen and (max-width: 750px) {
  .mod-txt3 {
    font-size: 5vw;
  }
}

/*  mod-txt4
--------------------------------------------- */

.mod-txt4 {
  color: #000;
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-txt4 {
    font-size: 3.4vw;
  }
}

.mod-txt4--red {
  color: #b40e0e;
}

.mod-txt4--gold {
  color: #a99765;
  font-weight: bold;
}

/*  mod-slider1
--------------------------------------------- */

.mod-slider1 {
  margin-right: auto;
  margin-left: auto;
  width: 900px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .mod-slider1 {
    width: 90%;
  }
}

.mod-slider1__title {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  font-size: 27px;
}

@media screen and (max-width: 750px) {
  .mod-slider1__title {
    margin-bottom: 5.33333vw;
    font-size: 3.6vw;
  }
}

.mod-slider1__title:before {
  position: absolute;
  top: 50%;
  left: -135px;
  width: 115px;
  height: 1px;
  background-color: #010100;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-slider1__title:before {
    left: -18vw;
    width: 15.33333vw;
  }
}

.mod-slider1__title:after {
  position: absolute;
  top: 50%;
  right: -135px;
  width: 115px;
  height: 1px;
  background-color: #010100;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-slider1__title:after {
    right: -18vw;
    width: 15.33333vw;
  }
}

.mod-slider1__slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  overflow: hidden;
  width: 100%;
  -webkit-box-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.mod-slider1__slide:before,
.mod-slider1__slide:after {
  position: absolute;
  top: 80px;
  width: 15px;
  height: 28px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .mod-slider1__slide:before,
  .mod-slider1__slide:after {
    top: 12vw;
    width: 2vw;
    height: 3.73333vw;
  }
}

.mod-slider1__slide:before {
  left: -35px;
  background-image: url(../../img/common/icon_arrow_left.png);
}

@media screen and (max-width: 750px) {
  .mod-slider1__slide:before {
    left: -2.66667vw;
  }
}

.mod-slider1__slide:after {
  right: -35px;
  background-image: url(../../img/common/icon_arrow_right.png);
}

@media screen and (max-width: 750px) {
  .mod-slider1__slide:after {
    right: -2.66667vw;
  }
}

.mod-slider1__frame {
  margin-right: 20px;
  margin-left: 20px;
  width: 266px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media screen and (max-width: 750px) {
  .mod-slider1__frame {
    margin-right: 2.66667vw;
    margin-left: 2.66667vw;
    width: 40vw;
  }
}

.mod-slider1__link {
  display: block;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.mod-slider1__link:hover {
  opacity: 0.8;
}

.ios .mod-slider1__link:hover,
.android .mod-slider1__link:hover {
  opacity: 1;
}

.mod-slider1__inner {
  text-align: left;
}

.mod-slider1__thumb {
  margin-bottom: 10px;
  width: 100%;
}

.mod-slider1__date {
  margin-bottom: 8px;
  font-size: 13px;
}

@media screen and (max-width: 750px) {
  .mod-slider1__date {
    margin-bottom: 1.06667vw;
    font-size: 2.93333vw;
  }
}

.mod-slider1__txt {
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-slider1__txt {
    font-size: 3.46667vw;
  }
}

/*  mod-slider2
--------------------------------------------- */

.mod-slider2 {
  overflow: hidden;
}

.mod-slider2__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mod-slider2__frame {
  margin-right: 94px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media screen and (max-width: 750px) {
  .mod-slider2__frame {
    margin-right: 1.33333vw;
    width: 30%;
  }
}

.mod-slider2__thumb {
  width: 625px;
}

@media screen and (max-width: 750px) {
  .mod-slider2__thumb {
    width: 100%;
  }
}

/*  mod-label
--------------------------------------------- */

.mod-label {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  color: #fff;
  font-size: 11px;
}

@media screen and (max-width: 750px) {
  .mod-label {
    font-size: 2.4vw;
  }
}

.mod-label--01 {
  background-color: #937fa4;
}

.mod-label--02 {
  background-color: #6e94a6;
}

.mod-label--03 {
  background-color: #6ea679;
}

.mod-label--04 {
  background-color: #a6996e;
}

.mod-label--05 {
  background-color: #a18080;
}

/*  mod-panel
--------------------------------------------- */

.mod-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  min-width: 1280px;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .mod-panel {
    display: block;
    min-width: auto;
  }
}

.mod-panel__block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 110px;
  padding-bottom: 368px;
  width: 640px;
  background-position: top right;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1900px) {
  .mod-panel__block {
    padding-top: 5.6%;
    padding-bottom: 16.3%;
  }
}

@media screen and (max-width: 750px) {
  .mod-panel__block {
    padding-top: 14.66667vw;
    padding-bottom: 49.06667vw;
    width: 100%;
  }
}

.mod-panel__block--boulogne {
  background-image: url(../../img/common/bg_restaurant_01.jpg);
}

.mod-panel__block--goka {
  background-image: url(../../img/common/bg_restaurant_02.jpg);
}

.mod-panel__block--kaijuso {
  background-image: url(../../img/common/bg_restaurant_03.jpg);
}

.mod-panel__inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 42px;
  width: 65.9%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .mod-panel__inner {
    padding-top: 4vw;
    padding-bottom: 5.6vw;
  }
}

.mod-panel__top {
  margin-bottom: 10px;
  height: 172px;
  color: #a69463;
}

.mod-panel__top h3 {
  color: #fff;
}

@media screen and (max-width: 750px) {
  .mod-panel__top {
    margin-bottom: 2.66667vw;
    height: auto;
  }
}

.mod-panel__logo {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

@media screen and (max-width: 750px) {
  .mod-panel__logo {
    margin-bottom: 2.66667vw;
  }
}

.mod-panel__logo--boulogne {
  width: 190px;
}

@media screen and (max-width: 750px) {
  .mod-panel__logo--boulogne {
    width: 44.26667vw;
  }
}

.mod-panel__logo--kaijuso {
  width: 160px;
}

@media screen and (max-width: 750px) {
  .mod-panel__logo--kaijuso {
    width: 32.93333vw;
  }
}

.mod-panel__logo--goka {
  width: 160px;
}

@media screen and (max-width: 750px) {
  .mod-panel__logo--goka {
    width: 30.4vw;
  }
}

.mod-panel__name {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

@media screen and (max-width: 750px) {
  .mod-panel__name {
    margin-bottom: 2.66667vw;
  }
}

@media screen and (max-width: 750px) {
  .mod-panel__name--boulogne {
    width: 25.2vw;
  }
}

@media screen and (max-width: 750px) {
  .mod-panel__name--kaijuso {
    width: 15.33333vw;
  }
}

@media screen and (max-width: 750px) {
  .mod-panel__name--goka {
    width: 10vw;
  }
}

.mod-panel__sub {
  position: relative;
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .mod-panel__sub {
    font-size: 3.2vw;
  }
}

.mod-panel__sub:before {
  position: absolute;
  top: 50%;
  left: 150%;
  width: 92px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-panel__sub:before {
    width: 12.26667vw;
  }
}

.mod-panel__sub:after {
  position: absolute;
  top: 50%;
  right: 150%;
  width: 92px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-panel__sub:after {
    width: 12.26667vw;
  }
}

.mod-panel__middle {
  margin-bottom: 25px;
  height: 220px;
}

@media screen and (max-width: 750px) {
  .mod-panel__middle {
    margin-bottom: 2.66667vw;
    height: auto;
  }
}

.mod-panel__open {
  margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
  .mod-panel__open {
    margin-bottom: 4vw;
  }
}

.mod-panel__open:last-of-type {
  margin-bottom: 0;
}

.mod-panel__open-head {
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-panel__open-head {
    font-size: 2.66667vw;
  }
}

.mod-panel__open-time {
  font-size: 20px;
}

@media screen and (max-width: 750px) {
  .mod-panel__open-time {
    font-size: 3.73333vw;
  }
}

.mod-panel__open-last {
  font-size: 14px;
  line-height: 2;
}

@media screen and (max-width: 750px) {
  .mod-panel__open-last {
    font-size: 2.66667vw;
  }
}

.mod-panel__link {
  display: inline-block;
  padding-top: 6px;
  padding-right: 38px;
  padding-bottom: 6px;
  padding-left: 38px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 13px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.mod-panel__link:hover {
  opacity: 0.8;
}

.ios .mod-panel__link:hover,
.android .mod-panel__link:hover {
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .mod-panel__link {
    font-size: 2.4vw;
  }
}

/*  mod-panel2
--------------------------------------------- */

.mod-panel2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
  .mod-panel2 {
    display: block;
  }
}

.mod-panel2__block {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 640px;
}

@media screen and (max-width: 750px) {
  .mod-panel2__block {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}

.mod-panel2__block--medium {
  width: 560px;
}

@media screen and (max-width: 750px) {
  .mod-panel2__block--medium {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}

.mod-panel2__img {
  width: 100%;
}

.mod-panel2__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 20px;
  width: 326px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
  .mod-panel2__inner {
    padding-top: 4vw;
    padding-bottom: 2.66667vw;
    width: 64vw;
  }
}

.mod-panel2__top {
  margin-bottom: 20px;
  color: #a69463;
}

@media screen and (max-width: 750px) {
  .mod-panel2__top {
    margin-bottom: 2.66667vw;
    height: auto;
  }
}

.mod-panel2__title {
  color: #b69d5a;
  font-size: 24px;
}

@media screen and (max-width: 750px) {
  .mod-panel2__title {
    font-size: 4vw;
  }
}

.mod-panel2__sub {
  position: relative;
  display: inline-block;
  color: rgba(182, 157, 90, 0.7);
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .mod-panel2__sub {
    font-size: 3.2vw;
  }
}

.mod-panel2__sub:before {
  position: absolute;
  top: 50%;
  left: 150%;
  width: 60px;
  height: 1px;
  background-color: rgba(182, 157, 90, 0.5);
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-panel2__sub:before {
    width: 12.26667vw;
  }
}

.mod-panel2__sub:after {
  position: absolute;
  top: 50%;
  right: 150%;
  width: 60px;
  height: 1px;
  background-color: rgba(182, 157, 90, 0.5);
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-panel2__sub:after {
    width: 12.26667vw;
  }
}

.mod-panel2__middle {
  margin-bottom: 25px;
  padding-right: 20px;
  padding-left: 20px;
  height: 90px;
}

@media screen and (max-width: 750px) {
  .mod-panel2__middle {
    margin-bottom: 2.66667vw;
    height: auto;
  }
}

.mod-panel2__txt {
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .mod-panel2__txt {
    font-size: 3.6vw;
  }
}

.mod-panel2__link {
  display: inline-block;
  padding-top: 6px;
  padding-right: 38px;
  padding-bottom: 6px;
  padding-left: 38px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 13px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.mod-panel2__link:hover {
  opacity: 0.8;
}

.ios .mod-panel2__link:hover,
.android .mod-panel2__link:hover {
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .mod-panel2__link {
    font-size: 2.4vw;
  }
}

/*  mod-panel3
--------------------------------------------- */

.mod-panel3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .mod-panel3 {
    display: block;
  }
}

.mod-panel3__block {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
}

@media screen and (max-width: 750px) {
  .mod-panel3__block {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}

.mod-panel3__img {
  width: 100%;
}

.mod-panel3__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-top: 70px;
  padding-bottom: 70px;
  width: 326px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 750px) {
  .mod-panel3__inner {
    padding-top: 9.33333vw;
    padding-bottom: 9.33333vw;
    width: 64vw;
  }
}

.mod-panel3__top {
  margin-bottom: 20px;
  color: #a69463;
}

@media screen and (max-width: 750px) {
  .mod-panel3__top {
    margin-bottom: 2.66667vw;
    height: auto;
  }
}

.mod-panel3__title {
  color: #b69d5a;
  font-size: 24px;
}

@media screen and (max-width: 750px) {
  .mod-panel3__title {
    font-size: 4vw;
  }
}

.mod-panel3__sub {
  position: relative;
  display: inline-block;
  color: rgba(182, 157, 90, 0.7);
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .mod-panel3__sub {
    font-size: 3.2vw;
  }
}

.mod-panel3__sub:before {
  position: absolute;
  top: 50%;
  left: 150%;
  width: 60px;
  height: 1px;
  background-color: rgba(182, 157, 90, 0.5);
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-panel3__sub:before {
    width: 12.26667vw;
  }
}

.mod-panel3__sub:after {
  position: absolute;
  top: 50%;
  right: 150%;
  width: 60px;
  height: 1px;
  background-color: rgba(182, 157, 90, 0.5);
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-panel3__sub:after {
    width: 12.26667vw;
  }
}

.mod-panel3__middle {
  margin-bottom: 25px;
  padding-right: 20px;
  padding-left: 20px;
  height: 90px;
}

@media screen and (max-width: 750px) {
  .mod-panel3__middle {
    margin-bottom: 2.66667vw;
    height: auto;
  }
}

.mod-panel3__txt {
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .mod-panel3__txt {
    font-size: 2.66667vw;
  }
}

.mod-panel3__link {
  display: inline-block;
  padding-top: 6px;
  padding-right: 38px;
  padding-bottom: 6px;
  padding-left: 38px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 13px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.mod-panel3__link:hover {
  opacity: 0.8;
}

.ios .mod-panel3__link:hover,
.android .mod-panel3__link:hover {
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .mod-panel3__link {
    font-size: 2.4vw;
  }
}

/*  mod-head1
--------------------------------------------- */

.mod-head1 {
  text-align: center;
}

.mod-heading1 {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  letter-spacing: 0.07em;
  font-size: 22px;
}

@media screen and (max-width: 750px) {
  .mod-heading1 {
    margin-bottom: 4vw;
    font-size: 5vw;
  }
}

.mod-heading1--first {
  font-size: 30px;
}

@media screen and (max-width: 750px) {
  .mod-heading1--first {
    font-size: 6vw;
  }
}

.mod-heading1:before {
  position: absolute;
  top: 50%;
  left: -200px;
  width: 182px;
  height: 12px;
  background: url(../../img/common/img_head_left.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-heading1:before {
    left: -26.66667vw;
    width: 24.26667vw;
    height: 1.6vw;
  }
}

.mod-heading1:after {
  position: absolute;
  top: 50%;
  right: -200px;
  width: 182px;
  height: 12px;
  background: url(../../img/common/img_head_right.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-heading1:after {
    right: -26.66667vw;
    width: 24.26667vw;
    height: 1.6vw;
  }
}

/*  mod-head2
--------------------------------------------- */

.mod-head2 {
  text-align: center;
}

.mod-heading2 {
  position: relative;
  display: inline-block;
  font-size: 30px;
}

@media screen and (max-width: 750px) {
  .mod-heading2 {
    font-size: 5vw;
  }
}

.mod-heading2:before {
  position: absolute;
  top: 50%;
  left: -200px;
  width: 182px;
  height: 12px;
  background: url(../../img/common/img_head_left.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-heading2:before {
    left: -26.66667vw;
    width: 24.26667vw;
    height: 1.6vw;
  }
}

.mod-heading2:after {
  position: absolute;
  top: 50%;
  right: -200px;
  width: 182px;
  height: 12px;
  background: url(../../img/common/img_head_right.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-heading2:after {
    right: -26.66667vw;
    width: 24.26667vw;
    height: 1.6vw;
  }
}

.mod-heading2__sub-title {
  margin-bottom: 30px;
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-heading2__sub-title {
    margin-bottom: 4vw;
    font-size: 3.4vw;
  }
}

/*  mod-head3
--------------------------------------------- */

.mod-head3 {
  text-align: center;
}

.mod-heading3 {
  position: relative;
  display: inline-block;
  margin-bottom: 50px;
  font-size: 28px;
}

@media screen and (max-width: 750px) {
  .mod-heading3 {
    margin-bottom: 6.66667vw;
    font-size: 5vw;
  }
}

.mod-heading3:after {
  position: absolute;
  bottom: -25px;
  left: 50%;
  width: 103px;
  height: 17px;
  background: url(../../img/common/img_head_logo.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
  .mod-heading3:after {
    bottom: -2.66667vw;
    width: 13.73333vw;
    height: 2.26667vw;
  }
}

/*  mod-head4-1
--------------------------------------------- */

.mod-head4-1 {
  text-align: center;
}

.mod-heading4-1 {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 27px;
}

@media screen and (max-width: 750px) {
  .mod-heading4-1 {
    margin-bottom: 2.66667vw;
    font-size: 3.6vw;
  }
}

.mod-heading4-1:before {
  position: absolute;
  top: 50%;
  left: -140px;
  width: 121px;
  height: 1px;
  background-color: #010100;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-heading4-1:before {
    left: -18.66667vw;
    width: 16.13333vw;
  }
}

.mod-heading4-1:after {
  position: absolute;
  top: 50%;
  right: -140px;
  width: 121px;
  height: 1px;
  background-color: #010100;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-heading4-1:after {
    right: -18.66667vw;
    width: 16.13333vw;
  }
}

/*  mod-head4-2
--------------------------------------------- */

.mod-head4-2 {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  font-size: 110%;
}

.mod-heading4-2 {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 27px;
}

@media screen and (max-width: 750px) {
  .mod-heading4-2 {
    margin-bottom: 2.66667vw;
    font-size: 3.6vw;
  }
}

.mod-heading4-2:after {
  position: absolute;
  top: 50%;
  right: -280px;
  width: 267px;
  height: 1px;
  background-color: #010100;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-heading4-2:after {
    right: -37.33333vw;
    width: 35.6vw;
  }
}

/*  mod-head4-3
--------------------------------------------- */

.mod-head4-3 {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  font-size: 110%;
}

.mod-heading4-3 {
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 27px;
}

@media screen and (max-width: 750px) {
  .mod-heading4-3 {
    margin-bottom: 2.66667vw;
    font-size: 3.6vw;
  }
}

@media screen and (max-width: 750px) {
  .mod-heading4-3:after {
    right: -37.33333vw;
    width: 35.6vw;
  }
}

/*  mod-head5-1
--------------------------------------------- */

.mod-head5-1 {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.mod-heading5-1 {
  display: inline-block;
  margin-bottom: 10px;
  color: #a38f57;
  font-weight: bold;
  font-size: 22px;
}

@media screen and (max-width: 750px) {
  .mod-heading5-1 {
    margin-bottom: 1.33333vw;
    font-size: 5vw;
  }
}

.mod-heading5-1__sub {
  color: #a38f57;
  font-size: 20px;
}
.mod-heading5-1__sub span {
  font-size: 80%;
}
@media screen and (max-width: 750px) {
  .mod-heading5-1__sub {
    font-size: 2.66667vw;
  }
  .mod-heading5-1__sub span {
    font-size: 150%;
  }
}

/*  mod-head5-2
--------------------------------------------- */

.mod-head5-2 {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.mod-heading5-2 {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 22px;
}
.mod-heading5-2 span {
  font-size: 20px;
}
.mod-heading5-2-sub {
  margin-bottom: 10px;
  font-size: 18px;
}

@media screen and (max-width: 750px) {
  .mod-heading5-2 {
    margin-bottom: 1.33333vw;
    font-size: 4vw;
  }
    .mod-heading5-2 span {
      font-size: 4vw;
    }
  .mod-heading5-2-sub {
    margin-bottom: 1.33333vw;
    font-size: 3vw;
  }
}

/*  mod-head5-3
--------------------------------------------- */

.mod-heading5-3 {
  display: inline-block;
  font-size: 16px;
  background-color: rgba(182, 157, 88, 0.16);
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  .mod-heading5-3 {
    margin-bottom: 1.33333vw;
    font-size: 4vw;
  }
}

/*  mod-head5-4
--------------------------------------------- */

.mod-head5-4 {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.mod-heading5-4 {
  display: inline-block;
  margin-bottom: 10px;
  color: #a38f57;
  font-size: 36px;
  font-family: serif;
  font-weight: bold;
}
.mod-heading5-4 span {
  display: block;
}
.mod-heading5-4 span.ja {
  font-size: 30px;
}
.mod-heading5-4 span.en {
  border-bottom: 1px solid #a38f57;
}
@media screen and (max-width: 750px) {
  .mod-heading5-4 {
    margin-bottom: 1.33333vw;
    font-size: 6vw;
  }
}

.mod-heading5-4__sub {
  color: #a38f57;
  font-size: 28px;
}

@media screen and (max-width: 750px) {
  .mod-heading5-4__sub {
    font-size: 3.66667vw;
  }
}
.mod-heading5-4__sub-title {
  margin-bottom: 30px;
  font-size: 24px;
  color: #a38f57;
}

@media screen and (max-width: 750px) {
  .mod-heading5-4__sub-title {
    margin-bottom: 4vw;
    font-size: 5.4vw;
  }
}

/*  mod-head5-5
--------------------------------------------- */

.mod-head5-5 {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.mod-heading5-5 {
  display: block;
  margin-bottom: 10px;
  font-size: 36px;
  font-family: serif;
  border-bottom: 1px solid #000;
}

.mod-heading5-5 span {
  display: inline-block;
}

.mod-heading5-5 span.ja {
  font-size: 30px;
  margin-right: 2rem;
}

.mod-heading5-5 span.en {
  font-size: 22px;
  color: #a38f57;
}

@media screen and (max-width: 750px) {
  .mod-heading5-5 {
      margin-bottom: 2.33333vw;
      font-size: 6vw;
      line-height: 2.0rem;
    }
  
    .mod-heading5-5 span.ja {
      font-size: 20px;
    }
  
    .mod-heading5-5 span.en {
      font-size: 16px;
    }
}
/*  mod-btn-1
--------------------------------------------- */

.mod-btn-1 {
  position: relative;
  display: inline-block;
}

.mod-btn-1:after {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 8px;
  height: 10px;
  background: url(../../img/common/icon_arrow_white.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mod-btn-1:after {
    right: 1.06667vw;
    width: 1.06667vw;
    height: 1.33333vw;
  }
}

.mod-btn-1__btn {
  position: relative;
  display: inline-block;
  padding: 0;
  outline: none;
  border: none;
  background-color: transparent;
  background-color: #4eada3;
  color: #fff !important;
  font-size: 14px;
  cursor: pointer;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 750px) {
  .mod-btn-1__btn {
    font-size: 2.4vw;
  }
}

.mod-btn-1__btn:before,
.mod-btn-1__btn:after {
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #00ffe4;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-btn-1__btn:before,
  .mod-btn-1__btn:after {
    content: none;
  }
}

.mod-btn-1__btn:before {
  bottom: 0;
  left: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.mod-btn-1__btn:after {
  top: 0;
  right: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-1__btn:hover:before,
.mod-btn-1__btn:hover:after {
  width: 100%;
}

.mod-btn-1__btn:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-1__btn:hover:after {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-1__btn span {
  display: block;
  padding: 14px 55px;
}

@media screen and (max-width: 750px) {
  .mod-btn-1__btn span {
    padding: 3vw 8vw;
  }
}

.mod-btn-1__btn span:before,
.mod-btn-1__btn span:after {
  position: absolute;
  width: 3px;
  height: 0;
  background-color: #00ffe4;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-btn-1__btn span:before,
  .mod-btn-1__btn span:after {
    content: none;
  }
}

.mod-btn-1__btn span:before {
  right: 0;
  bottom: 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-1__btn span:after {
  top: 0;
  left: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-1__btn span:hover:before,
.mod-btn-1__btn span:hover:after {
  height: 100%;
}

.mod-btn-1__btn span:hover:before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-1__btn span:hover:after {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

@media screen and (max-width: 750px) {
  .mod-btn-1__btn--wedding {
    width: 34.66667vw;
  }
}

/*  mod-btn-2
--------------------------------------------- */

.mod-btn-2 {
  position: relative;
  display: inline-block;
}

.mod-btn-2:after {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 8px;
  height: 10px;
  background: url(../../img/common/icon_arrow_white.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mod-btn-2:after {
    right: 1.06667vw;
    width: 1.06667vw;
    height: 1.33333vw;
  }
}

.mod-btn-2__btn {
  position: relative;
  display: inline-block;
  padding: 0;
  outline: none;
  border: none;
  background-color: transparent;
  background-color: #a69463;
  color: #fff !important;
  font-size: 14px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 750px) {
  .mod-btn-2__btn {
    font-size: 2.4vw;
  }
}

.mod-btn-2__btn:before,
.mod-btn-2__btn:after {
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #e1a500;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-btn-2__btn:before,
  .mod-btn-2__btn:after {
    content: none;
  }
}

.mod-btn-2__btn:before {
  bottom: 0;
  left: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.mod-btn-2__btn:after {
  top: 0;
  right: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-2__btn:hover:before,
.mod-btn-2__btn:hover:after {
  width: 100%;
}

.mod-btn-2__btn:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-2__btn:hover:after {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-2__btn span {
  display: block;
  padding: 14px 55px;
}

@media screen and (max-width: 750px) {
  .mod-btn-2__btn span {
    padding: 2vw 7.33333vw;
  }
}

.mod-btn-2__btn span:before,
.mod-btn-2__btn span:after {
  position: absolute;
  width: 3px;
  height: 0;
  background-color: #e1a500;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-btn-2__btn span:before,
  .mod-btn-2__btn span:after {
    content: none;
  }
}

.mod-btn-2__btn span:before {
  right: 0;
  bottom: 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-2__btn span:after {
  top: 0;
  left: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-2__btn span:hover:before,
.mod-btn-2__btn span:hover:after {
  height: 100%;
}

.mod-btn-2__btn span:hover:before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-2__btn span:hover:after {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/*  mod-btn-3
--------------------------------------------- */

.mod-btn-3 {
  position: relative;
  display: inline-block;
}

.mod-btn-3:after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 10px;
  background: url(../../img/common/icon_arrow_white.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mod-btn-3:after {
    right: 2vw;
    width: 1.06667vw;
    height: 1.33333vw;
  }
}

.mod-btn-3__btn {
  position: relative;
  display: inline-block;
  background-color: #6d6346;
  color: #fff !important;
  font-size: 20px;
}

@media screen and (max-width: 750px) {
  .mod-btn-3__btn {
    font-size: 4vw;
  }
}

.mod-btn-3__btn:before,
.mod-btn-3__btn:after {
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #d9c83c;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-btn-3__btn:before,
  .mod-btn-3__btn:after {
    content: none;
  }
}

.mod-btn-3__btn:before {
  bottom: 0;
  left: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.mod-btn-3__btn:after {
  top: 0;
  right: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-3__btn:hover:before,
.mod-btn-3__btn:hover:after {
  width: 100%;
}

.mod-btn-3__btn:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-3__btn:hover:after {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-3__btn span {
  display: block;
  padding: 17px 155px;
}

@media screen and (max-width: 750px) {
  .mod-btn-3__btn span {
    padding: 2.26667vw 20.66667vw;
  }
}

.mod-btn-3__btn span:before,
.mod-btn-3__btn span:after {
  position: absolute;
  width: 3px;
  height: 0;
  background-color: #d9c83c;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-btn-3__btn span:before,
  .mod-btn-3__btn span:after {
    content: none;
  }
}

.mod-btn-3__btn span:before {
  right: 0;
  bottom: 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-3__btn span:after {
  top: 0;
  left: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-3__btn span:hover:before,
.mod-btn-3__btn span:hover:after {
  height: 100%;
}

.mod-btn-3__btn span:hover:before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-3__btn span:hover:after {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}


/*  mod-btn-4
--------------------------------------------- */

.mod-btn-4 {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.mod-btn-4:after {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 8px;
  height: 10px;
  background: url(../../img/common/icon_arrow_white.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mod-btn-4:after {
    right: 1.06667vw;
    width: 1.06667vw;
    height: 1.33333vw;
  }
}

.mod-btn-4__btn {
  position: relative;
  display: inline-block;
  padding: 0;
  outline: none;
  border: none;
  background-color: transparent;
  background-color: #4eada3;
  color: #fff !important;
  font-size: 14px;
  cursor: pointer;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .mod-btn-4__btn {
    font-size: 2.4vw;
  }
}

.mod-btn-4__btn:before,
.mod-btn-4__btn:after {
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #00ffe4;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-btn-4__btn:before,
  .mod-btn-4__btn:after {
    content: none;
  }
}

.mod-btn-4__btn:before {
  bottom: 0;
  left: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.mod-btn-4__btn:after {
  top: 0;
  right: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-4__btn:hover:before,
.mod-btn-4__btn:hover:after {
  width: 100%;
}

.mod-btn-4__btn:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-4__btn:hover:after {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-4__btn span {
  display: block;
  padding: 14px 55px;
}

@media screen and (max-width: 750px) {
  .mod-btn-4__btn span {
    padding: 2vw 7.33333vw;
  }
}

.mod-btn-4__btn span:before,
.mod-btn-4__btn span:after {
  position: absolute;
  width: 3px;
  height: 0;
  background-color: #00ffe4;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-btn-4__btn span:before,
  .mod-btn-4__btn span:after {
    content: none;
  }
}

.mod-btn-4__btn span:before {
  right: 0;
  bottom: 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-4__btn span:after {
  top: 0;
  left: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-4__btn span:hover:before,
.mod-btn-4__btn span:hover:after {
  height: 100%;
}

.mod-btn-4__btn span:hover:before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-4__btn span:hover:after {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

@media screen and (max-width: 750px) {
  .mod-btn-4__btn--wedding {
    width: 34.66667vw;
  }
}
/*  mod-btn-5
--------------------------------------------- */

.mod-btn-5 {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
}

.mod-btn-5:after {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 8px;
  height: 10px;
  background: url(../../img/common/icon_arrow_white.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mod-btn-5:after {
    right: 1.06667vw;
    width: 1.06667vw;
    height: 1.33333vw;
  }
}

.mod-btn-5__btn {
  position: relative;
  display: inline-block;
  padding: 0;
  outline: none;
  border: none;
  background-color: transparent;
  background-color: #a69463;
  color: #fff !important;
  font-size: 14px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .mod-btn-5__btn {
    font-size: 2.4vw;
  }
}

.mod-btn-5__btn:before,
.mod-btn-5__btn:after {
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #e1a500;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {

  .mod-btn-5__btn:before,
  .mod-btn-5__btn:after {
    content: none;
  }
}

.mod-btn-5__btn:before {
  bottom: 0;
  left: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.mod-btn-5__btn:after {
  top: 0;
  right: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-5__btn:hover:before,
.mod-btn-5__btn:hover:after {
  width: 100%;
}

.mod-btn-5__btn:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-5__btn:hover:after {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-5__btn span {
  display: block;
  padding: 14px 55px;
}

@media screen and (max-width: 750px) {
  .mod-btn-5__btn span {
    padding: 2vw 7.33333vw;
  }
}

.mod-btn-5__btn span:before,
.mod-btn-5__btn span:after {
  position: absolute;
  width: 3px;
  height: 0;
  background-color: #e1a500;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {

  .mod-btn-5__btn span:before,
  .mod-btn-5__btn span:after {
    content: none;
  }
}

.mod-btn-5__btn span:before {
  right: 0;
  bottom: 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-btn-5__btn span:after {
  top: 0;
  left: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-btn-5__btn span:hover:before,
.mod-btn-5__btn span:hover:after {
  height: 100%;
}

.mod-btn-5__btn span:hover:before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-btn-5__btn span:hover:after {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/*  mod-tab1
--------------------------------------------- */

.mod-tab1__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  margin-right: auto;
  margin-left: auto;
  width: 1040px;
  -webkit-box-pack: center;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .mod-tab1__list {
    width: 95%;
  }
}

.mod-tab1__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 12px;
  width: 30%;
  border-top: 1px solid #a49f91;
  border-right: 1px solid #a49f91;
  border-left: 1px solid #a49f91;
  border-radius: 3px 3px 0 0;
  background-color: transparent;
}

@media screen and (max-width: 750px) {
  .mod-tab1__list-item {
    margin-right: 1.33333vw;
  }
}

.mod-tab1__list-item:last-of-type {
  margin-right: 0;
}

.mod-tab1__trigger {
  padding: 0;
  padding-top: 12px;
  padding-bottom: 8px;
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  background-color: #fff;
  font-size: 16px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 750px) {
  .mod-tab1__trigger {
    padding-top: 1.6vw;
    padding-bottom: 1.06667vw;
    font-size: 2.4vw;
    color: #000;
  }
}

.mod-tab1__trigger.current {
  position: relative;
  top: 1px;
}

.mod-tab1__content {
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  width: 1120px;
  border-top: 1px solid #a49f91;
}

@media screen and (max-width: 750px) {
  .mod-tab1__content {
    padding-top: 4vw;
    width: 95%;
  }
}

.mod-tab1__content-block {
  display: none;
}

.mod-tab1__content-block.current {
  display: block;
}

/*  mod-table1
--------------------------------------------- */

.mod-table1 {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 750px) {
  .mod-table1 {
    width: 90%;
  }
}

.mod-table1__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #a49f91;
}

.mod-table1__row:first-of-type {
  border-top: 1px solid #a49f91;
}

.mod-table1__term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 16px;
  padding-right: 1em;
  padding-bottom: 16px;
  padding-left: 1em;
  width: 25%;
  background-color: rgba(182, 157, 88, 0.16);
  font-size: 16px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .mod-table1__term {
    -ms-flex-pack: start;
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    padding-top: 2.13333vw;
    padding-bottom: 2.13333vw;
    width: 30%;
    font-size: 2.66667vw;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
}

.mod-table1__term--w100 {
  width: 100%;
}

.mod-table1__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 16px;
  padding-right: 1em;
  padding-bottom: 16px;
  padding-left: 1em;
  width: 75%;
  font-size: 16px;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
  .mod-table1__desc {
    padding-top: 2.13333vw;
    padding-right: 0;
    padding-bottom: 2.13333vw;
    width: 70%;
    font-size: 2.66667vw;
  }
}

.mod-table1__desc--multi {
  display: block;
}

.mod-table1__desc--multi div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  margin-bottom: 1em;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.mod-table1__desc--multi div:last-of-type {
  margin-bottom: 0;
}

.mod-table1__desc--multi div span:first-of-type {
  text-align: left;
}

.mod-table1__desc--multi div span:nth-of-type(2) {
  text-align: right;
}

.mod-table1__inner-list {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #a49f91;
}

@media screen and (max-width: 750px) {
  .mod-table1__inner-list {
    margin-top: 2.66667vw;
  }
}

.mod-table1__inner-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  border-bottom: 1px solid #a49f91;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.mod-table1__inner-list-item:last-of-type {
  border-bottom: none;
}

.mod-table1__inner-cell {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 1em;
  width: 20%;
  border-right: 1px solid #a49f91;
}

@media screen and (max-width: 750px) {
  .mod-table1__inner-cell {
    padding-top: 1.33333vw;
    padding-bottom: 1.33333vw;
  }
}

.mod-table1__inner-cell:last-of-type {
  border-right: none;
}

.mod-table1__inner-cell--column1 {
  width: 60%;
}

/*  mod-table2
--------------------------------------------- */

.mod-table2 {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 750px) {
  .mod-table2 {
    width: 90%;
  }
}

.mod-table2__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #a49f91;
}

.mod-table2__row:first-of-type {
  border-top: 1px solid #a49f91;
}

.mod-table2__term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  padding-top: 16px;
  padding-right: 1em;
  padding-bottom: 16px;
  padding-left: 1em;
  width: 20%;
  background-color: rgba(182, 157, 88, 0.16);
  font-size: 16px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .mod-table2__term {
    margin-top: 0.4vw;
    margin-right: 0.4vw;
    margin-bottom: 0.4vw;
    padding-top: 2.13333vw;
    padding-bottom: 2.13333vw;
    font-size: 2.66667vw;
  }
}

.mod-table2__term:last-of-type {
  margin-right: 0;
}

.mod-table2__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 16px;
  padding-right: 1em;
  padding-bottom: 16px;
  padding-left: 1em;
  width: auto;
  width: 20%;
  font-size: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .mod-table2__desc {
    padding-top: 2.13333vw;
    padding-bottom: 2.13333vw;
    font-size: 2.66667vw;
  }
}

/*  mod-table3
--------------------------------------------- */

.mod-table3 {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 750px) {
  .mod-table3 {
    width: 90%;
  }
}

.mod-table3__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #a49f91;
}

.mod-table3__row:first-of-type {
  border-top: 1px solid #a49f91;
}

.mod-table3__term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  padding-top: 16px;
  padding-right: 1em;
  padding-bottom: 16px;
  padding-left: 1em;
  width: 40%;
  background-color: rgba(182, 157, 88, 0.16);
  font-size: 16px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .mod-table3__term {
    margin-top: 0.4vw;
    margin-right: 0.4vw;
    margin-bottom: 0.4vw;
    padding-top: 2.13333vw;
    padding-bottom: 2.13333vw;
    font-size: 2.66667vw;
  }
}

.mod-table3__term:last-of-type {
  margin-right: 0;
}

.mod-table3__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 16px;
  padding-right: 1em;
  padding-bottom: 16px;
  padding-left: 1em;
  width: auto;
  width: 60%;
  font-size: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 750px) {
  .mod-table3__desc {
    padding-top: 2.13333vw;
    padding-bottom: 2.13333vw;
    font-size: 2.66667vw;
  }
}

.mod-table3__desc.th {
  -ms-flex-pack: center;
  background-color: rgba(182, 157, 88, 0.16);
  -webkit-box-pack: center;
  justify-content: center;
}

/*  mod-table4
--------------------------------------------- */

.mod-table4__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 16px;
  padding-right: 1em;
  padding-bottom: 16px;
  width: 100%;
  font-size: 16px;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*  mod-table5
--------------------------------------------- */

.mod-table5__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 20px;
  width: 100%;
  font-size: 15px;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/*  mod-table6
--------------------------------------------- */

.mod-table6 {
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 750px) {
  .mod-table6 {
    width: 100%;
  }
}

.mod-table6__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #a49f91;
}

.mod-table6__row:first-of-type {
  border-top: 1px solid #a49f91;
}

.mod-table6__term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 3px;
  margin-right: 3px;
  margin-bottom: 3px;
  padding-top: 16px;
  padding-right: 1em;
  padding-bottom: 16px;
  padding-left: 1em;
  width: 33%;
  background-color: rgba(182, 157, 88, 0.16);
  font-size: 16px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .mod-table6__term {
    margin-top: 0.4vw;
    margin-right: 0.4vw;
    margin-bottom: 0.4vw;
    padding-top: 2.13333vw;
    padding-bottom: 2.13333vw;
    font-size: 2.66667vw;
  }
}

.mod-table6__term:last-of-type {
  margin-right: 0;
}

.mod-table6__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 16px;
  padding-right: 1em;
  padding-bottom: 16px;
  padding-left: 1em;
  width: auto;
  width: 33%;
  font-size: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .mod-table6__desc {
    padding-top: 2.13333vw;
    padding-bottom: 2.13333vw;
    font-size: 2.66667vw;
  }
}
/*  mod-form1
--------------------------------------------- */

.mod-form1 {
  margin-right: auto;
  margin-left: auto;
  width: 850px;
}

@media screen and (max-width: 750px) {
  .mod-form1 {
    width: 90%;
  }
}

.mod-form1__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  border-bottom: 1px solid #a49f91;
  -webkit-box-align: center;
  align-items: center;
}

.mod-form1__row:first-of-type {
  border-top: 1px solid #a49f91;
}

.mod-form1__term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 25px;
  width: 146px;
  height: 76px;
  background-color: rgba(182, 157, 88, 0.16);
  font-size: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

@media screen and (max-width: 750px) {
  .mod-form1__term {
    margin-top: 0.4vw;
    margin-bottom: 0.4vw;
    padding-top: 6vw;
    width: 20%;
    height: 16vw;
    font-size: 2.4vw;
  }
}

.mod-form1__term span {
  display: block;
}

.mod-form1__term--red {
  color: #b40e0e;
  font-size: 11px;
}

@media screen and (max-width: 750px) {
  .mod-form1__term--red {
    font-size: 1.86667vw;
  }
}

.mod-form1__term--address {
  height: 159px;
}

@media screen and (max-width: 750px) {
  .mod-form1__term--address {
    height: 21.2vw;
  }
}

.mod-form1__desc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 48px;
  width: 704px;
  text-align: left;
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .mod-form1__desc {
    padding-left: 2.66667vw;
    width: 80%;
    font-size: 2.4vw;
  }
}

.mod-form1__desc span {
  margin-right: 10px;
}

@media screen and (max-width: 750px) {
  .mod-form1__desc span {
    margin-right: 1.33333vw;
  }
}

.mod-form1__desc input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  height: 42px;
  outline: none;
  border: 1px solid #737373;
  border-radius: 4px;
  font-size: 16px;
  -webkit-appearance: none;
}

@media screen and (max-width: 750px) {
  .mod-form1__desc input {
    padding-left: 1.33333vw;
    height: 5.6vw;
    border-radius: 0.53333vw;
    font-size: 2.66667vw;
  }
}

.mod-form1__desc select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 1px solid #737373;
  border-radius: 4px;
  background: transparent;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 750px) {
  .mod-form1__desc select {
    border-radius: 0.53333vw;
    font-size: 2.66667vw;
  }
}

.mod-form1__desc select::-ms-expand {
  display: none;
}

.mod-form1__surname {
  display: inline-block;
  margin-right: 30px;
}

@media screen and (max-width: 750px) {
  .mod-form1__surname {
    display: block;
    margin-right: 0;
    margin-bottom: 2vw;
  }
}

.mod-form1__surname input {
  width: 240px;
}

@media screen and (max-width: 750px) {
  .mod-form1__surname input {
    width: 70%;
  }
}

.mod-form1__name {
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .mod-form1__name {
    display: block;
  }
}

.mod-form1__name input {
  width: 240px;
}

@media screen and (max-width: 750px) {
  .mod-form1__name input {
    width: 70%;
  }
}

.mod-form1__year,
.mod-form1__month,
.mod-form1__day {
  display: inline-block;
}

.mod-form1__year input,
.mod-form1__month input,
.mod-form1__day input {
  width: 115px;
}

@media screen and (max-width: 750px) {
  .mod-form1__year input,
  .mod-form1__month input,
  .mod-form1__day input {
    width: 15.33333vw;
  }
}

.mod-form1__gender label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  margin-right: 70px;
  height: 22px;
  vertical-align: middle;
  font-size: 16px;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .mod-form1__gender label {
    margin-right: 6.66667vw;
    height: 2.93333vw;
    font-size: 2.13333vw;
  }
}

.mod-form1__gender input {
  display: none;
}

.mod-form1__gender input:checked + span:after {
  opacity: 1;
}

.mod-form1__gender span {
  position: relative;
  display: inline-block;
  padding-left: 2em;
  cursor: pointer;
}

.mod-form1__gender span:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  border: 1px solid #737373;
  border-radius: 50%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-form1__gender span:before {
    width: 2.93333vw;
    height: 2.93333vw;
  }
}

.mod-form1__gender span:after {
  position: absolute;
  top: 50%;
  left: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1px solid #000;
  border-radius: 50%;
  background-color: #000;
  content: '';
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .mod-form1__gender span:after {
    left: 0.66667vw;
    width: 1.6vw;
    height: 1.6vw;
    border-width: 0.13333vw;
  }
}

.mod-form1__mail input {
  width: 350px;
}

@media screen and (max-width: 750px) {
  .mod-form1__mail input {
    width: 80%;
  }
}

.mod-form1__postal-code input {
  width: 200px;
}

@media screen and (max-width: 750px) {
  .mod-form1__postal-code input {
    width: 60%;
  }
}

.mod-form1__prefectures {
  position: relative;
  margin-bottom: 20px;
  width: 350px;
}

@media screen and (max-width: 750px) {
  .mod-form1__prefectures {
    width: 70%;
  }
}

.mod-form1__prefectures:after {
  position: absolute;
  top: 0;
  right: 9px;
  bottom: 0;
  z-index: -1;
  margin: auto 0;
  width: 0;
  height: 0;
  border-width: 9px 6px 0 6px;
  border-style: solid;
  border-color: #010100 transparent transparent transparent;
  content: '';
}

@media screen and (max-width: 750px) {
  .mod-form1__prefectures:after {
    right: 1.2vw;
    border-width: 1.2vw 0.8vw 0 0.8vw;
  }
}

.mod-form1__prefectures select {
  position: relative;
  padding-left: 25px;
  width: 350px;
  height: 42px;
}

@media screen and (max-width: 750px) {
  .mod-form1__prefectures select {
    padding-left: 1.33333vw;
    width: 100%;
    height: 5.6vw;
  }
}

.mod-form1__address-detail input {
  width: 620px;
}

@media screen and (max-width: 750px) {
  .mod-form1__address-detail input {
    width: 100%;
  }
}

/*  mod-txt2
--------------------------------------------- */

.mod-txt2 {
  color: #000;
  font-size: 15px;
  font-family: 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
}

@media screen and (max-width: 750px) {
  .mod-txt2 {
    font-size: 3.4vw;
  }
}

.mod-txt2--red {
  color: #b40e0e;
}

.mod-txt2--gold {
  color: #a99765;
  font-weight: bold;
}
.mod-txt2--gold--normal {
  color: #a99765;
}

/*  mod-note
--------------------------------------------- */

.mod-note-txt {
  font-size: 13px;
  font-family: 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif;
}

@media screen and (max-width: 750px) {
  .mod-note-txt {
    font-size: 3.4vw;
  }
}

/*  mod-time
--------------------------------------------- */

.mod-time__upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  margin-bottom: 20px;
  -webkit-box-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 750px) {
  .mod-time__upper {
    display: block;
    margin-bottom: 2.66667vw;
  }
}

.mod-time__right,
.mod-time__left {
  width: 50%;
}

@media screen and (max-width: 750px) {
  .mod-time__right,
  .mod-time__left {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .mod-time__left {
    margin-bottom: 4vw;
  }
}

.mod-time__term {
  font-size: 24px;
}

@media screen and (max-width: 750px) {
  .mod-time__term {
    font-size: 3.2vw;
  }
}

.mod-time__desc {
  font-size: 18px;
}

@media screen and (max-width: 750px) {
  .mod-time__desc {
    font-size: 2.4vw;
  }
}

.mod-time__txt {
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-time__txt {
    font-size: 2.13333vw;
  }
}

/*  mod-txt-link
--------------------------------------------- */

.mod-txt-link {
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mod-txt-link:hover {
  color: #bbb4a1;
  text-decoration: underline;
}

/*  mod-visual1
--------------------------------------------- */

.mod-visual1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: start;
  margin-right: auto;
  margin-left: auto;
  max-width: 1120px;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .mod-visual1 {
    display: block;
    max-width: auto;
  }
}

.mod-visual1--only {
  display: block;
  max-width: 50%;
}

@media screen and (max-width: 750px) {
  .mod-visual1--only {
    max-width: 90%;
  }
}

.mod-visual1__inner {
  width: auto;
}

.mod-visual1__left {
  width: 44%;
}

@media screen and (max-width: 750px) {
  .mod-visual1__left {
    margin-bottom: 6vw;
    width: 100%;
  }
}

.mod-visual1__left-img {
  margin-bottom: 7px;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .mod-visual1__left-img {
    display: block;
    margin-right: auto;
    margin-bottom: 1.33333vw;
    margin-left: auto;
    width: 90%;
  }
}

.mod-visual1__left-txt {
  font-size: 13px;
}

@media screen and (max-width: 750px) {
  .mod-visual1__left-txt {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    font-size: 2.4vw;
  }
}

.mod-visual1__right {
  width: 50%;
}

@media screen and (max-width: 750px) {
  .mod-visual1__right {
    width: 100%;
  }
}

.mod-visual1__right-inner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 35px;
  padding-right: 30px;
  padding-bottom: 42px;
  padding-left: 30px;
  border: 1px solid #a49f91;
  background-color: rgba(182, 157, 88, 0.1);
}

@media screen and (max-width: 750px) {
  .mod-visual1__right-inner {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 4.66667vw;
    padding-right: 4vw;
    padding-bottom: 4.66667vw;
    padding-left: 4vw;
    width: 90%;
  }
}

.mod-visual1__right-title {
  margin-bottom: 13px;
  color: #a38f57;
  font-size: 22px;
}

@media screen and (max-width: 750px) {
  .mod-visual1__right-title {
    margin-bottom: 1.73333vw;
    font-size: 3.2vw;
  }
}

.mod-visual1__right-list {
  margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
  .mod-visual1__right-list {
    margin-bottom: 1.33333vw;
  }
}

.mod-visual1__right-list-item {
  letter-spacing: 0.05em;
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-visual1__right-list-item {
    font-size: 2.4vw;
  }
}

/*  mod-visual2
--------------------------------------------- */

.mod-visual2 {
  margin-right: auto;
  margin-left: auto;
  max-width: 853px;
}

@media screen and (max-width: 750px) {
  .mod-visual2 {
    max-width: 90%;
  }
}

.mod-visual2__upper {
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .mod-visual2__upper {
    margin-bottom: 6.66667vw;
  }
}

.mod-visual2__upper-img {
  display: block;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .mod-visual2__upper-img {
    margin-bottom: 2.66667vw;
  }
}

.mod-visual2__upper-txt {
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
}

@media screen and (max-width: 750px) {
  /* .mod-visual2__upper-txt {
        font-size: 3.4vw;
    } */
}

.mod-visual2__lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 750px) {
  .mod-visual2__lower {
    display: block;
  }
}

.mod-visual2__lower-left {
  padding-left: 12px;
  width: 50%;
}

@media screen and (max-width: 750px) {
  .mod-visual2__lower-left {
    margin-bottom: 2vw;
    padding-left: 0;
    width: 100%;
  }
}

.mod-visual2__lower-left-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  padding-right: 1em;
  padding-left: 2em;
  border: 1px solid #a49f91;
}

@media screen and (max-width: 750px) {
  .mod-visual2__lower-left-list {
    margin-right: auto;
    margin-bottom: 1.33333vw;
    margin-left: auto;
  }
}

.mod-visual2__lower-left-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.mod-visual2__lower-left-list-name {
  margin-right: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-visual2__lower-left-list-name {
    margin-right: 2vw;
    padding-top: 2.66667vw;
    padding-bottom: 2.66667vw;
    font-size: 2.66667vw;
  }
}

.mod-visual2__lower-left-list-desc {
  font-size: 28px;
}

@media screen and (max-width: 750px) {
  .mod-visual2__lower-left-list-desc {
    font-size: 4.66667vw;
  }
}

.mod-visual2__lower-left-list-desc span {
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-visual2__lower-left-list-desc span {
    font-size: 2.66667vw;
  }
}

.mod-visual2__lower-left-txt {
  text-align: left;
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-visual2__lower-left-txt {
    margin-right: auto;
    margin-left: auto;
    font-size: 2.66667vw;
  }
}

.mod-visual2__lower-right {
  padding-left: 30px;
  width: 50%;
}

@media screen and (max-width: 750px) {
  .mod-visual2__lower-right {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    width: 100%;
  }
}

.mod-visual2__lower-right-list {
  text-align: left;
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-visual2__lower-right-list {
    font-size: 2.66667vw;
  }
}

.mod-visual2__lower-right-list-item {
  line-height: 1.8;
}

/*  mod-line1
--------------------------------------------- */

.mod-line1 {
  position: relative;
  text-align: center;
}

.mod-line1:after {
  position: absolute;
  bottom: -35px;
  left: 50%;
  width: 506px;
  height: 16px;
  background: url(../../img/common/img_border_01.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
  .mod-line1:after {
    bottom: -4.66667vw;
    width: 67.46667vw;
    height: 2.13333vw;
  }
}

.mod-line1-txt {
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-line1-txt {
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    font-size: 2.4vw;
  }
}

/*  mod-line2
--------------------------------------------- */

.mod-line2 {
  position: relative;
  text-align: center;
}

.mod-line2:after {
  position: absolute;
  bottom: -25px;
  left: 50%;
  width: 506px;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fff), color-stop(50%, #a5a5a5), color-stop(90%, #fff));
  background: linear-gradient(left, #fff 10%, #a5a5a5 50%, #fff 90%);
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
  .mod-line2:after {
    bottom: -3.33333vw;
    width: 67.46667vw;
  }
}

.mod-line2-txt {
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-line2-txt {
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;
    font-size: 2.4vw;
  }
}

/*  mod-bg1
--------------------------------------------- */

.mod-bg1 {
  padding-top: 30px;
  padding-right: 4em;
  padding-bottom: 30px;
  padding-left: 4em;
  background-color: #f0ede4;
}

@media screen and (max-width: 750px) {
  .mod-bg1 {
    padding-top: 4vw;
    padding-bottom: 4vw;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.mod-bg1__inner {
  margin-right: auto;
  margin-left: auto;
  max-width: 1120px;
}

@media screen and (max-width: 750px) {
  .mod-bg1__inner {
    max-width: 90%;
  }
}

/*  mod-bg2
--------------------------------------------- */

.mod-bg2 {
  padding-top: 30px;
  padding-right: 1em;
  padding-bottom: 30px;
  padding-left: 1em;
  width: 100%;
  background-color: #a49f91;
}

@media screen and (max-width: 750px) {
  .mod-bg2 {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
}

.mod-bg2__inner {
  margin-right: auto;
  margin-left: auto;
  max-width: 1120px;
}

@media screen and (max-width: 750px) {
  .mod-bg2__inner {
    max-width: 90%;
  }
}

/*  mod-bg3
--------------------------------------------- */

.mod-bg3 {
  padding-top: 30px;
  padding-right: 4em;
  padding-bottom: 30px;
  padding-left: 4em;
  background-color: #f1f0f0;
}

@media screen and (max-width: 750px) {
  .mod-bg3 {
    padding-top: 4vw;
    padding-bottom: 4vw;
    padding-left: 1em;
    padding-right: 1em;
  }
}

.mod-bg3__inner {
  margin-right: auto;
  margin-left: auto;
  max-width: 1120px;
}

@media screen and (max-width: 750px) {
  .mod-bg3__inner {
    max-width: 90%;
  }
}

/*  mod-faq
--------------------------------------------- */

.mod-faq__list-item {
  margin-bottom: 50px;
}

@media screen and (max-width: 750px) {
  .mod-faq__list-item {
    margin-bottom: 6.66667vw;
  }
}

.mod-faq__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  margin-bottom: 15px;
  color: #a69463;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .mod-faq__question {
    margin-bottom: 2vw;
  }
}

.mod-faq__question-head {
  margin-right: 25px;
  font-weight: bold;
  font-size: 40px;
}

@media screen and (max-width: 750px) {
  .mod-faq__question-head {
    margin-right: 2.66667vw;
    font-size: 6vw;
  }
}

.mod-faq__question-desc {
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 750px) {
  .mod-faq__question-desc {
    font-size: 2.66667vw;
  }
}

.mod-faq__answer {
  display: flex;
  justify-content: flex-start;
}
.mod-faq__answer-head {
  margin-right: 5px;
  color: #a69463;
  font-weight: bold;
  font-size: 30px;
}

@media screen and (max-width: 750px) {
  .mod-faq__answer-head {
    margin-right: 0.66667vw;
    font-size: 4.66667vw;
  }
}

.mod-faq__answer-desc {
  font-size: 15px;
  margin-top: 18px;
  margin-left: 5px;
}

@media screen and (max-width: 750px) {
  .mod-faq__answer-desc {
    font-size: 2.66667vw;
    margin-top: 10px;
  }
}

/*  mod-list1
--------------------------------------------- */

.mod-list1__item {
  position: relative;
  margin-bottom: 1em;
  padding-left: 1.4em;
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-list1__item {
    font-size: 2.66667vw;
  }
}

.mod-list1__item:before {
  position: absolute;
  top: 0.4em;
  left: 4px;
  width: 8px;
  height: 8px;
  background-color: #a69463;
  content: '';
}

.mod-list1__item.big:before {
  top: 0.9em;
}

@media screen and (max-width: 750px) {
  .mod-list1__item:before {
    left: 0.53333vw;
    width: 1.06667vw;
    height: 1.06667vw;
  }
}

.mod-list1__item--nd:before {
  content: none;
}

.mod-list1--w50 {
  width: 50%;
}

/*  mod-list2
--------------------------------------------- */

.mod-list2.half {
  margin-right: 2%;
  width: 48%;
}
.mod-list2__item {
  position: relative;
  margin-bottom: 1em;
  padding-left: 1em;
  font-size: 15px;
}

@media screen and (max-width: 750px) {
  .mod-list2__item {
    font-size: 2.66667vw;
  }
}

.mod-list2__item:before {
  position: absolute;
  top: 0.6em;
  left: 6px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #a69463;
  content: '';
}

@media screen and (max-width: 750px) {
  .mod-list2__item:before {
    top: 0.6em;
    left: 0.8vw;
    width: 0.53333vw;
    height: 0.53333vw;
  }
}

.mod-list2__item--nd:before {
  content: none;
}

.mod-list2--w50 {
  width: 50%;
}

/*  mod-list-flex
--------------------------------------------- */

.mod-list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.mod-list-flex__inner {
  margin-right: auto;
}

.mod-list-flex__inner:last-of-type {
  margin-right: 0;
}

/*  mod-access
--------------------------------------------- */

.mod-access {
  text-align: center;
}

@media screen and (max-width: 750px) {
  .mod-access {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}

/*  mod-contact
--------------------------------------------- */

.mod-contact {
  text-align: center;
}

.mod-contact__title {
  font-size: 18px;
}

.mod-contact__info {
  font-size: 16px;
}

.mod-contact__link {
  font-size: 16px;
}

.mod-contact__link a {
  border-bottom: 1px solid #010100;
  transition: all 0.3s ease-in;
}

.mod-contact__link a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 750px) {
  .mod-contact__title {
    font-size: 3.2vw;
  }
  .mod-contact__info {
    font-size: 3.2vw;
    margin-top: 0.8rem;
  }
  .mod-contact__link {
    font-size: 3.2vw;
    margin: 0.8rem 0 1rem;
  }
}

.mod-contact__tel {
  margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
  .mod-contact__tel {
    margin-bottom: 2.66667vw;
  }
}

.mod-contact__tel-link {
  display: inline-block;
  font-size: 50px;
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mod-contact__tel-link {
    font-size: 6.66667vw;
    pointer-events: auto;
  }
}

.mod-contact__mail {
  position: relative;
  display: inline-block;
}

.mod-contact__mail:before {
  position: absolute;
  top: 50%;
  left: 18px;
  z-index: 1;
  width: 25px;
  height: 17px;
  background: url(../../img/common/icon_mail.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

.mod-contact__mail.not:before {
  background: none;
}

@media screen and (max-width: 750px) {
  .mod-contact__mail:before {
    left: 2.4vw;
    width: 3.33333vw;
    height: 2.26667vw;
  }
}

.mod-contact__mail:after {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 8px;
  height: 10px;
  background: url(../../img/common/icon_arrow_white.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mod-contact__mail:after {
    right: 1.06667vw;
    width: 1.06667vw;
    height: 1.33333vw;
  }
}

.mod-contact__mail-link {
  position: relative;
  display: inline-block;
  background-color: #4eada3;
  color: #fff !important;
  font-size: 14px;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .mod-contact__mail-link {
    font-size: 2.66667vw;
  }
}

.mod-contact__mail-link:before,
.mod-contact__mail-link:after {
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #00ffe4;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-contact__mail-link:before,
  .mod-contact__mail-link:after {
    content: none;
  }
}

.mod-contact__mail-link:before {
  bottom: 0;
  left: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.mod-contact__mail-link:after {
  top: 0;
  right: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-contact__mail-link:hover:before,
.mod-contact__mail-link:hover:after {
  width: 100%;
}

.mod-contact__mail-link:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-contact__mail-link:hover:after {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-contact__mail-link span {
  display: block;
  padding: 13px 51px;
}

@media screen and (max-width: 750px) {
  .mod-contact__mail-link span {
    padding: 3vw 8vw;
  }
}

.mod-contact__mail-link span:before,
.mod-contact__mail-link span:after {
  position: absolute;
  width: 3px;
  height: 0;
  background-color: #00ffe4;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-contact__mail-link span:before,
  .mod-contact__mail-link span:after {
    content: none;
  }
}

.mod-contact__mail-link span:before {
  right: 0;
  bottom: 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-contact__mail-link span:after {
  top: 0;
  left: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-contact__mail-link span:hover:before,
.mod-contact__mail-link span:hover:after {
  height: 100%;
}

.mod-contact__mail-link span:hover:before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-contact__mail-link span:hover:after {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.mod-contact__mail-link--wedding {
  background-color: #a69463;
}

.mod-contact__mail-link--wedding:before,
.mod-contact__mail-link--wedding:after {
  background-color: #e1a500;
}

.mod-contact__mail-link--wedding span:before,
.mod-contact__mail-link--wedding span:after {
  background-color: #e1a500;
}

/* レストランメニューのpdfボタン */

.mod-contact__pdf {
  position: relative;
  display: inline-block;
  margin-bottom: 80px;
}

.mod-contact__pdf:after {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 8px;
  height: 10px;
  background: url(../../img/common/icon_arrow_white.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .mod-contact__pdf:after {
    right: 1.06667vw;
    width: 1.06667vw;
    height: 1.33333vw;
  }
}

.mod-contact__pdf-link {
  position: relative;
  display: inline-block;
  background-color: #a69463;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .mod-contact__pdf-link {
    font-size: 2.66667vw;
  }
}

.mod-contact__pdf-link:before,
.mod-contact__pdf-link:after {
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #e1a500;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-contact__pdf-link:before,
  .mod-contact__pdf-link:after {
    content: none;
  }
}

.mod-contact__pdf-link:before {
  bottom: 0;
  left: 0;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.mod-contact__pdf-link:after {
  top: 0;
  right: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-contact__pdf-link:hover:before,
.mod-contact__pdf-link:hover:after {
  width: 100%;
}

.mod-contact__pdf-link:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-contact__pdf-link:hover:after {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-contact__pdf-link span {
  display: block;
  padding: 13px 51px;
}

@media screen and (max-width: 750px) {
  .mod-contact__pdf-link span {
    padding: 1.73333vw 6.8vw;
  }
}

.mod-contact__pdf-link span:before,
.mod-contact__pdf-link span:after {
  position: absolute;
  width: 3px;
  height: 0;
  background-color: #e1a500;
  content: '';
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}

@media screen and (max-width: 750px) {
  .mod-contact__pdf-link span:before,
  .mod-contact__pdf-link span:after {
    content: none;
  }
}

.mod-contact__pdf-link span:before {
  right: 0;
  bottom: 0;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.mod-contact__pdf-link span:after {
  top: 0;
  left: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.mod-contact__pdf-link span:hover:before,
.mod-contact__pdf-link span:hover:after {
  height: 100%;
}

.mod-contact__pdf-link span:hover:before {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.mod-contact__pdf-link span:hover:after {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

/*  rsv
--------------------------------------------- */

.rsv {
  width: 100%;
}

.rsv--header {
  position: absolute;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-353px);
  transform: translateY(-353px);
}

@media screen and (max-width: 750px) {
  .rsv--header {
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    pointer-events: none;
    z-index: 9999;
  }
  .index {
    z-index: 1;
  }
}

.js-rsv-open .rsv--header {
  -webkit-transform: none;
  transform: none;
}

@media screen and (max-width: 750px) {
  .js-rsv-open .rsv--header {
    opacity: 1;
    pointer-events: auto;
  }
}

.rsv--wrapper {
  position: relative;
  /* margin-top: -80px; */
}

@media screen and (max-width: 750px) {
  .rsv--wrapper {
    margin-top: 6.66667vw;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .rsv-new {
    height: 100%;
  }
}

.rsv-new--wedding {
  background-color: #fff;
  display: none;
}

.rsv-new-contents {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-right: 35px;
  padding-bottom: 30px;
  padding-left: 35px;
  width: 1200px;
  background-color: #fff;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .rsv-new-contents {
    padding: 3.33333vw 4.66667vw 4vw;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    margin-bottom: 5rem;
  }
}

.rsv-new-contents__title {
  /* padding-bottom: 30px; */
  text-align: center;
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .rsv-new-contents__title {
    padding-bottom: 3.33333vw;
    font-size: 4.66667vw;
  }
}

.rsv-new-contents input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  height: 49px;
  outline: none;
  border: 1px solid #ccc;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 750px) {
  .rsv-new-contents input {
    height: 8vw;
    font-size: 3.33333vw;
  }
}

.rsv-new-contents select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  height: 49px;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 0;
  background: none;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media screen and (max-width: 750px) {
  .rsv-new-contents select {
    height: 8vw;
    font-size: 3.33333vw;
  }
}

.rsv-new-contents select::-ms-expand {
  display: none;
}

.rsv-new-contents--shadow {
  -webkit-box-shadow: 0px 0px 34px -22px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 34px -22px rgba(0, 0, 0, 0.8);
}

@media screen and (max-width: 750px) {
  .rsv-new-contents--shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

#tab_rsv01 input[type='text'],
#tab_rsv03 input[type='text'] {
  padding-left: 24px;
  width: 180px;
}

@media screen and (max-width: 750px) {
  #tab_rsv01 input[type='text'],
  #tab_rsv03 input[type='text'] {
    margin-right: 3.06667vw;
    padding-left: 3.2vw;
    width: 33.33333vw;
  }
}

#tab_rsv01 select,
#tab_rsv03 select {
  padding-left: 28px;
  width: 71px;
}

@media screen and (max-width: 750px) {
  #tab_rsv01 select,
  #tab_rsv03 select {
    margin-right: 0.66667vw;
    padding-left: 3.73333vw;
    width: 9.46667vw;
  }
}

.tabs_rsv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.tabs_rsv li {
  padding-bottom: 9px;
  width: 50%;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 13px;
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .tabs_rsv li {
    padding-bottom: 1.2vw;
    font-size: 4vw;
  }
}

.tabs_rsv li.active {
  padding-bottom: 5px;
  border-width: 5px;
}

@media screen and (max-width: 750px) {
  .tabs_rsv li.active {
    padding-bottom: 0.66667vw;
    border-width: 0.66667vw;
  }
}

.tab_rsv {
  display: none;
  padding-top: 30px;
  padding-bottom: 54px;
}

.tab_rsv.active {
  display: block;
}

@media screen and (max-width: 750px) {
  .tab_rsv {
    padding-top: 2.66667vw;
    padding-bottom: 4vw;
  }
}

.tab_rsv form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .tab_rsv form {
    display: block;
  }
}

.tab_rsv .ttl {
  text-align: left;
  font-size: 12px;
}

@media screen and (max-width: 750px) {
  .tab_rsv .ttl {
    font-size: 3.46667vw;
  }
}

@media screen and (max-width: 750px) {
  .tab_rsv div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    -ms-flex-align: center;
    margin-bottom: 2.66667vw;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .tab_rsv div:last-of-type {
    display: inline-block;
  }
}

.rsv001,
.rsv002,
.rsv-tl03,
.rsv-tl04 {
  position: relative;
}

.rsv001:after,
.rsv002:after,
.rsv-tl03:after,
.rsv-tl04:after {
  position: absolute;
  right: 11px;
  bottom: 15px;
  width: 20px;
  height: 19px;
  background: url(../../img/common/icon_calendar_black.png) 0 0 no-repeat;
  background-size: cover;
  content: '';
  pointer-events: none;
}

@media screen and (max-width: 750px) {
  .rsv001:after,
  .rsv002:after,
  .rsv-tl03:after,
  .rsv-tl04:after {
    right: 4.66667vw;
    bottom: 2.66667vw;
    width: 2.66667vw;
    height: 2.53333vw;
  }
}

.rsv006 input[type='text'] {
  width: 190px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .rsv006 input[type='text'] {
    margin-right: 3.06667vw;
    width: 33.33333vw;
  }
}

.rsv007 {
  padding-top: 16px;
}

@media screen and (max-width: 750px) {
  .rsv007 {
    padding-top: 2.66667vw;
  }
}

#tab_rsv02 input[type='text'],
#tab_rsv04 input[type='text'] {
  padding-left: 24px;
  width: 180px;
}

@media screen and (max-width: 750px) {
  #tab_rsv02 input[type='text'],
  #tab_rsv04 input[type='text'] {
    margin-right: 3.06667vw;
    padding-left: 3.2vw;
    width: 33.33333vw;
  }
}

.rsv-tl01 select {
  padding-left: 24px;
  width: 220px;
}

@media screen and (max-width: 750px) {
  .rsv-tl01 select {
    margin-right: 3.06667vw;
    padding-left: 3.2vw;
    width: 37.33333vw;
  }
}

.rsv-tl02 select {
  padding-left: 24px;
  width: 220px;
}

@media screen and (max-width: 750px) {
  .rsv-tl02 select {
    margin-right: 3.06667vw;
    padding-left: 3.2vw;
    width: 37.33333vw;
  }
}

.rsv-tl05 select {
  padding-left: 28px;
  width: 71px;
}

@media screen and (max-width: 750px) {
  .rsv-tl05 select {
    margin-right: 0.66667vw;
    padding-left: 3.73333vw;
    width: 9.46667vw;
  }
}

.rsv-tl06 {
  padding-top: 16px;
}

@media screen and (max-width: 750px) {
  .rsv-tl06 {
    padding-top: 2.66667vw;
  }
}

.mod-banner {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.rsv_unit {
  vertical-align: -50%;
  font-size: 14px;
}

@media screen and (max-width: 750px) {
  .rsv_unit {
    font-size: 2.4vw;
  }
}


/* //追加 */
.rsv-restaurant {
  display: none;
}
@media screen and (max-width: 750px) {
  .rsv-restaurant {
    display: block;
  }

  .rsv-links {
    margin-bottom: 2rem;
  }
  .rsv-links-min {
    margin-bottom: 1rem;
  }
  .rsv-restaurant-btn1 {
    padding: 1rem;
    background-color: #937fa4;
    display: inline-block;
    width: 100%;
    color: #ffffff;
  }

  .rsv-restaurant-btn2 {
    padding: 1rem;
    background-color: #6e94a6;
    display: inline-block;
    width: 100%;
    color: #ffffff;
  }
  .sp-mb-ll {
    margin-bottom: 8rem;
  }
}

/*  mod-image
--------------------------------------------- */

.mod-image {
  margin-right: auto;
  margin-left: auto;
  max-width: 900px;
}

@media screen and (max-width: 750px) {
  .mod-image {
    max-width: auto;
  }
}

.mod-image__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mod-image__list-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 40px;
  margin-bottom: 20px;
  width: 266px;
}

@media screen and (max-width: 750px) {
  .mod-image__list-item {
    margin-right: 2.66667vw;
    margin-bottom: 2.66667vw;
    width: 31%;
  }
}

.mod-image__list-item:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 750px) {
  .mod-image__list-item:last-of-type {
    margin-right: 0;
  }
}

.mod-image__list-item--col2 {
  margin-right: auto;
  margin-left: auto;
  width: 45%;
}

.mod-image__list-item--col4 {
  margin-right: auto;
  margin-left: auto;
  width: 20%;
}

.mod-image__list-img {
  margin-bottom: 10px;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .mod-image__list-img {
    margin-bottom: 1.33333vw;
  }
}

.mod-image__list-txt {
  text-align: center;
}

/* ---------------------------------------------
*   index
--------------------------------------------- */

/*  index-keyvisual
--------------------------------------------- */

.index-keyvisual__img {
  width: 100%;
}

/*  top-info
--------------------------------------------- */

.top-info {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-bottom: 140px;
  margin-left: auto;
  padding-top: 60px;
  padding-right: 35px;
  padding-left: 35px;
  width: 1200px;
}

@media screen and (max-width: 750px) {
  .top-info {
    margin-bottom: 13.33333vw;
    padding-top: 3.33333vw;
    width: 100%;
  }
}

.top-info__txt {
  margin-bottom: 40px;
  text-align: center;
  font-size: 40px;
}

@media screen and (max-width: 750px) {
  .top-info__txt {
    font-size: 6.66667vw;
  }
}

.top-info__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .top-info__content {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .top-info__access {
    margin-bottom: 2.66667vw;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .top-info__weather {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
    text-align: center;
  }
}

/*  event-slide
--------------------------------------------- */

.event-slide {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-bottom: 120px;
  margin-left: auto;
  padding-right: 35px;
  padding-left: 35px;
  width: 1200px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .event-slide {
    margin-bottom: 16vw;
    padding-right: 2em;
    padding-left: 2em;
    width: 90%;
  }
}

.event-slide:before,
.event-slide:after {
  position: absolute;
  top: 180px;
  width: 15px;
  height: 28px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .event-slide:before,
  .event-slide:after {
    content: none;
  }
}

.event-slide:before {
  left: -35px;
  background-image: url(../../img/common/icon_arrow_left.png);
}

@media screen and (max-width: 750px) {
  .event-slide:before {
    left: -2.66667vw;
  }
}

.event-slide:after {
  right: -35px;
  background-image: url(../../img/common/icon_arrow_right.png);
}

@media screen and (max-width: 750px) {
  .event-slide:after {
    right: -2.66667vw;
  }
}

.event-slide__slide .slick-next,
.event-slide__slide .slick-prev {
  top: 35% !important;
}

.event-slide__title {
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
  font-size: 27px;
}

@media screen and (max-width: 750px) {
  .event-slide__title {
    margin-bottom: 5.33333vw;
    font-size: 3.6vw;
  }
}

.event-slide__title:before {
  position: absolute;
  top: 50%;
  left: -135px;
  width: 115px;
  height: 1px;
  background-color: #010100;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .event-slide__title:before {
    left: -18vw;
    width: 15.33333vw;
  }
}

.event-slide__title:after {
  position: absolute;
  top: 50%;
  right: -135px;
  width: 115px;
  height: 1px;
  background-color: #010100;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .event-slide__title:after {
    right: -18vw;
    width: 15.33333vw;
  }
}

.event-slide__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  overflow: hidden;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .event-slide__slide {
    -ms-flex-pack: justify;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

.event-slide__frame {
  margin-right: 40px;
  width: 250px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media screen and (max-width: 750px) {
  .event-slide__frame {
    margin-right: 5.33333vw;
    margin-bottom: 5.33333vw;
    width: 45%;
  }
}

@media screen and (max-width: 750px) {
  .event-slide__frame:nth-of-type(2n) {
    margin-right: 0;
  }
}

.event-slide__link {
  display: block;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.event-slide__link:hover {
  opacity: 0.8;
}

.ios .event-slide__link:hover,
.android .event-slide__link:hover {
  opacity: 1;
}

.event-slide__inner {
  text-align: left;
}

.event-slide__thumb {
  margin-bottom: 15px;
  width: 250px;
  height: 250px;
}

@media screen and (max-width: 750px) {
  .event-slide__thumb {
    width: 100%;
    height: auto;
  }
}

.event-slide__date {
  margin-bottom: 8px;
  font-size: 13px;
}

@media screen and (max-width: 750px) {
  .event-slide__date {
    margin-bottom: 1.06667vw;
    font-size: 2.93333vw;
  }
}

.event-slide__txt {
  font-size: 15px;
  width: 250px;
}

@media screen and (max-width: 750px) {
  .event-slide__txt {
    font-size: 3.46667vw;
    width: auto;
  }
}

.event-label {
  display: inline-block;
  margin-bottom: 16px;
  padding: 2px 8px;
  color: #fff;
  font-size: 12px;
}

@media screen and (max-width: 750px) {
  .event-label {
    margin-bottom: 2.66667vw;
    padding: 0.4vw 1.06667vw;
    font-size: 2.4vw;
  }
}

.event-label--01 {
  background-color: #7e2000;
}

.event-label--02 {
  background-color: #797e00;
}

.event-label--event_other {
  background-color: #3b7e00;
}

.event-label--event_stay {
  background-color: #007e79;
}

.event-label--event_restaurants {
  background-color: #005a7e;
}

.event-label--event_boulogne,
.restaurants-label--restaurants_names_boulogne,
.event-label--restaurants_names_boulogne {
  background-color: #00267e;
}

.event-label--event_goka,
.restaurants-label--restaurants_names_goka,
.event-label--restaurants_names_goka {
  background-color: #a02a2a;
}

.event-label--event_kaijuso,
.restaurants-label--restaurants_names_kaijuso,
.event-label--restaurants_names_kaijuso {
  background-color: #71007e;
}

.event-label--event_event {
  background-color: #7e0000;
}

.event-label--event_memorial {
  background-color: #6cb99d;
}
.event-label--event_wedding {
  background-color: #cc9933;
}
.event-label--hall_plan {
  background-color: #848bac;
}

/*  attraction
--------------------------------------------- */

.attraction {
  background-color: #f0ede4;
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 750px) {
  .attraction {
    padding-top: 9.33333vw;
  }
}

.attraction__inner {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 1130px;
}

@media screen and (max-width: 750px) {
  .attraction__inner {
    width: 100%;
  }
}

.attraction__title {
  position: absolute;
  z-index: 1;
  top: 50px;
  right: 10px;
  color: #a69463;
  font-size: 40px;
}

@media screen and (max-width: 750px) {
  .attraction__title {
    position: static;
    margin-bottom: 2.66667vw;
    text-align: center;
    font-size: 5.86667vw;
  }
}

.attraction-slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* .attraction-slide:before,
.attraction-slide:after {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 48px;
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
} */

@media screen and (max-width: 750px) {
  /* .attraction-slide:before,
  .attraction-slide:after {
    top: auto;
    bottom: -10.66667vw;
    width: 3.33333vw;
    height: 6.4vw;
    -webkit-transform: none;
    transform: none;
  } */
  .attraction__inner .slick-next {
    right: 5px !important;
  }
  .attraction__inner .slick-prev {
    z-index: 1;
    left: 5px !important;
  }
}

/* .attraction-slide:before {
  left: -64px;
  background-image: url(../../img/common/icon_arrow_left_gold.png);
} */
/* 
@media screen and (max-width: 750px) {
  .attraction-slide:before {
    left: 45%;
  }
} */

/* .attraction-slide:after {
  right: -64px;
  background-image: url(../../img/common/icon_arrow_right_gold.png);
} */

/* @media screen and (max-width: 750px) {
  .attraction-slide:after {
    right: 45%;
  }
} */

@media screen and (max-width: 750px) {
  .attraction-slide__frame-img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
  }
}

.attraction-slide__inner {
  position: absolute;
  right: 10px;
  bottom: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 49px 49px;
  width: 678px;
  background-color: #fff;
  -webkit-box-shadow: 3px 0 14px -10px #000000;
  box-shadow: 3px 0 14px -10px #000000;
}

@media screen and (max-width: 750px) {
  .attraction-slide__inner {
    position: static;
    margin-right: auto;
    margin-left: auto;
    padding: 5.33333vw 6.53333vw 6.53333vw;
    width: 80%;
    -webkit-box-shadow: 0 0 1.86667vw -1.33333vw #000000;
    box-shadow: 0 0 1.86667vw -1.33333vw #000000;
  }
}

.attraction-slide__inner-title {
  margin-bottom: 20px;
  font-size: 24px;
}

.attraction-slide__inner-title .big-txt{
  font-size:36px;
}

@media screen and (max-width: 750px) {
  .attraction-slide__inner-title {
    margin-bottom: 2.66667vw;
    text-align: center;
    font-size: 4.4vw;
  }
  .attraction-slide__inner-title .big-txt {
    display: block;
    font-size: 28px;
  }
}

.attraction-slide__inner-txt {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 1.8;
}

@media screen and (max-width: 750px) {
  .attraction-slide__inner-txt {
    margin-bottom: 4vw;
    font-size: 3.46667vw;
  }
}

/*  index-link
--------------------------------------------- */

.index-link-block {
  padding-top: 250px;
  padding-bottom: 250px;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 750px) {
  .index-link-block {
    padding-top: 26.66667vw;
    padding-bottom: 26.66667vw;
  }
}

.index-link-block--stay {
  background-image: url(../../img/common/bg_stay.jpg);
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 750px) {
  .index-link-block--stay {
    background-image: url(../../img/common/bg_sp_stay.jpg);
  }
}

.index-link-block--restaurant {
  background-image: url(../../img/common/bg_restaurant.jpg);
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 750px) {
  .index-link-block--restaurant {
    background-image: url(../../img/common/bg_sp_restaurant.jpg);
  }
}

.index-link-block--breakfast {
  background-image: url(../../img/common/bg_breakfast.jpg);
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 750px) {
  .index-link-block--breakfast {
    background-image: url(../../img/common/bg_sp_breakfast.jpg);
  }
}
.index-link-block--banquet {
  background-image: url(../../img/common/bg_banquet.jpg);
  border-bottom: 1px solid #fff;
}

@media screen and (max-width: 750px) {
  .index-link-block--banquet {
    background-image: url(../../img/common/bg_sp_banquet.jpg);
  }
}

.index-link-block__frame {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  width: 859px;
  border: 2px solid rgba(255, 255, 255, 0.7);
}

@media screen and (max-width: 750px) {
  .index-link-block__frame {
    width: 80%;
    border-width: 0.26667vw;
  }
}

.index-link-block__frame-inner {
  margin: 5px;
  padding-top: 85px;
  padding-bottom: 50px;
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
}

@media screen and (max-width: 750px) {
  .index-link-block__frame-inner {
    margin: 0.66667vw;
    padding-top: 10.66667vw;
    padding-bottom: 6.66667vw;
  }
}

.index-link-block__title {
  position: relative;
  margin-bottom: 60px;
  color: #9a8344;
  text-align: center;
  font-size: 50px;
}

@media screen and (max-width: 750px) {
  .index-link-block__title {
    margin-bottom: 8vw;
    font-size: 6.66667vw;
  }
}

.index-link-block__title:after {
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 126px;
  height: 21px;
  background: url(../../img/common/img_head_logo_top.png) 0 0 no-repeat;
  background-size: 100%;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
  .index-link-block__title:after {
    bottom: -2.66667vw;
    width: 16.8vw;
    height: 2.8vw;
  }
}

.index-link-block__link {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 50px;
  padding: 6px 56px;
  border: 1px solid #6d6346;
  color: #6d6346 !important;
  font-size: 14px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.index-link-block__link:hover {
  opacity: 0.8;
}

.ios .index-link-block__link:hover,
.android .index-link-block__link:hover {
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .index-link-block__link {
    margin-bottom: 4vw;
    padding: 0.8vw 7.46667vw;
    font-size: 3.46667vw;
  }
}

.index-link-block__detail-link {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.index-link-block__detail-link:hover {
  opacity: 0.8;
}

.ios .index-link-block__detail-link:hover,
.android .index-link-block__detail-link:hover {
  opacity: 1;
}

.index-link-block__list-item-txt {
  color: #b69d59;
  font-weight: bold;
  font-size: 120%;
  display: block;
  margin-top: 0.3em;
}

.index-link-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

@media screen and (max-width: 750px) {
  .index-link-block__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.index-link-block__list-item {
  padding-right: 12px;
  padding-left: 12px;
  border-right: 1px solid #6d6346;
  color: #6d6346;
  font-size: 14px;
}

@media screen and (max-width: 750px) {
  .index-link-block__list-item {
    margin-right: 0;
    margin-bottom: 2.66667vw;
    margin-left: 0;
    padding-right: 1.6vw;
    padding-left: 1.6vw;
    width: 40%;
    border-right: none;
    border-left: 1px solid #6d6346;
    font-size: 3.73333vw;
  }
}

.index-link-block__list-item:first-child {
  border-left: 1px solid #6d6346;
}

@media screen and (max-width: 750px) {
  .index-link-block__list-item:nth-of-type(2n) {
    border-right: 1px solid #6d6346;
  }
}

@media screen and (max-width: 750px) {
  .index-link-block__list-item:last-of-type {
    border-right: 1px solid #6d6346;
  }
}

.index-link-block__list-item a {
  display: block;
}

.index-link-block__list-item--logo {
  border: none;
}

@media screen and (max-width: 750px) {
  .index-link-block__list-item--logo {
    width: 50%;
  }
}

.index-link-block__list-item--logo:first-child {
  border: none;
}
@media screen and (max-width: 750px) {
  .index-link-block__list-item--logo:first-child {
    border-left: none;
    border-bottom: 1px solid #6d6346;
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 750px) {
  .index-link-block__list-item--logo:nth-of-type(2n) {
    border-right: none;
    border-bottom: 1px solid #6d6346;
    padding-bottom: 8px;
  }
}

@media screen and (max-width: 750px) {
  .index-link-block__list-item--logo:last-of-type {
    border-right: none;
    border-bottom: 1px solid #6d6346;
    padding-bottom: 8px;
  }
}

@media screen and (max-width: 750px) {
  .index-link-block__list-item-img {
    width: 90%;
  }
}

/*  wedding-link
--------------------------------------------- */

.wedding-link {
  position: relative;
  height: 768px;
  background: url(../../img/common/bg_wedding.jpg) top center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 750px) {
  .wedding-link {
    height: 102.4vw;
    background-image: url(../../img/common/bg_sp_wedding.jpg);
  }
}

@media screen and (max-width: 750px) {
  .wedding-link:before,
  .wedding-link:after {
    height: 4.13333vw;
    background-size: cover;
  }
}

.wedding-link:before {
  top: -5px;
}

@media screen and (max-width: 750px) {
  .wedding-link:before {
    top: -0.66667vw;
  }
}

.wedding-link:after {
  bottom: -5px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media screen and (max-width: 750px) {
  .wedding-link:after {
    bottom: -0.66667vw;
  }
}

.wedding-link__inner {
  position: absolute;
  top: 105px;
  left: 60%;
  width: 600px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .wedding-link__inner {
    top: 14vw;
    left: 40%;
    width: 70%;
  }
}

.wedding-link__logo {
  margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
  .wedding-link__logo {
    margin-bottom: 1.33333vw;
  }
}

.wedding-link__lead {
  margin-bottom: 45px;
  font-size: 54px;
}

@media screen and (max-width: 750px) {
  .wedding-link__lead {
    margin-bottom: 6vw;
    font-size: 6vw;
  }
}

.wedding-link__btn {
  position: relative;
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .wedding-link__btn {
    position: absolute;
    top: 69.33333vw;
    left: -5.33333vw;
  }
}

@media screen and (max-width: 750px) {
  .wedding-link__btn:before {
    top: -4.53333vw;
    left: -3.33333vw;
    width: 12.53333vw;
    height: 15.6vw;
  }
}

/* plan box
--------------------------------------------- */
.plan_box {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  padding: 2rem 0;
}

/*  info
--------------------------------------------- */

.info {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 750px) {
  .info {
    padding-top: 10.66667vw;
    padding-bottom: 10.66667vw;
  }
}

.info__list {
  margin-right: auto;
  margin-left: auto;
  padding-left: 50px;
  width: 800px;
}

@media screen and (max-width: 750px) {
  .info__list {
    padding-left: 6.66667vw;
    width: 100%;
  }
}

.info__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: center;
  margin-bottom: 16px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.info__list-item a {
  width: 100%;
}

@media screen and (max-width: 750px) {
  .info__list-item {
    margin-bottom: 2.13333vw;
  }
}

.info__link {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.info__link:hover {
  opacity: 0.8;
}

.ios .info__link:hover,
.android .info__link:hover {
  opacity: 1;
}

.info__list-date {
  vertical-align: top;
  margin-right: 12px;
  font-size: 13px;
  display: inline-block;
  min-width: 8%;
}

@media screen and (max-width: 750px) {
  .info__list-date {
    display: block;
    margin-right: 1.6vw;
    margin-bottom: 1.33333vw;
    font-size: 2.4vw;
  }
}

.info__list-label {
  display: inline-block;
  vertical-align: top;
  margin-right: 13px;
  padding: 2px 8px;
  background-color: #335a68;
  color: #fff;
  font-size: 12px;
  min-width: 10%;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .info__list-label {
    margin-right: 1.73333vw;
    padding: 0.26667vw 1.06667vw;
    font-size: 2.26667vw;
    min-width: 21%;
  }
}

.info__list-txt {
  font-size: 15px;
  width: 60%;
  display: inline-block;
}

@media screen and (max-width: 750px) {
  .info__list-txt {
    font-size: 2.66667vw;
  }
}

/*  insta-cnotent
--------------------------------------------- */

.insta-cnotent {
  padding-bottom: 100px;
  background: url(https://art-morioka.com/wp-content/uploads/2019/10/bg_greeting.jpg) top center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 750px) {
  .insta-cnotent {
    height: auto;
    background-image: url(../../img/common/bg_sp_greeting.jpg);
  }
}

.insta-cnotent__inner {
  margin-right: auto;
  margin-left: auto;
  padding-top: 150px;
  width: 1050px;
  color: #fff;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .insta-cnotent__inner {
    display: block;
    padding-top: 9.33333vw;
    padding-bottom: 2.66667vw;
    width: 100%;
  }
}

.insta-cnotent__left {
  text-align: center;
}

.insta-cnotent__lead {
  margin-bottom: 40px;
  font-size: 34px;
  color: #9a8344;
  padding: 10px 0;
  border: 2px solid #9a8344;
  background-color: rgb(255, 255, 255, 0.8);
}

@media screen and (max-width: 750px) {
  .insta-cnotent__lead {
    margin-bottom: 4vw;
    font-size: 6.66667vw;
  }
}

.insta-cnotent__txt {
  margin-bottom: 40px;
  padding: 20px;
  font-size: 14px;
  text-align: left;
  line-height: 2.2;
  background-color: rgb(255, 255, 255, 0.8);
  color: #010101;
  box-sizing: border-box;
}

.insta-cnotent__ttl {
  border-top: 4px double #9a8344;
}

.insta-cnotent__profile_msg {
  color: #9a8344;
  font-size: 28px;
}

.insta-cnotent__msgBox {
  overflow-y: scroll;
  max-height: 250px;
  min-height: 200px;
  padding: 20px;
  font-size: 16px;
}

.insta-cnotent_img li {
  display: inline-block;
  margin-right: 10px;
  width: 32.3%;
}

.insta-cnotent_img li img {
  width: 100%;
}

.insta-cnotent_img li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 750px) {
  .insta-cnotent__txt {
    margin-bottom: 4vw;
    letter-spacing: 0.1em;
    font-size: 3.46667vw;
  }
}

.insta-cnotent__link {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 56px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 14px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.insta-cnotent__link:hover {
  opacity: 0.8;
}

.ios .insta-cnotent__link:hover,
.android .insta-cnotent__link:hover {
  opacity: 1;
}

@media screen and (max-width: 750px) {
  .insta-cnotent__link {
    padding: 0.8vw 7.46667vw;
    font-size: 3.46667vw;
  }
}

.insta-cnotent__right {
  padding-top: 55px;
  width: 440px;
}

@media screen and (max-width: 750px) {
  .insta-cnotent__right {
    margin-right: auto;
    margin-left: auto;
    padding-top: 6.66667vw;
    width: 90%;
  }
}

.insta-cnotent__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.insta-cnotent__list-item {
  margin-right: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
  .insta-cnotent__list-item {
    margin-right: 2.66667vw;
    margin-bottom: 2.66667vw;
    width: 28vw;
  }
}

.insta-cnotent__list-item:nth-of-type(3n) {
  margin-right: 0;
}

@media screen and (max-width: 750px) {
  .insta-cnotent__list-item img {
    max-width: auto;
    width: 100%;
  }
}

/*  greeting
--------------------------------------------- */

@media screen and (max-width: 750px) {
  .greeting-img {
    width: 70%;
  }
}

/* ---------------------------------------------
*   wedding
--------------------------------------------- */

/*  wedding-keyvisual
--------------------------------------------- */

.wedding-keyvisual__img {
  width: 100%;
}

/*  wedding-content
--------------------------------------------- */

.wedding-content {
  position: relative;
  margin-top: -15px;
  padding-top: 130px;
  background: url(../../img/common/bg_wedding_01.png) top center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 750px) {
  .wedding-content {
    margin-top: -1.33333vw;
    padding-top: 6.66667vw;
    /* padding-bottom: 33.33333vw; */
  }
  .sp-mb150 {
    margin-bottom: 150px !important;
  }
}

.wedding-content__inner {
  text-align: center;
}

.wedding-content__heading {
  letter-spacing: 0.4em;
  font-size: 45px;
  line-height: 1.2;
}

@media screen and (max-width: 750px) {
  .wedding-content__heading {
    margin-bottom: 2.66667vw;
    font-size: 6vw;
  }
}

.wedding-content__heading--red {
  position: relative;
  top: 10px;
  color: #de0303;
  font-size: 88px;
}

@media screen and (max-width: 750px) {
  .wedding-content__heading--red {
    position: static;
    font-size: 10.4vw;
  }
}

.wedding-content__heading--medium {
  font-size: 60px;
}

@media screen and (max-width: 750px) {
  .wedding-content__heading--medium {
    font-size: 7.33333vw;
  }
}

.wedding-content__img {
  margin-bottom: 30px;
}

@media screen and (max-width: 750px) {
  .wedding-content__img {
    margin-right: auto;
    margin-bottom: 4vw;
    margin-left: auto;
    width: 60%;
  }
}

.wedding-content__sub-lead {
  font-size: 22px;
}

@media screen and (max-width: 750px) {
  .wedding-content__sub-lead {
    font-size: 3.2vw;
  }
}

.wedding-content__lead {
  font-size: 32px;
}

@media screen and (max-width: 750px) {
  .wedding-content__lead {
    font-size: 4.53333vw;
  }
}

/*  wedding-pickup
--------------------------------------------- */

.wedding-pickup {
  padding-bottom: 140px;
  background-color: #fff;
}

@media screen and (max-width: 750px) {
  .wedding-pickup {
    padding-bottom: 13.33333vw;
  }
}

.wedding-pickup__inner {
  padding-left: 1em;
  padding-right: 1em;
}

.wedding-pickup--rotate {
  margin-top: -100px;
  padding-top: 100px;
  -webkit-transform: skew(0deg, 6deg);
  transform: skew(0deg, 6deg);
}

@media screen and (max-width: 750px) {
  .wedding-pickup--rotate {
    margin-top: -10.66667vw;
    padding-top: 10.66667vw;
  }
}

.wedding-pickup__inner--rotate {
  -webkit-transform: skew(0deg, -6deg);
  transform: skew(0deg, -6deg);
}

.wedding-pickup__head {
  position: relative;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 0.07em;
  font-size: 32px;
  font-family: 'Gabriela', serif;
}

@media screen and (max-width: 750px) {
  .wedding-pickup__head {
    margin-bottom: 1.33333vw;
    font-size: 5.06667vw;
  }
}

.wedding-pickup__head:before {
  position: absolute;
  top: -180px;
  left: 50%;
  z-index: -1;
  width: 236px;
  height: 254px;
  background: url(https://art-morioka.com/wp-content/uploads/2021/07/2657951.png) 0 0 no-repeat;
  background-size: contain;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
  .wedding-pickup__head:before {
    top: -24vw;
    width: 31.46667vw;
    height: 33.86667vw;
  }
}

.wedding-pickup__sub-head {
  margin-bottom: 100px;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .wedding-pickup__sub-head {
    margin-bottom: 6.66667vw;
    font-size: 2.66667vw;
  }
}

.wedding-pickup-slide {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  margin-right: auto;
  margin-left: auto;
  width: 1040px;
  -webkit-box-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media screen and (max-width: 750px) {
  .wedding-pickup-slide {
    overflow: auto;
    width: 90%;
  }
}

.wedding-pickup-slide:before,
.wedding-pickup-slide:after {
  position: absolute;
  top: 155px;
  width: 15px;
  height: 28px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
  cursor: pointer;
}

@media screen and (max-width: 750px) {
  .wedding-pickup-slide:before,
  .wedding-pickup-slide:after {
    top: 12vw;
    width: 2vw;
    height: 3.73333vw;
  }
}

.wedding-pickup-slide:before {
  left: -35px;
  background-image: url(../../img/common/icon_arrow_left.png);
}

@media screen and (max-width: 750px) {
  .wedding-pickup-slide:before {
    left: -2.66667vw;
  }
}

.wedding-pickup-slide:after {
  right: -35px;
  background-image: url(../../img/common/icon_arrow_right.png);
}

@media screen and (max-width: 750px) {
  .wedding-pickup-slide:after {
    right: -2.66667vw;
  }
}

@media screen and (max-width: 750px) {
  .wedding-pickup-slide {
    width: 90%;
  }
}

.wedding-pickup-slide__frame {
  margin-right: 14px;
  width: 338px;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

@media screen and (max-width: 750px) {
  .wedding-pickup-slide__frame {
    margin-right: 1.86667vw;
    width: 40vw;
  }
}

.wedding-pickup-slide__link {
  display: block;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.wedding-pickup-slide__link:hover {
  opacity: 0.8;
}

.ios .wedding-pickup-slide__link:hover,
.android .wedding-pickup-slide__link:hover {
  opacity: 1;
}

.wedding-pickup-slide__inner {
  text-align: left;
}

.wedding-pickup-slide__thumb {
  margin-bottom: 10px;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .wedding-pickup-slide__thumb {
    margin-bottom: 1.33333vw;
  }
}

.wedding-pickup-slide__txt {
  font-size: 12px;
}

@media screen and (max-width: 750px) {
  .wedding-pickup-slide__txt {
    font-size: 2.4vw;
  }
}

/*	wedding-access
--------------------------------------------- */

.wedding-access {
  position: relative;
  margin-bottom: 40px;
  padding-top: 80px;
  padding-bottom: 290px;
  background: url(../../img/common/bg_wedding_color.png) top center no-repeat;
  background-size: 100% 100%;
}

@media screen and (max-width: 750px) {
  .wedding-access {
    margin-bottom: 2vw;
    padding-top: 13.33333vw;
    padding-bottom: 33.33333vw;
    background-size: cover;
  }
}

.wedding-access__head {
  position: relative;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 0.07em;
  font-size: 32px;
  font-family: 'Gabriela', serif;
}

@media screen and (max-width: 750px) {
  .wedding-access__head {
    margin-bottom: 1.33333vw;
    font-size: 5.06667vw;
  }
}

.wedding-access__head:before,
.wedding-access__head:after {
  position: absolute;
  top: -35px;
  width: 67px;
  height: 133px;
  background-position: 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}

@media screen and (max-width: 750px) {
  .wedding-access__head:before,
  .wedding-access__head:after {
    top: -4.66667vw;
    width: 8.93333vw;
    height: 17.73333vw;
  }
}

.wedding-access__head:before {
  left: 50%;
  background-image: url(https://art-morioka.com/wp-content/uploads/2021/07/2657951.png);
  -webkit-transform: translateX(-130px);
  transform: translateX(-130px);
}

@media screen and (max-width: 750px) {
  .wedding-access__head:before {
    -webkit-transform: translateX(-17.33333vw);
    transform: translateX(-17.33333vw);
  }
}

.wedding-access__head:after {
  right: 50%;
  background-image: url(https://art-morioka.com/wp-content/uploads/2021/07/2657951.png);
  -webkit-transform: translateX(130px);
  transform: translateX(130px);
}

@media screen and (max-width: 750px) {
  .wedding-access__head:after {
    -webkit-transform: translateX(17.33333vw);
    transform: translateX(17.33333vw);
  }
}

.wedding-access__sub-head {
  margin-bottom: 180px;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .wedding-access__sub-head {
    margin-bottom: 13.33333vw;
    font-size: 2.66667vw;
  }
}

.wedding-access__body {
  margin-right: auto;
  margin-left: auto;
  width: 1140px;
}

@media screen and (max-width: 750px) {
  .wedding-access__body {
    width: 90%;
  }
}

.wedding-access__body-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 750px) {
  .wedding-access__body-inner {
    display: block;
  }
}

.wedding-access__inner-left {
  margin-right: 30px;
}

@media screen and (max-width: 750px) {
  .wedding-access__inner-left {
    margin-right: 0;
    margin-bottom: 4vw;
  }
}

.wedding-access__inner-right {
  width: 470px;
}

@media screen and (max-width: 750px) {
  .wedding-access__inner-right {
    width: 100%;
  }
}

.wedding-access__info {
  margin-bottom: 15px;
  letter-spacing: 0.15em;
}

@media screen and (max-width: 750px) {
  .wedding-access__info {
    margin-bottom: 2vw;
  }
}

.wedding-access__address {
  font-size: 20px;
}

@media screen and (max-width: 750px) {
  .wedding-access__address {
    font-size: 3.2vw;
  }
}

.wedding-access__tel {
  font-size: 24px;
}

@media screen and (max-width: 750px) {
  .wedding-access__tel {
    font-size: 3.73333vw;
  }
}

.wedding-access__fax {
  font-size: 24px;
}

@media screen and (max-width: 750px) {
  .wedding-access__fax {
    font-size: 3.73333vw;
  }
}

.wedding-access__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 10px;
  padding-right: 35px;
  padding-bottom: 10px;
  padding-left: 3px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .wedding-access__list-item {
    padding-top: 1.33333vw;
    padding-right: 4vw;
    padding-bottom: 1.33333vw;
    padding-left: 1.33333vw;
  }
}

.wedding-access__place {
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .wedding-access__place {
    font-size: 2.66667vw;
  }
}

.wedding-access__time {
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .wedding-access__time {
    font-size: 2.66667vw;
  }
}

/*  wedding-info
--------------------------------------------- */

.wedding-info {
  position: relative;
  padding-bottom: 10px;
}

@media screen and (max-width: 750px) {
  .wedding-info {
    padding-bottom: 1.33333vw;
  }
}

/* .wedding-info:after {
    position: absolute;
    bottom: -102px;
    left: 0;
    width: 100%;
    height: 112px;
    background: url(../../img/common/bg_wedding_lace.png) top center repeat-x;
    background-size: contain;
    content: "";
} */

@media screen and (max-width: 750px) {
  .wedding-info:after {
    bottom: -13.6vw;
    height: 14.93333vw;
  }
}

.wedding-info--nbg:after {
  content: none;
}

.wedding-info__head {
  position: relative;
  z-index: 0;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 0.07em;
  font-size: 32px;
  font-family: 'Gabriela', serif;
}

@media screen and (max-width: 750px) {
  .wedding-info__head {
    margin-bottom: 1.33333vw;
    font-size: 5.06667vw;
  }
}

.wedding-info__head:before {
  position: absolute;
  top: -175px;
  left: 50%;
  z-index: -1;
  width: 272px;
  height: 254px;
  background: url(https://art-morioka.com/wp-content/uploads/2021/07/2657951.png) top center no-repeat;
  background-size: contain;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
  .wedding-info__head:before {
    top: -23.33333vw;
    width: 36.26667vw;
    height: 33.86667vw;
  }
}

.wedding-info__sub-head {
  position: relative;
  margin-bottom: 100px;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .wedding-info__sub-head {
    margin-bottom: 13.33333vw;
    font-size: 2.66667vw;
  }
}

.wedding-info__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  max-width: 1920px;
  -webkit-box-align: center;
  align-items: center;
}

@media screen and (max-width: 750px) {
  .wedding-info__list {
    display: block;
  }
}

.wedding-info__body {
  /* background-color: #ededed; */
  padding: 40px 0 10px 0;
}

.wedding-info__list-item {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
}

@media screen and (max-width: 750px) {
  .wedding-info__list-item {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
  }
}

.wedding-info__list-item-img {
  width: 100%;
}

.wedding-info__link {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 314px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 600px) {
  .wedding-info__link {
    width: 400px;
  }
}
.wedding-info__link:hover {
  opacity: 0.8;
}

.ios .wedding-info__link:hover,
.android .wedding-info__link:hover {
  opacity: 1;
}

.wedding-info__list-inner {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 750px) {
  .wedding-info__list-inner {
    padding: 1.33333vw;
    max-width: 50%;
  }
}

.wedding-info__list-inner-txt {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 50px;
  padding-bottom: 50px;
  max-width: 294px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 32px;
}

.wedding-info__list-inner-txt.ls1 {
  letter-spacing: -1.0px;
}

@media screen and (max-width: 750px) {
  .wedding-info__list-inner-txt {
    padding-top: 6.66667vw;
    padding-bottom: 6.66667vw;
    max-width: 100%;
    font-size: 5.06667vw;
  }
}

/*  wedding-plan
--------------------------------------------- */

.wedding-plan {
  padding-top: 240px;
  background: url(../../img/common/bg_wedding_02.png) top center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 750px) {
  .wedding-plan {
    padding-top: 36vw;
  }
}

.wedding-plan__head {
  position: relative;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 0.07em;
  font-size: 32px;
  font-family: 'Gabriela', serif;
}

@media screen and (max-width: 750px) {
  .wedding-plan__head {
    margin-bottom: 1.33333vw;
    font-size: 5.06667vw;
  }
}

.wedding-plan__head:before {
  position: absolute;
  top: -180px;
  left: 50%;
  z-index: -1;
  width: 236px;
  height: 254px;
  background: url(https://art-morioka.com/wp-content/uploads/2021/07/2657951.png) 0 0 no-repeat;
  background-size: contain;
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 100;
}

@media screen and (max-width: 750px) {
  .wedding-plan__head:before {
    position: absolute;
    top: -180px;
    left: 50%;
    z-index: 1;
    width: 236px;
    height: 254px;
    background: url(https://art-morioka.com/wp-content/uploads/2021/07/2657951.png) 0 0 no-repeat;
    background-size: contain;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

/* .wedding-plan__head:before {
    left: 50%;
    background-image: url(../../img/common/img_flower_04-1.png);
    -webkit-transform: translateX(-210px);
    transform: translateX(-210px);
} */

@media screen and (max-width: 750px) {
  .wedding-plan__head:before {
    top: -24vw;
    width: 31.46667vw;
    height: 33.86667vw;
  }
}

/* .wedding-plan__head:after {
    right: 50%;
    background-image: url(../../img/common/img_flower_04-2.png);
    -webkit-transform: translateX(210px);
    transform: translateX(210px);
} */

@media screen and (max-width: 750px) {
  .wedding-plan__head:after {
    -webkit-transform: translateX(30.66667vw);
    transform: translateX(30.66667vw);
  }
}

.wedding-plan__sub-head {
  position: relative;
  margin-bottom: 100px;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 16px;
}

@media screen and (max-width: 750px) {
  .wedding-plan__sub-head {
    margin-bottom: 13.33333vw;
    font-size: 2.66667vw;
  }
}

.wedding-plan__body {
  margin-right: auto;
  margin-left: auto;
  width: 1130px;
}

@media screen and (max-width: 750px) {
  .wedding-plan__body {
    width: 95%;
  }
}

.wedding-plan__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 750px) {
  .wedding-plan__list {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
}

.wedding-plan__list-item {
  margin-right: 24px;
  margin-bottom: 65px;
  text-align: center;
  max-width: 360px;
}

@media screen and (max-width: 750px) {
  .wedding-plan__list-item {
    margin-right: 0;
    margin-bottom: 4vw;
    width: 48%;
  }
}

.wedding-plan__list-item:nth-of-type(3n) {
  margin-right: 0;
}

.wedding-plan__link {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.wedding-plan__link:hover {
  opacity: 0.8;
}

.ios .wedding-plan__link:hover,
.android .wedding-plan__link:hover {
  opacity: 1;
}

.wedding-plan__list-img {
  margin-bottom: 10px;
}

@media screen and (max-width: 750px) {
  .wedding-plan__list-img {
    margin-bottom: 1.33333vw;
  }
}

.wedding-plan__list-txt {
  font-size: 18px;
}

@media screen and (max-width: 750px) {
  .wedding-plan__list-txt {
    font-size: 3.2vw;
  }
}

.wedding-plan__list-sub-txt {
  font-size: 15px;
  line-height: 1.8;
}

@media screen and (max-width: 750px) {
  .wedding-plan__list-sub-txt {
    font-size: 2.66667vw;
  }
}

.wedding-plan__body lbox {
  width: 60%;
  float: left;
  margin-bottom: 3em;
}

.wedding-plan__body rbox {
  width: 36%;
  float: right;
  margin-bottom: 3em;
}

@media screen and (max-width: 750px) {
  .wedding-plan__body lbox,
  rbox {
    width: 100%;
    float: none;
  }
}

/*  wedding-report
--------------------------------------------- */

.wedding-report__body {
  margin-right: auto;
  margin-left: auto;
  width: 1130px;
}

@media screen and (max-width: 750px) {
  .wedding-report__body {
    width: 95%;
  }
}

.wedding-report__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 750px) {
  .wedding-report__list {
    gap: 12px;
  }
}

.wedding-report__list-item {
  width: calc((100% - 48px) / 3);
}
@media screen and (max-width: 750px) {
  .wedding-report__list-item {
      width: calc((100% - 12px) / 2);
    }
}

.wedding-report__link .link-image-box {
  display: block;
  position: relative;
  overflow: hidden;
}

.wedding-report__link .link-image-box img {
  object-fit: cover;
  aspect-ratio: 1.5 / 1;
  transition: all 400ms;

}

.wedding-report__link:hover .link-image-box img {
  filter: brightness(160%) blur(12px);
  
}

.wedding-report__list-box {
  /* opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
  width: 100%;
  padding: 1rem;
  transition: all 400ms; */
}

.wedding-report__list-title {
  font-size: 18px;
  margin-bottom: 0;
  /* position: relative;
  padding-bottom: 0.4rem; */
}
@media screen and (max-width: 750px) {
  .wedding-report__list-title {
    font-size: 14px;
  }
}

.wedding-report__list-title::after {
  /* content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 150px;
  height: 1px;
  background-color: #000; */
}

.wedding-report__list-date {
  /* padding-top: 0.5rem; */
  margin: 6px 0;
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .wedding-report__list-date {
    font-size: 12px;
  }
}

.wedding-report__link:hover .wedding-report__list-box {
  opacity: 1;
}

/*  wedding-insta
--------------------------------------------- */

.wedding-insta {
  padding-top: 35px;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .wedding-insta {
    padding-top: 4.66667vw;
  }
}

.wedding-insta__head {
  margin-bottom: 35px;
}

@media screen and (max-width: 750px) {
  .wedding-insta__head {
    margin-bottom: 4.66667vw;
  }
}

.wedding-insta__body-img {
  width: 100%;
}

/* ==========================================================
*
*   page
*
========================================================== */

/* ---------------------------------------------
*   Index Page
--------------------------------------------- */

/* ==========================================================
*
*   utility
*
========================================================== */

/* ---------------------------------------------
*   margin-top
--------------------------------------------- */

.mgt-pc--0 {
  margin-top: 0 !important;
}

.mgt-pc--5 {
  margin-top: 5px !important;
}

.mgt-pc--10 {
  margin-top: 10px !important;
}

.mgt-pc--15 {
  margin-top: 15px !important;
}

.mgt-pc--20 {
  margin-top: 20px !important;
}

.mgt-pc--25 {
  margin-top: 25px !important;
}

.mgt-pc--30 {
  margin-top: 30px !important;
}

.mgt-pc--35 {
  margin-top: 35px !important;
}

.mgt-pc--40 {
  margin-top: 40px !important;
}

.mgt-pc--45 {
  margin-top: 45px !important;
}

.mgt-pc--50 {
  margin-top: 50px !important;
}

.mgt-pc--55 {
  margin-top: 55px !important;
}

.mgt-pc--60 {
  margin-top: 60px !important;
}

.mgt-pc--65 {
  margin-top: 65px !important;
}

.mgt-pc--70 {
  margin-top: 70px !important;
}

.mgt-pc--75 {
  margin-top: 75px !important;
}

.mgt-pc--80 {
  margin-top: 80px !important;
}

.mgt-pc--85 {
  margin-top: 85px !important;
}

.mgt-pc--90 {
  margin-top: 90px !important;
}

.mgt-pc--95 {
  margin-top: 95px !important;
}

.mgt-pc--100 {
  margin-top: 100px !important;
}

.mgt-pc--105 {
  margin-top: 105px !important;
}

.mgt-pc--110 {
  margin-top: 110px !important;
}

.mgt-pc--115 {
  margin-top: 115px !important;
}

.mgt-pc--120 {
  margin-top: 120px !important;
}

.mgt-pc--125 {
  margin-top: 125px !important;
}

.mgt-pc--130 {
  margin-top: 130px !important;
}

.mgt-pc--135 {
  margin-top: 135px !important;
}

.mgt-pc--140 {
  margin-top: 140px !important;
}

.mgt-pc--145 {
  margin-top: 145px !important;
}

.mgt-pc--150 {
  margin-top: 150px !important;
}

.mgt-pc--155 {
  margin-top: 155px !important;
}

.mgt-pc--160 {
  margin-top: 160px !important;
}

.mgt-pc--165 {
  margin-top: 165px !important;
}

.mgt-pc--170 {
  margin-top: 170px !important;
}

.mgt-pc--175 {
  margin-top: 175px !important;
}

.mgt-pc--180 {
  margin-top: 180px !important;
}

.mgt-pc--185 {
  margin-top: 185px !important;
}

.mgt-pc--190 {
  margin-top: 190px !important;
}

.mgt-pc--195 {
  margin-top: 195px !important;
}

.mgt-pc--200 {
  margin-top: 200px !important;
}

.mgt-pc--205 {
  margin-top: 205px !important;
}

.mgt-pc--210 {
  margin-top: 210px !important;
}

.mgt-pc--215 {
  margin-top: 215px !important;
}

.mgt-pc--220 {
  margin-top: 220px !important;
}

.mgt-pc--225 {
  margin-top: 225px !important;
}

.mgt-pc--230 {
  margin-top: 230px !important;
}

.mgt-pc--235 {
  margin-top: 235px !important;
}

.mgt-pc--240 {
  margin-top: 240px !important;
}

.mgt-pc--245 {
  margin-top: 245px !important;
}

.mgt-pc--250 {
  margin-top: 250px !important;
}

@media screen and (max-width: 750px) {
  .mgt-sp--0 {
    margin-top: 0 !important;
  }
  .mgt-sp--5 {
    margin-top: 0.66667vw !important;
  }
  .mgt-sp--10 {
    margin-top: 1.33333vw !important;
  }
  .mgt-sp--15 {
    margin-top: 2vw !important;
  }
  .mgt-sp--20 {
    margin-top: 2.66667vw !important;
  }
  .mgt-sp--25 {
    margin-top: 3.33333vw !important;
  }
  .mgt-sp--30 {
    margin-top: 4vw !important;
  }
  .mgt-sp--35 {
    margin-top: 4.66667vw !important;
  }
  .mgt-sp--40 {
    margin-top: 5.33333vw !important;
  }
  .mgt-sp--45 {
    margin-top: 6vw !important;
  }
  .mgt-sp--50 {
    margin-top: 6.66667vw !important;
  }
  .mgt-sp--55 {
    margin-top: 7.33333vw !important;
  }
  .mgt-sp--60 {
    margin-top: 8vw !important;
  }
  .mgt-sp--65 {
    margin-top: 8.66667vw !important;
  }
  .mgt-sp--70 {
    margin-top: 9.33333vw !important;
  }
  .mgt-sp--75 {
    margin-top: 10vw !important;
  }
  .mgt-sp--80 {
    margin-top: 10.66667vw !important;
  }
  .mgt-sp--85 {
    margin-top: 11.33333vw !important;
  }
  .mgt-sp--90 {
    margin-top: 12vw !important;
  }
  .mgt-sp--95 {
    margin-top: 12.66667vw !important;
  }
  .mgt-sp--100 {
    margin-top: 13.33333vw !important;
  }
  .mgt-sp--105 {
    margin-top: 14vw !important;
  }
  .mgt-sp--110 {
    margin-top: 14.66667vw !important;
  }
  .mgt-sp--115 {
    margin-top: 15.33333vw !important;
  }
  .mgt-sp--120 {
    margin-top: 16vw !important;
  }
  .mgt-sp--125 {
    margin-top: 16.66667vw !important;
  }
  .mgt-sp--130 {
    margin-top: 17.33333vw !important;
  }
  .mgt-sp--135 {
    margin-top: 18vw !important;
  }
  .mgt-sp--140 {
    margin-top: 18.66667vw !important;
  }
  .mgt-sp--145 {
    margin-top: 19.33333vw !important;
  }
  .mgt-sp--150 {
    margin-top: 20vw !important;
  }
  .mgt-sp--155 {
    margin-top: 20.66667vw !important;
  }
  .mgt-sp--160 {
    margin-top: 21.33333vw !important;
  }
  .mgt-sp--165 {
    margin-top: 22vw !important;
  }
  .mgt-sp--170 {
    margin-top: 22.66667vw !important;
  }
  .mgt-sp--175 {
    margin-top: 23.33333vw !important;
  }
  .mgt-sp--180 {
    margin-top: 24vw !important;
  }
  .mgt-sp--185 {
    margin-top: 24.66667vw !important;
  }
  .mgt-sp--190 {
    margin-top: 25.33333vw !important;
  }
  .mgt-sp--195 {
    margin-top: 26vw !important;
  }
  .mgt-sp--200 {
    margin-top: 26.66667vw !important;
  }
  .mgt-sp--205 {
    margin-top: 27.33333vw !important;
  }
  .mgt-sp--210 {
    margin-top: 28vw !important;
  }
  .mgt-sp--215 {
    margin-top: 28.66667vw !important;
  }
  .mgt-sp--220 {
    margin-top: 29.33333vw !important;
  }
  .mgt-sp--225 {
    margin-top: 30vw !important;
  }
  .mgt-sp--230 {
    margin-top: 30.66667vw !important;
  }
  .mgt-sp--235 {
    margin-top: 31.33333vw !important;
  }
  .mgt-sp--240 {
    margin-top: 32vw !important;
  }
  .mgt-sp--245 {
    margin-top: 32.66667vw !important;
  }
  .mgt-sp--250 {
    margin-top: 33.33333vw !important;
  }
}

/* ---------------------------------------------
*   margin-bottom
--------------------------------------------- */

.mgb-pc--0 {
  margin-bottom: 0 !important;
}

.mgb-pc--5 {
  margin-bottom: 5px !important;
}

.mgb-pc--10 {
  margin-bottom: 10px !important;
}

.mgb-pc--15 {
  margin-bottom: 15px !important;
}

.mgb-pc--20 {
  margin-bottom: 20px !important;
}

.mgb-pc--25 {
  margin-bottom: 25px !important;
}

.mgb-pc--30 {
  margin-bottom: 30px !important;
}

.mgb-pc--35 {
  margin-bottom: 35px !important;
}

.mgb-pc--40 {
  margin-bottom: 40px !important;
}

.mgb-pc--45 {
  margin-bottom: 45px !important;
}

.mgb-pc--50 {
  margin-bottom: 50px !important;
}

.mgb-pc--55 {
  margin-bottom: 55px !important;
}

.mgb-pc--60 {
  margin-bottom: 60px !important;
}

.mgb-pc--65 {
  margin-bottom: 65px !important;
}

.mgb-pc--70 {
  margin-bottom: 70px !important;
}

.mgb-pc--75 {
  margin-bottom: 75px !important;
}

.mgb-pc--80 {
  margin-bottom: 80px !important;
}

.mgb-pc--85 {
  margin-bottom: 85px !important;
}

.mgb-pc--90 {
  margin-bottom: 90px !important;
}

.mgb-pc--95 {
  margin-bottom: 95px !important;
}

.mgb-pc--100 {
  margin-bottom: 100px !important;
}

.mgb-pc--105 {
  margin-bottom: 105px !important;
}

.mgb-pc--110 {
  margin-bottom: 110px !important;
}

.mgb-pc--115 {
  margin-bottom: 115px !important;
}

.mgb-pc--120 {
  margin-bottom: 120px !important;
}

.mgb-pc--125 {
  margin-bottom: 125px !important;
}

.mgb-pc--130 {
  margin-bottom: 130px !important;
}

.mgb-pc--135 {
  margin-bottom: 135px !important;
}

.mgb-pc--140 {
  margin-bottom: 140px !important;
}

.mgb-pc--145 {
  margin-bottom: 145px !important;
}

.mgb-pc--150 {
  margin-bottom: 150px !important;
}

.mgb-pc--155 {
  margin-bottom: 155px !important;
}

.mgb-pc--160 {
  margin-bottom: 160px !important;
}

.mgb-pc--165 {
  margin-bottom: 165px !important;
}

.mgb-pc--170 {
  margin-bottom: 170px !important;
}

.mgb-pc--175 {
  margin-bottom: 175px !important;
}

.mgb-pc--180 {
  margin-bottom: 180px !important;
}

.mgb-pc--185 {
  margin-bottom: 185px !important;
}

.mgb-pc--190 {
  margin-bottom: 190px !important;
}

.mgb-pc--195 {
  margin-bottom: 195px !important;
}

.mgb-pc--200 {
  margin-bottom: 200px !important;
}

.mgb-pc--205 {
  margin-bottom: 205px !important;
}

.mgb-pc--210 {
  margin-bottom: 210px !important;
}

.mgb-pc--215 {
  margin-bottom: 215px !important;
}

.mgb-pc--220 {
  margin-bottom: 220px !important;
}

.mgb-pc--225 {
  margin-bottom: 225px !important;
}

.mgb-pc--230 {
  margin-bottom: 230px !important;
}

.mgb-pc--235 {
  margin-bottom: 235px !important;
}

.mgb-pc--240 {
  margin-bottom: 240px !important;
}

.mgb-pc--245 {
  margin-bottom: 245px !important;
}

.mgb-pc--250 {
  margin-bottom: 250px !important;
}

.pdb-pc--150 {
  padding-bottom: 150px;
}

@media screen and (max-width: 750px) {
  .mgb-sp--0 {
    margin-bottom: 0 !important;
  }
  .mgb-sp--5 {
    margin-bottom: 0.66667vw !important;
  }
  .mgb-sp--10 {
    margin-bottom: 1.33333vw !important;
  }
  .mgb-sp--15 {
    margin-bottom: 2vw !important;
  }
  .mgb-sp--20 {
    margin-bottom: 2.66667vw !important;
  }
  .mgb-sp--25 {
    margin-bottom: 3.33333vw !important;
  }
  .mgb-sp--30 {
    margin-bottom: 4vw !important;
  }
  .mgb-sp--35 {
    margin-bottom: 4.66667vw !important;
  }
  .mgb-sp--40 {
    margin-bottom: 5.33333vw !important;
  }
  .mgb-sp--45 {
    margin-bottom: 6vw !important;
  }
  .mgb-sp--50 {
    margin-bottom: 6.66667vw !important;
  }
  .mgb-sp--55 {
    margin-bottom: 7.33333vw !important;
  }
  .mgb-sp--60 {
    margin-bottom: 8vw !important;
  }
  .mgb-sp--65 {
    margin-bottom: 8.66667vw !important;
  }
  .mgb-sp--70 {
    margin-bottom: 9.33333vw !important;
  }
  .mgb-sp--75 {
    margin-bottom: 10vw !important;
  }
  .mgb-sp--80 {
    margin-bottom: 10.66667vw !important;
  }
  .mgb-sp--85 {
    margin-bottom: 11.33333vw !important;
  }
  .mgb-sp--90 {
    margin-bottom: 12vw !important;
  }
  .mgb-sp--95 {
    margin-bottom: 12.66667vw !important;
  }
  .mgb-sp--100 {
    margin-bottom: 13.33333vw !important;
  }
  .mgb-sp--105 {
    margin-bottom: 14vw !important;
  }
  .mgb-sp--110 {
    margin-bottom: 14.66667vw !important;
  }
  .mgb-sp--115 {
    margin-bottom: 15.33333vw !important;
  }
  .mgb-sp--120 {
    margin-bottom: 16vw !important;
  }
  .mgb-sp--125 {
    margin-bottom: 16.66667vw !important;
  }
  .mgb-sp--130 {
    margin-bottom: 17.33333vw !important;
  }
  .mgb-sp--135 {
    margin-bottom: 18vw !important;
  }
  .mgb-sp--140 {
    margin-bottom: 18.66667vw !important;
  }
  .mgb-sp--145 {
    margin-bottom: 19.33333vw !important;
  }
  .mgb-sp--150 {
    margin-bottom: 20vw !important;
  }
  .mgb-sp--155 {
    margin-bottom: 20.66667vw !important;
  }
  .mgb-sp--160 {
    margin-bottom: 21.33333vw !important;
  }
  .mgb-sp--165 {
    margin-bottom: 22vw !important;
  }
  .mgb-sp--170 {
    margin-bottom: 22.66667vw !important;
  }
  .mgb-sp--175 {
    margin-bottom: 23.33333vw !important;
  }
  .mgb-sp--180 {
    margin-bottom: 24vw !important;
  }
  .mgb-sp--185 {
    margin-bottom: 24.66667vw !important;
  }
  .mgb-sp--190 {
    margin-bottom: 25.33333vw !important;
  }
  .mgb-sp--195 {
    margin-bottom: 26vw !important;
  }
  .mgb-sp--200 {
    margin-bottom: 26.66667vw !important;
  }
  .mgb-sp--205 {
    margin-bottom: 27.33333vw !important;
  }
  .mgb-sp--210 {
    margin-bottom: 28vw !important;
  }
  .mgb-sp--215 {
    margin-bottom: 28.66667vw !important;
  }
  .mgb-sp--220 {
    margin-bottom: 29.33333vw !important;
  }
  .mgb-sp--225 {
    margin-bottom: 30vw !important;
  }
  .mgb-sp--230 {
    margin-bottom: 30.66667vw !important;
  }
  .mgb-sp--235 {
    margin-bottom: 31.33333vw !important;
  }
  .mgb-sp--240 {
    margin-bottom: 32vw !important;
  }
  .mgb-sp--245 {
    margin-bottom: 32.66667vw !important;
  }
  .mgb-sp--250 {
    margin-bottom: 33.33333vw !important;
  }
  .pdb-pc--150 {
    padding-bottom: 20vw;
  }
  .footer-pt {
    padding-top: 18vw;
  }
}

@media screen and (min-width: 751px) {
  .pc-hide {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
  .sp-hide {
    display: none !important;
  }
}

img.fit {
  width: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

.text-inner {
  padding: 16px 20px;
  font-size: 15px;
}
.inner_charges {
  padding: 0 20px;
}
.table_box {
  width: 100%;
}

/* tripla app.css上書き */
.calendar__bottom {
  top: auto;
  bottom: 0;
}

/* wp mailform flatpikr 上書き */
.flatpickr-current-month .numInputWrapper {
  width: 10ch !important;
}

/* チャットボタン位置調整 */
@media screen and (max-width: 750px) {
  #launcher {
    bottom: 18.4vw !important;
  }
}

.wedding-slide {
  padding: 0 40px;
}

@media screen and (max-width: 750px) {
  .wedding-slide {
    padding: 0;
  }
}