@charset "UTF-8";
/* ============================
    reset
============================*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:2010-09-17
Author:Richard Clark - http://richclarkdesign.com 
Twitter:@rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, picture {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: initial;
}

a:active, a:hover {
  outline-width: 0;
}

/* add */
* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
  border: 0;
  border-style: none;
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ul, ol, ul li, ol li {
  list-style: none;
}

/*color*/
/*font-family*/
/*text-shadow*/
/*media query break point*/
/*mainBP*/
/*gHeader用*/
/*innerの片側はみ出し用*/
/*cubic*/
/* media query */
/* ==========================================================
 font size
========================================================== */
html {
  font-size: 62.5%;
}
@media only screen and (max-width: 1080px) {
  html {
    font-size: 0.9267840593vw;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 2.6041666667vw;
  }
}

/* ==========================================================
 base body style
========================================================== */
body {
  color: #595757;
  font-family: YakuHanMP, "EB Garamond", "Hiragino Mincho W4 JIS2004", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-weight: 400;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1.6;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 1.4rem;
  }
  body.js-nav-open {
    overflow: hidden;
  }
}

/* ==========================================================
 main body style
========================================================== */
main {
  color: #5d685f;
  letter-spacing: 0.1em;
  overflow-x: hidden;
}

/* ==========================================================
 slideIn anime
========================================================== */
/* ==========================================================
 other resets
========================================================== */
i,
em {
  font-style: normal;
}

i {
  display: inline-block;
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #be9360;
  z-index: 11;
}
.l-header__inner {
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-inline: auto;
  height: 6.7rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .l-header__inner {
    position: relative;
    width: 100%;
    padding: 0 5%;
    background-color: #fff;
    height: 7rem;
    align-items: center;
    z-index: 1;
  }
}
.l-header__logo img {
  height: 3rem;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .l-header__logo img {
    height: 2.2rem;
  }
}
.l-header__btns {
  display: flex;
  gap: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .l-header__btns {
    display: none;
  }
}
.l-header__btns a {
  padding: 1.2rem 1.5rem;
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}
.l-header__btns__outline, .l-header__btns__map {
  border: 1px solid #be9161;
  color: #be9161;
  transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .l-header__btns__outline:hover:hover, .l-header__btns__map:hover:hover {
    background-color: #be9161;
    color: #fff;
  }
}
.l-header__btns__request {
  position: relative;
  background-color: #be9161;
  color: #fff;
  border: 1px solid #be9161;
  transition: 0.3s;
}
.l-header__btns__request .blankwin {
  position: relative;
  width: 1.1em;
  height: 0.8em;
  border: 1px solid currentColor;
}
.l-header__btns__request .blankwin:after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  width: 100%;
  height: 100%;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
}
.l-header__btns__request .update {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-70%);
  font-size: 1rem;
  background-color: #7c0d22;
  padding: 0.2rem 1rem;
  border-radius: 2rem;
}
@media (hover: hover) and (pointer: fine) {
  .l-header__btns__request:hover:hover {
    background-color: #fff;
    color: #be9161;
  }
}
.l-header__btns__request.aka {
  background-color: #7c0d22;
  border: 1px solid #7c0d22;
}
.l-header__openMenu {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  cursor: pointer;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .l-header__openMenu {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    margin: 1.5rem;
  }
}
.l-header__openMenu span {
  display: inline-block;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #be9161;
  width: 100%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .is-scrolling .l-header__openMenu span {
    background-color: #30312d;
  }
}
.l-header__openMenu span:nth-of-type(1) {
  top: 25%;
}
.l-header__openMenu span:nth-of-type(2) {
  top: 50%;
}
.l-header__openMenu span:nth-of-type(3) {
  top: 75%;
}
.l-header__openMenu.is-active span:nth-of-type(1) {
  top: 50%;
  left: 10%;
  transform: rotate(45deg);
  width: 80%;
}
.l-header__openMenu.is-active span:nth-of-type(2) {
  opacity: 0;
}
.l-header__openMenu.is-active span:nth-of-type(3) {
  top: 50%;
  left: 10%;
  transform: rotate(-45deg);
  width: 80%;
}
.l-header__gnav {
  width: 90%;
  max-width: 1280px;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .l-header__gnav {
    position: absolute;
    top: 7rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    transform: translateY(calc(-100% - 1px));
    transition: 0.5s cubic-bezier(0.49, 0, 0.16, 0.99);
  }
  .js-nav-open .l-header__gnav {
    transform: translateY(0);
  }
}
.l-header__gnav__items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .l-header__gnav__items {
    flex-wrap: wrap;
    height: auto;
    border-top: 1px solid #be9161;
  }
}
.l-header__gnav__item {
  position: relative;
  border-left: 1px solid #d0c8c5;
  flex-grow: 1;
}
@media only screen and (max-width: 767px) {
  .l-header__gnav__item {
    width: 50%;
    border-bottom: 1px solid #d0c8c5;
  }
  .l-header__gnav__item:nth-child(even) {
    border-right: 1px solid #d0c8c5;
  }
}
.l-header__gnav__item:last-child {
  border-right: 1px solid #d0c8c5;
}
.l-header__gnav__item a {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 0 1.5rem;
  font-size: min(1.5vw, 1.4rem);
}
@media only screen and (max-width: 1400px) {
  .l-header__gnav__item a {
    padding: 0 0.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-header__gnav__item a {
    font-size: 1.6rem;
    padding: 1.5rem;
  }
}
.l-header__gnav__item a:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #be9161;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .l-header__gnav__item a:after {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .l-header__gnav__item a:hover:hover:after {
    width: 80%;
  }
}
.l-header__gnav__item a.current:after {
  width: 80%;
}
.l-header__gnav__item.new a::before {
  content: "NEW";
  position: absolute;
  top: 0.7em;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  line-height: 1;
  color: #7c0d22;
  margin: -1.5em auto 0.25em;
}
@media only screen and (max-width: 767px) {
  .l-header__gnav__item.new a::before {
    top: 2em;
  }
}
.l-header__gnav__item.nolink {
  opacity: 0.3;
}
.l-header__gnav__item.nolink a {
  cursor: none;
  pointer-events: none;
}
.l-header__gnav__spItems {
  grid-template-columns: repeat(4, 1fr);
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-header__gnav__spItems {
    display: grid;
  }
}
.l-header__gnav__spItem, .l-header__gnav__spItem a.mod-entry {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.l-header__gnav__spItem:first-child, .l-header__gnav__spItem a.mod-entry:first-child {
  border-left: none;
}
.l-header__gnav__spItem a, .l-header__gnav__spItem a.mod-entry a {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #be9161;
  padding: 1rem 0;
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0;
}
.l-header__gnav__spItem a img, .l-header__gnav__spItem a.mod-entry a img {
  height: 2.5em;
}
.l-header__gnav__spItem a img.entry {
  padding: 0.5rem 0;
}
.l-header__gnav__spItem a img.reserve {
  padding: 0.2rem 0;
}
.l-header__gnav__spItem a .update {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  background-color: #7c0d22;
  padding: 0 1rem;
  border-radius: 2rem;
}
.l-header__gnav__spItem a.mod-reserve {
  background-color: #7c0d22;
}
.l-header__gnav__spItem a.mod-entry {
  background-color: #7c0d22;
}

/* ------------------------------------------------------------
    sp alert
------------------------------------------------------------ */
.spAlert {
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  font-family: YakuHanMP, "EB Garamond", "Hiragino Mincho W4 JIS2004", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  height: 100vh;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s;
  visibility: hidden;
  width: 100vw;
  z-index: 99999;
}
.spAlert__inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
  position: relative;
  z-index: 2;
}

.spAlertMsg {
  color: #ffffff;
  font-size: 3vw;
  text-align: center;
  letter-spacing: 0.15em;
  line-height: 1;
  margin-top: 6.5vh;
}

.spAlert .svgIcon {
  margin: 0 auto;
  width: 23%;
  min-width: 81.5px;
}
.spAlert .svgIcon__path {
  fill: none;
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-width: 17;
}

/* ------------------------------------------------------------
    footer
------------------------------------------------------------ */
.l-footer-cap {
  padding-block: 2rem;
  width: 100%;
  font-size: 1.2rem;
  z-index: 1;
  background: #fff;
  position: relative;
}

.l-footer {
  margin-top: 0rem;
  position: relative;
  z-index: 10;
  background: #fff;
}
.l-footer-bnrGroup {
  background-color: #be9161;
  padding: 5rem 0;
}
.l-footer-bnrGroup__contents {
  width: 90%;
  max-width: 1280px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
@media only screen and (max-width: 767px) {
  .l-footer-bnrGroup__contents {
    grid-template-columns: 1fr;
  }
}
.l-footer-bnrGroup__contents a {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
}
.l-footer-bnrProperty {
  padding: 5rem 0;
}
@media only screen and (max-width: 767px) {
  .l-footer-bnrProperty {
    padding: 3rem 0;
  }
}
.l-footer-bnrProperty__contents {
  width: 90%;
  max-width: 1280px;
  margin-inline: auto;
  display: flex;
  gap: 4rem;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .l-footer-bnrProperty__contents {
    flex-direction: column;
  }
}
.l-footer-bnrProperty__contents li {
  width: calc(50% - 2rem);
}
@media only screen and (max-width: 767px) {
  .l-footer-bnrProperty__contents li {
    width: 100%;
  }
}
.l-footer__txt-link {
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .l-footer__txt-link {
    display: none;
  }
}
.l-footer__link-list {
  display: flex;
  justify-content: space-between;
}
.l-footer__link-list__item {
  border-right: 1px solid #d0c8c5;
  flex-grow: 1;
}
.l-footer__link-list__item:first-child {
  border-left: 1px solid #d0c8c5;
}
.l-footer__link-list__item a {
  position: relative;
  display: block;
  text-align: center;
  color: currentColor;
  font-size: min(1.5vw, 1.6rem);
}
.l-footer__link-list__item a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 0;
  height: 1px;
  background-color: #be9161;
  transition: 0.3s cubic-bezier(0.49, 0, 0.16, 0.99);
}
@media (hover: hover) and (pointer: fine) {
  .l-footer__link-list__item a:hover:after {
    width: 80%;
  }
}
.l-footer__link-list__item a.current:after {
  width: 80%;
}
.l-footer__link-list__item.new a::before {
  content: "NEW";
  position: absolute;
  top: 0.5em;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  line-height: 1;
  color: #7c0d22;
  margin: -1.5em auto 0.25em;
}
.l-footer__wrap {
  padding-top: 5rem;
  margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
  .l-footer__wrap {
    padding-bottom: 7.5rem;
  }
}
.l-footer__inner {
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
.l-footer__tel {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 2rem;
}
.l-footer__tel__name {
  font-size: 1.2rem;
}
@media only screen and (max-width: 767px) {
  .l-footer__tel__name {
    text-align: center;
  }
}
.l-footer__tel__num {
  font-size: 3em;
  display: flex;
  align-items: baseline;
}
.l-footer__tel__num-icon {
  height: 0.8em;
  width: auto;
  margin-right: 0.5rem;
  filter: invert(1);
}
.l-footer__tel__info {
  font-size: 0.8em;
}
.l-footer__corp {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3rem;
}
.l-footer__corp__item {
  display: flex;
  gap: 1rem 2rem;
  align-items: center;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .l-footer__corp__item {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.l-footer__corp__item a {
  position: relative;
  display: block;
}
.l-footer__corp__item a img {
  height: 4.5rem;
  width: auto;
}
@media only screen and (max-width: 767px) {
  .l-footer__corp__item a img {
    height: 3rem;
  }
}
.l-footer__corp__item a img.daiwa-r {
  height: 6rem;
}
@media only screen and (max-width: 767px) {
  .l-footer__corp__item a img.daiwa-r {
    height: 4rem;
  }
}
.l-footer__copyright {
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
  margin-top: 3rem;
  background-color: #30312d;
  padding: 1rem 0;
}
.l-footer__fix-btns {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #be9161;
  width: 100%;
  color: #fff;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .l-footer__fix-btns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
.l-footer__fix-btn {
  position: relative;
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  padding: 1rem 0;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0.5rem;
}
.l-footer__fix-btn:not(:first-child) {
  border-left: 1px solid #d0c8c5;
}
.l-footer__fix-btn--reserve {
  background-color: #7c0d22;
}
.l-footer__fix-btn--entry {
  background-color: #7c0d22;
}
.l-footer__fix-btn__icon, .l-footer__fix-btn__icon--reserve, .l-footer__fix-btn__icon--request {
  display: block;
  height: 2.5em;
  width: auto;
  margin-inline: auto;
}
.l-footer__fix-btn__icon--request {
  padding: 0.5rem 0;
}
.l-footer__fix-btn__icon--reserve {
  padding: 0.2rem 0;
}
.l-footer__fix-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-footer__fix-btn .update {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  background-color: #7c0d22;
  padding: 0 1rem;
  border-radius: 2rem;
}

/* ------------------------------------------------------------
    下層メインビジュアル・イントロ
------------------------------------------------------------ */
.c-mv {
  position: relative;
  padding: 6rem 0 0 !important;
  container-type: inline-size;
}
@media only screen and (max-width: 767px) {
  .c-mv {
    padding: 1.5rem 0 0 !important;
  }
}
.c-mv__ttl {
  width: 100%;
  text-align: center;
  position: absolute;
  font-size: 3cqi;
  font-family: "BodoniMO Pro Bold", serif;
  text-shadow: 0 0 3px #5d685f;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  line-height: 1;
  z-index: 2;
  text-shadow: 0 0 5px #5d685f, 0 0 5px #5d685f;
}
@media only screen and (max-width: 767px) {
  .c-mv__ttl {
    font-size: 6cqi;
  }
}
.c-mv__bg {
  position: relative;
  aspect-ratio: 16/7.5;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .c-mv__bg {
    aspect-ratio: 3/2;
  }
}
.c-mv__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-mv__plant, .c-mv__plant03, .c-mv__plant02, .c-mv__plant01 {
  position: absolute;
  z-index: 2;
}
.c-mv__plant01 {
  width: 50cqi;
  top: -5cqi;
  right: -5cqi;
}
.c-mv__plant02 {
  width: 25cqi;
  top: 5cqi;
  left: 0cqi;
}
.c-mv__plant03 {
  width: 30cqi;
  bottom: -13.4cqi;
  right: -7.3cqi;
}

.c-intro {
  position: relative;
  container-type: inline-size;
}
.c-intro__reef {
  width: 100%;
  height: 30rem;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .c-intro__reef {
    height: 15rem;
  }
}
.c-intro__img img {
  width: 100%;
  height: 100%;
}

.c-sec-intro {
  padding-top: 8rem;
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-sec-intro {
    padding-top: 4rem;
  }
}
.c-sec-intro__ttl {
  font-size: 24px;
  font-size: 2.4rem;
}
@media only screen and (max-width: 767px) {
  .c-sec-intro__ttl {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .c-sec-intro__ttl {
    font-size: 1.8rem;
  }
}
.c-sec-intro__txt {
  margin-top: 1em;
  font-size: 16px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
  .c-sec-intro__txt {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .c-sec-intro__txt {
    font-size: 1.4rem;
  }
}

/* ------------------------------------------------------------
    flex layout
------------------------------------------------------------ */
.c-flex {
  width: 100%;
  display: flex;
}
.c-flex.flex-btw {
  justify-content: space-between;
}
.c-flex.flex-btw-basis {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .c-flex.flex-btw-basis {
    flex-direction: column;
  }
}
.c-flex.flex-ard {
  justify-content: space-around;
}
.c-flex.flex-row {
  flex-direction: row;
}
.c-flex.flex-row-reverse {
  flex-direction: row-reverse;
}
.c-flex.flex-col {
  flex-direction: column;
}
.c-flex.flex-col-reverse {
  flex-direction: column-reverse;
}
.c-flex.flex-wrap {
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .c-flex.sm_flex-row {
    flex-direction: row;
  }
  .c-flex.sm_flex-row-reverse {
    flex-direction: row-reverse;
  }
  .c-flex.sm_flex-col {
    flex-direction: column;
  }
  .c-flex.sm_flex-col-reverse {
    flex-direction: column-reverse;
  }
  .c-flex.sm_flex-wrap {
    flex-wrap: wrap;
  }
}

/* ------------------------------------------------------------
    txt
------------------------------------------------------------ */
.c-f_small {
  font-size: 80%;
}

.c-f_large {
  font-size: 160%;
}

.c-t_c {
  text-align: center !important;
}

.c-t_l {
  text-align: left !important;
}

.c-t_r {
  text-align: right !important;
}

@media only screen and (max-width: 767px) {
  .c-t_c-sp {
    text-align: center !important;
  }
  .c-t_l-sp {
    text-align: left !important;
  }
  .c-t_r-sp {
    text-align: right !important;
  }
}
/* ------------------------------------------------------------
    text size
------------------------------------------------------------ */
.c-f18 {
  font-size: 1.8rem;
}

.c-f14 {
  font-size: 1.4rem;
}

.c-f12 {
  font-size: 1.2rem;
}

.c-f11 {
  font-size: 1.1rem;
}

.c-f10 {
  font-size: 1rem;
}

.c-cap {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: calc(100% - 10px);
  text-align: right;
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.4;
  letter-spacing: 0.05em;
}

/* ------------------------------------------------------------
	image caption
------------------------------------------------------------ */
.c-imgBox {
  position: relative;
}
.c-imgBox__cap, .c-imgBox__cap--btm, .c-imgBox__cap--L, .c-imgBox__cap--wh {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  text-shadow: 0 0 5px #000, 0 0 5px #000;
}
@media only screen and (max-width: 767px) {
  .c-imgBox__cap, .c-imgBox__cap--btm, .c-imgBox__cap--L, .c-imgBox__cap--wh {
    font-size: 1rem;
  }
}
.c-imgBox__cap--wh {
  color: #30312d;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff;
}
.c-imgBox__cap--L {
  right: unset;
  left: 1rem;
}
.c-imgBox__cap--btm {
  bottom: -1.5em;
  color: #30312d;
  text-shadow: none;
}
.c-imgBox img {
  width: 100%;
}

/* ------------------------------------------------------------
    block
------------------------------------------------------------ */
.c-container {
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.c-container_mx {
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.c-container_1 {
  width: 85%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

/* ------------------------------------------------------------
    btn
------------------------------------------------------------ */
.c-link_tel {
  cursor: default;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .c-link_tel {
    pointer-events: initial;
    cursor: pointer;
  }
}

.c-btm__arw, .c-btm__arw--wh, .c-btm__arw--plan {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #719360;
  font-size: 16px;
  font-size: 1.6rem;
  gap: 0.5em;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .c-btm__arw, .c-btm__arw--wh, .c-btm__arw--plan {
    font-size: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .c-btm__arw, .c-btm__arw--wh, .c-btm__arw--plan {
    font-size: 1.3rem;
  }
}
.c-btm__arw small, .c-btm__arw--wh small, .c-btm__arw--plan small {
  font-size: 0.8em;
}
.c-btm__arw-R {
  width: 1.25em;
  height: 1.25em;
  background-image: url(../../images/common/arw-R01.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .c-btm__arw:hover, .c-btm__arw--wh:hover, .c-btm__arw--plan:hover {
    opacity: 0.5;
  }
  .c-btm__arw:hover .c-btm__arw-R, .c-btm__arw--wh:hover .c-btm__arw-R, .c-btm__arw--plan:hover .c-btm__arw-R {
    transform: translateX(0.5em);
  }
}
.c-btm__arw--plan {
  background: #231815;
  color: #fff;
  padding: 0.5em 1em;
}
.c-btm__arw--plan .c-btm__arw-R {
  background-image: url(../../images/common/arw-R02.png);
}
.c-btm__arw--wh {
  background: #fff;
  color: #719360;
  padding: 0.5em 1em;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}

/* ==========================================================
    ローディングアニメーション
========================================================== */
.c-loader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #30312d;
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-loader__anime {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 10%, #30312d 42%);
  position: relative;
  animation: load 1.4s infinite linear;
  transform: translateZ(0);
}
.c-loader__anime:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.c-loader__anime:after {
  background-color: #30312d;
  width: 85%;
  height: 85%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

@keyframes load {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ------------------------------------------------------------
	c-required-time
------------------------------------------------------------ */
.c-required-time__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4rem;
}
@media only screen and (max-width: 1080px) {
  .c-required-time__list {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-required-time__list {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
.c-required-time__detail {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  border-bottom: 1px solid #719360;
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.c-required-time__detail .station {
  font-size: min(1.6vw, 2rem);
  line-height: 1;
}
@media only screen and (max-width: 1080px) {
  .c-required-time__detail .station {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-required-time__detail .station {
    font-size: 1.8rem;
  }
}
.c-required-time__detail .station em {
  font-size: 1.4em;
}
.c-required-time__detail .time {
  font-size: min(1.6vw, 2rem);
  line-height: 1;
  color: #719360;
}
@media only screen and (max-width: 1080px) {
  .c-required-time__detail .time {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-required-time__detail .time {
    font-size: 1.8rem;
  }
}
.c-required-time__detail .time em {
  font-size: 1.4em;
}
.c-required-time__detail .time .ex {
  color: initial;
  font-size: 0.7em;
}
.c-required-time__note {
  font-size: 11px;
  line-height: 1.2;
}

.c-localNav {
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  display: flex;
  gap: 1.5rem;
  padding: 0 3rem;
  position: relative;
  container-type: inline-size;
}
@media only screen and (max-width: 767px) {
  .c-localNav {
    flex-wrap: wrap;
    padding: 0 0.5rem;
    gap: 0.5rem;
  }
}
.c-localNav::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #719360;
  bottom: 0;
  left: 0;
  position: absolute;
}
.c-localNav a {
  display: grid;
  place-content: center;
  background-color: #719360;
  border: 1px solid #719360;
  color: #fff;
  width: 100%;
  padding: 1rem;
  font-size: 1.5cqi;
  text-align: center;
  border-radius: 3px;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .c-localNav a {
    width: calc(33.3333333333% - 0.5rem);
    font-size: 3cqi;
  }
  .c-localNav a:nth-of-type(4), .c-localNav a:nth-of-type(5) {
    width: calc(50% - 0.5rem);
  }
}
@media (hover: hover) and (pointer: fine) {
  .c-localNav a:hover:hover {
    background-color: #fff;
    color: #719360;
  }
}

.c-bnr, .c-bnr--1000, .c-bnr--500 {
  display: block;
  margin-inline: auto;
}
.c-bnr--500 {
  max-width: 500px;
}
.c-bnr--1000 {
  max-width: 1000px;
}

.u-main {
  margin-top: 12.3rem;
}
@media only screen and (max-width: 767px) {
  .u-main {
    margin-top: 7rem;
  }
}

/* ------------------------------------------------------------
    responsive display 主に<br>で使用
------------------------------------------------------------ */
.u-pc {
  display: block !important;
}
@media only screen and (max-width: 767px) {
  .u-pc {
    display: none !important;
  }
}

.u-sp {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .u-sp {
    display: block !important;
  }
}

.u-pci {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .u-pci {
    display: none;
  }
}

.u-spi {
  display: none;
}
@media only screen and (max-width: 767px) {
  .u-spi {
    display: inline-block;
  }
}

.u-pcf {
  display: flex !important;
}
@media only screen and (max-width: 767px) {
  .u-pcf {
    display: none !important;
  }
}

.u-spf {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .u-spf {
    display: flex !important;
  }
}

/* ------------------------------------------------------------
    wrapper width　主に使用
------------------------------------------------------------ */
.u-wrap, .u-wrap-wh {
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .u-wrap, .u-wrap-wh {
    width: 95%;
  }
}
.u-wrap-wh {
  background: #fff;
  padding-block: 1px;
}

.u-inner {
  width: 90%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

/* ------------------------------------------------------------
    flex layout 微調整時のみ使用
------------------------------------------------------------ */
.u-flex {
  width: 100%;
  display: flex;
}
.u-flex.flex-btw {
  justify-content: space-between;
}
.u-flex.flex-center {
  justify-content: center;
}
.u-flex.flex-btw-basis {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .u-flex.flex-btw-basis {
    flex-direction: column;
  }
}
.u-flex.flex-ard {
  justify-content: space-around;
}
.u-flex.flex-row {
  flex-direction: row;
}
.u-flex.flex-row-reverse {
  flex-direction: row-reverse;
}
.u-flex.flex-col {
  flex-direction: column;
}
.u-flex.flex-col-reverse {
  flex-direction: column-reverse;
}
.u-flex.flex-wrap {
  flex-wrap: wrap;
}
.u-flex.flex-alin-c {
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .u-flex.sm_flex-row {
    flex-direction: row;
  }
  .u-flex.sm_flex-row-reverse {
    flex-direction: row-reverse;
  }
  .u-flex.sm_flex-col {
    flex-direction: column;
  }
  .u-flex.sm_flex-col-reverse {
    flex-direction: column-reverse;
  }
  .u-flex.sm_flex-wrap {
    flex-wrap: wrap;
  }
}

/* ------------------------------------------------------------
    margin top, margin bottom
------------------------------------------------------------ */
.u-mt-5 {
  margin-top: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-5--sp {
    margin-top: 0.5rem !important;
  }
}

.u-mb-5 {
  margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-5--sp {
    margin-bottom: 0.5rem !important;
  }
}

.u-ml-5 {
  margin-left: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-5--sp {
    margin-left: 0.5rem !important;
  }
}

.u-mr-5 {
  margin-right: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-5--sp {
    margin-right: 0.5rem !important;
  }
}

.u-pt-5 {
  padding-top: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-5--sp {
    padding-top: 0.5rem !important;
  }
}

.u-pb-5 {
  padding-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-5--sp {
    padding-bottom: 0.5rem !important;
  }
}

.u-mt-10 {
  margin-top: 1rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-10--sp {
    margin-top: 1rem !important;
  }
}

.u-mb-10 {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-10--sp {
    margin-bottom: 1rem !important;
  }
}

.u-ml-10 {
  margin-left: 1rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-10--sp {
    margin-left: 1rem !important;
  }
}

.u-mr-10 {
  margin-right: 1rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-10--sp {
    margin-right: 1rem !important;
  }
}

.u-pt-10 {
  padding-top: 1rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-10--sp {
    padding-top: 1rem !important;
  }
}

.u-pb-10 {
  padding-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-10--sp {
    padding-bottom: 1rem !important;
  }
}

.u-mt-15 {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-15--sp {
    margin-top: 1.5rem !important;
  }
}

.u-mb-15 {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-15--sp {
    margin-bottom: 1.5rem !important;
  }
}

.u-ml-15 {
  margin-left: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-15--sp {
    margin-left: 1.5rem !important;
  }
}

.u-mr-15 {
  margin-right: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-15--sp {
    margin-right: 1.5rem !important;
  }
}

.u-pt-15 {
  padding-top: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-15--sp {
    padding-top: 1.5rem !important;
  }
}

.u-pb-15 {
  padding-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-15--sp {
    padding-bottom: 1.5rem !important;
  }
}

.u-mt-20 {
  margin-top: 2rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-20--sp {
    margin-top: 2rem !important;
  }
}

.u-mb-20 {
  margin-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-20--sp {
    margin-bottom: 2rem !important;
  }
}

.u-ml-20 {
  margin-left: 2rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-20--sp {
    margin-left: 2rem !important;
  }
}

.u-mr-20 {
  margin-right: 2rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-20--sp {
    margin-right: 2rem !important;
  }
}

.u-pt-20 {
  padding-top: 2rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-20--sp {
    padding-top: 2rem !important;
  }
}

.u-pb-20 {
  padding-bottom: 2rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-20--sp {
    padding-bottom: 2rem !important;
  }
}

.u-mt-25 {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-25--sp {
    margin-top: 2.5rem !important;
  }
}

.u-mb-25 {
  margin-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-25--sp {
    margin-bottom: 2.5rem !important;
  }
}

.u-ml-25 {
  margin-left: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-25--sp {
    margin-left: 2.5rem !important;
  }
}

.u-mr-25 {
  margin-right: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-25--sp {
    margin-right: 2.5rem !important;
  }
}

.u-pt-25 {
  padding-top: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-25--sp {
    padding-top: 2.5rem !important;
  }
}

.u-pb-25 {
  padding-bottom: 2.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-25--sp {
    padding-bottom: 2.5rem !important;
  }
}

.u-mt-30 {
  margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-30--sp {
    margin-top: 3rem !important;
  }
}

.u-mb-30 {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-30--sp {
    margin-bottom: 3rem !important;
  }
}

.u-ml-30 {
  margin-left: 3rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-30--sp {
    margin-left: 3rem !important;
  }
}

.u-mr-30 {
  margin-right: 3rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-30--sp {
    margin-right: 3rem !important;
  }
}

.u-pt-30 {
  padding-top: 3rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-30--sp {
    padding-top: 3rem !important;
  }
}

.u-pb-30 {
  padding-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-30--sp {
    padding-bottom: 3rem !important;
  }
}

.u-mt-35 {
  margin-top: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-35--sp {
    margin-top: 3.5rem !important;
  }
}

.u-mb-35 {
  margin-bottom: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-35--sp {
    margin-bottom: 3.5rem !important;
  }
}

.u-ml-35 {
  margin-left: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-35--sp {
    margin-left: 3.5rem !important;
  }
}

.u-mr-35 {
  margin-right: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-35--sp {
    margin-right: 3.5rem !important;
  }
}

.u-pt-35 {
  padding-top: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-35--sp {
    padding-top: 3.5rem !important;
  }
}

.u-pb-35 {
  padding-bottom: 3.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-35--sp {
    padding-bottom: 3.5rem !important;
  }
}

.u-mt-40 {
  margin-top: 4rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-40--sp {
    margin-top: 4rem !important;
  }
}

.u-mb-40 {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-40--sp {
    margin-bottom: 4rem !important;
  }
}

.u-ml-40 {
  margin-left: 4rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-40--sp {
    margin-left: 4rem !important;
  }
}

.u-mr-40 {
  margin-right: 4rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-40--sp {
    margin-right: 4rem !important;
  }
}

.u-pt-40 {
  padding-top: 4rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-40--sp {
    padding-top: 4rem !important;
  }
}

.u-pb-40 {
  padding-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-40--sp {
    padding-bottom: 4rem !important;
  }
}

.u-mt-45 {
  margin-top: 4.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-45--sp {
    margin-top: 4.5rem !important;
  }
}

.u-mb-45 {
  margin-bottom: 4.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-45--sp {
    margin-bottom: 4.5rem !important;
  }
}

.u-ml-45 {
  margin-left: 4.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-45--sp {
    margin-left: 4.5rem !important;
  }
}

.u-mr-45 {
  margin-right: 4.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-45--sp {
    margin-right: 4.5rem !important;
  }
}

.u-pt-45 {
  padding-top: 4.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-45--sp {
    padding-top: 4.5rem !important;
  }
}

.u-pb-45 {
  padding-bottom: 4.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-45--sp {
    padding-bottom: 4.5rem !important;
  }
}

.u-mt-50 {
  margin-top: 5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-50--sp {
    margin-top: 5rem !important;
  }
}

.u-mb-50 {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-50--sp {
    margin-bottom: 5rem !important;
  }
}

.u-ml-50 {
  margin-left: 5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-50--sp {
    margin-left: 5rem !important;
  }
}

.u-mr-50 {
  margin-right: 5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-50--sp {
    margin-right: 5rem !important;
  }
}

.u-pt-50 {
  padding-top: 5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-50--sp {
    padding-top: 5rem !important;
  }
}

.u-pb-50 {
  padding-bottom: 5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-50--sp {
    padding-bottom: 5rem !important;
  }
}

.u-mt-55 {
  margin-top: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-55--sp {
    margin-top: 5.5rem !important;
  }
}

.u-mb-55 {
  margin-bottom: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-55--sp {
    margin-bottom: 5.5rem !important;
  }
}

.u-ml-55 {
  margin-left: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-55--sp {
    margin-left: 5.5rem !important;
  }
}

.u-mr-55 {
  margin-right: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-55--sp {
    margin-right: 5.5rem !important;
  }
}

.u-pt-55 {
  padding-top: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-55--sp {
    padding-top: 5.5rem !important;
  }
}

.u-pb-55 {
  padding-bottom: 5.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-55--sp {
    padding-bottom: 5.5rem !important;
  }
}

.u-mt-60 {
  margin-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-60--sp {
    margin-top: 6rem !important;
  }
}

.u-mb-60 {
  margin-bottom: 6rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-60--sp {
    margin-bottom: 6rem !important;
  }
}

.u-ml-60 {
  margin-left: 6rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-60--sp {
    margin-left: 6rem !important;
  }
}

.u-mr-60 {
  margin-right: 6rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-60--sp {
    margin-right: 6rem !important;
  }
}

.u-pt-60 {
  padding-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-60--sp {
    padding-top: 6rem !important;
  }
}

.u-pb-60 {
  padding-bottom: 6rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-60--sp {
    padding-bottom: 6rem !important;
  }
}

.u-mt-65 {
  margin-top: 6.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-65--sp {
    margin-top: 6.5rem !important;
  }
}

.u-mb-65 {
  margin-bottom: 6.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-65--sp {
    margin-bottom: 6.5rem !important;
  }
}

.u-ml-65 {
  margin-left: 6.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-65--sp {
    margin-left: 6.5rem !important;
  }
}

.u-mr-65 {
  margin-right: 6.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-65--sp {
    margin-right: 6.5rem !important;
  }
}

.u-pt-65 {
  padding-top: 6.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-65--sp {
    padding-top: 6.5rem !important;
  }
}

.u-pb-65 {
  padding-bottom: 6.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-65--sp {
    padding-bottom: 6.5rem !important;
  }
}

.u-mt-70 {
  margin-top: 7rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-70--sp {
    margin-top: 7rem !important;
  }
}

.u-mb-70 {
  margin-bottom: 7rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-70--sp {
    margin-bottom: 7rem !important;
  }
}

.u-ml-70 {
  margin-left: 7rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-70--sp {
    margin-left: 7rem !important;
  }
}

.u-mr-70 {
  margin-right: 7rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-70--sp {
    margin-right: 7rem !important;
  }
}

.u-pt-70 {
  padding-top: 7rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-70--sp {
    padding-top: 7rem !important;
  }
}

.u-pb-70 {
  padding-bottom: 7rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-70--sp {
    padding-bottom: 7rem !important;
  }
}

.u-mt-75 {
  margin-top: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-75--sp {
    margin-top: 7.5rem !important;
  }
}

.u-mb-75 {
  margin-bottom: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-75--sp {
    margin-bottom: 7.5rem !important;
  }
}

.u-ml-75 {
  margin-left: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-75--sp {
    margin-left: 7.5rem !important;
  }
}

.u-mr-75 {
  margin-right: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-75--sp {
    margin-right: 7.5rem !important;
  }
}

.u-pt-75 {
  padding-top: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-75--sp {
    padding-top: 7.5rem !important;
  }
}

.u-pb-75 {
  padding-bottom: 7.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-75--sp {
    padding-bottom: 7.5rem !important;
  }
}

.u-mt-80 {
  margin-top: 8rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-80--sp {
    margin-top: 8rem !important;
  }
}

.u-mb-80 {
  margin-bottom: 8rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-80--sp {
    margin-bottom: 8rem !important;
  }
}

.u-ml-80 {
  margin-left: 8rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-80--sp {
    margin-left: 8rem !important;
  }
}

.u-mr-80 {
  margin-right: 8rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-80--sp {
    margin-right: 8rem !important;
  }
}

.u-pt-80 {
  padding-top: 8rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-80--sp {
    padding-top: 8rem !important;
  }
}

.u-pb-80 {
  padding-bottom: 8rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-80--sp {
    padding-bottom: 8rem !important;
  }
}

.u-mt-85 {
  margin-top: 8.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-85--sp {
    margin-top: 8.5rem !important;
  }
}

.u-mb-85 {
  margin-bottom: 8.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-85--sp {
    margin-bottom: 8.5rem !important;
  }
}

.u-ml-85 {
  margin-left: 8.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-85--sp {
    margin-left: 8.5rem !important;
  }
}

.u-mr-85 {
  margin-right: 8.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-85--sp {
    margin-right: 8.5rem !important;
  }
}

.u-pt-85 {
  padding-top: 8.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-85--sp {
    padding-top: 8.5rem !important;
  }
}

.u-pb-85 {
  padding-bottom: 8.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-85--sp {
    padding-bottom: 8.5rem !important;
  }
}

.u-mt-90 {
  margin-top: 9rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-90--sp {
    margin-top: 9rem !important;
  }
}

.u-mb-90 {
  margin-bottom: 9rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-90--sp {
    margin-bottom: 9rem !important;
  }
}

.u-ml-90 {
  margin-left: 9rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-90--sp {
    margin-left: 9rem !important;
  }
}

.u-mr-90 {
  margin-right: 9rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-90--sp {
    margin-right: 9rem !important;
  }
}

.u-pt-90 {
  padding-top: 9rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-90--sp {
    padding-top: 9rem !important;
  }
}

.u-pb-90 {
  padding-bottom: 9rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-90--sp {
    padding-bottom: 9rem !important;
  }
}

.u-mt-95 {
  margin-top: 9.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-95--sp {
    margin-top: 9.5rem !important;
  }
}

.u-mb-95 {
  margin-bottom: 9.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-95--sp {
    margin-bottom: 9.5rem !important;
  }
}

.u-ml-95 {
  margin-left: 9.5rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-95--sp {
    margin-left: 9.5rem !important;
  }
}

.u-mr-95 {
  margin-right: 9.5rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-95--sp {
    margin-right: 9.5rem !important;
  }
}

.u-pt-95 {
  padding-top: 9.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-95--sp {
    padding-top: 9.5rem !important;
  }
}

.u-pb-95 {
  padding-bottom: 9.5rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-95--sp {
    padding-bottom: 9.5rem !important;
  }
}

.u-mt-100 {
  margin-top: 10rem;
}
@media only screen and (max-width: 767px) {
  .u-mt-100--sp {
    margin-top: 10rem !important;
  }
}

.u-mb-100 {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 767px) {
  .u-mb-100--sp {
    margin-bottom: 10rem !important;
  }
}

.u-ml-100 {
  margin-left: 10rem;
}
@media only screen and (max-width: 767px) {
  .u-ml-100--sp {
    margin-left: 10rem !important;
  }
}

.u-mr-100 {
  margin-right: 10rem;
}
@media only screen and (max-width: 767px) {
  .u-mr-100--sp {
    margin-right: 10rem !important;
  }
}

.u-pt-100 {
  padding-top: 10rem;
}
@media only screen and (max-width: 767px) {
  .u-pt-100--sp {
    padding-top: 10rem !important;
  }
}

.u-pb-100 {
  padding-bottom: 10rem;
}
@media only screen and (max-width: 767px) {
  .u-pb-100--sp {
    padding-bottom: 10rem !important;
  }
}

/* ------------------------------------------------------------
    section space
------------------------------------------------------------ */
.u-sec-spa {
  margin-top: 15rem;
}
@media only screen and (max-width: 767px) {
  .u-sec-spa {
    margin-top: 8rem;
  }
}

/* ------------------------------------------------------------
    text関連 微修正時のみ使用
------------------------------------------------------------ */
.u-inlB {
  display: inline-block;
}

.u-t_c {
  text-align: center !important;
}

.u-t_l {
  text-align: left !important;
}

.u-t_r {
  text-align: right !important;
}

@media only screen and (max-width: 767px) {
  .u-t_u-sp {
    text-align: center !important;
  }
  .u-t_l-sp {
    text-align: left !important;
  }
  .u-t_r-sp {
    text-align: right !important;
  }
}
.u-t-en {
  font-family: "EB Garamond", serif;
  font-size: 1.2em;
}

.u-t-ja {
  font-family: YakuHanMP, "Hiragino Mincho W4 JIS2004", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

/* ------------------------------------------------------------
    text size　微修正時のみ使用
------------------------------------------------------------ */
.u-f24 {
  font-size: 2.4rem;
}

.u-f20 {
  font-size: 2rem;
}

.u-f18 {
  font-size: 1.8rem;
}

.u-f16 {
  font-size: 1.6rem;
}

.u-f14 {
  font-size: 1.4rem;
}

.u-f12 {
  font-size: 1.2rem;
}

.u-f11 {
  font-size: 1.1rem;
}

.u-f10 {
  font-size: 1rem;
}

/* ------------------------------------------------------------
    文中※
------------------------------------------------------------ */
.u-sup {
  display: inline-block;
  font-size: 10px;
  vertical-align: text-top;
  color: currentColor;
  transform: translateY(-2px);
}
@media only screen and (max-width: 767px) {
  .u-sup {
    transform: translateY(-5px);
  }
}
.u-sup--mgn5 {
  margin: 0 -5px;
}
.u-sup--mgn10 {
  margin: 0 -10px;
}

/* アニメーション用 */
:root {
  --cubic: cubic-bezier(.55,.01,.32,.99) ;
}

.anime {
  opacity: 0.01;
}
.anime.slide {
  transition: 2s var(--cubic);
}
.anime.slide.active {
  opacity: 1;
  transform: translateY(0);
}
.anime.slide-up {
  transform: translateY(10%);
  transition: opacity 2s var(--cubic), transform 2s var(--cubic);
}
.anime.slide-up.active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.anime.slide-down {
  transform: translateY(-5%) scale(0.9);
  transition: 2s var(--cubic);
}
.anime.slide-down.active {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.anime.slide-L {
  transform: translateX(-5%);
  transition: 2s var(--cubic);
}
.anime.slide-L.active {
  opacity: 1;
  transform: translateX(0);
}
.anime.slide-R {
  transform: translateX(10%), scale(0.9);
  transition: 2s var(--cubic);
}
.anime.slide-R.active {
  opacity: 1;
  transform: translateX(0);
}
.anime.swing-l {
  transform: rotate(5deg) scale(0.9);
  transition: 2s var(--cubic);
  transform-origin: bottom left;
}
.anime.swing-l.active {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
.anime.swing-r {
  transform: rotate(5deg) scale(0.9);
  transition: 2s var(--cubic);
  transform-origin: bottom right;
}
.anime.swing-r.active {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
.anime.leaf-swing-l {
  opacity: 0;
  transition: 4s var(--cubic);
}
.anime.leaf-swing-l.active {
  opacity: 1;
  animation: leafSwingLeft 4s forwards;
}
.anime.leaf-swing-r {
  opacity: 0;
  transition: 4s var(--cubic);
}
.anime.leaf-swing-r.active {
  opacity: 1;
  animation: leafSwingRight 4s forwards;
}
.anime.clip-l {
  opacity: 0.01;
  clip-path: polygon(0% 0%, 40% 0%, 0% 100%, 0% 100%);
  transition: 2s var(--cubic);
}
.anime.clip-l.active {
  opacity: 1;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.anime.clip-R {
  clip-path: inset(0 0 0 100%);
  transition: 2s var(--cubic);
}
.anime.clip-R.active {
  opacity: 1;
  clip-path: inset(0 0 0 0);
}
.anime.zoom-in {
  transform: scale(1.2);
  transition: 3s var(--cubic);
}
.anime.zoom-in.active {
  opacity: 1;
  transform: scale(1);
}
.anime.img-zoom {
  overflow: hidden;
  transition: 2s var(--cubic);
}
.anime.img-zoom img {
  transform: scale(1.2);
  transition: 3s var(--cubic);
}
.anime.img-zoom.active {
  opacity: 1;
}
.anime.img-zoom.active img {
  transform: scale(1);
}
.anime.para {
  opacity: 1;
}

/* 左から入る */
@keyframes leafSwingLeft {
  0% {
    transform: translate(-10%, -20%) rotate(-10deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: translate(5%, 0) rotate(8deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate(0, 0) rotate(0);
    animation-timing-function: ease-out;
  }
}
/* 右から入る */
@keyframes leafSwingRight {
  0% {
    transform: translate(10%, -20%) rotate(5deg);
    animation-timing-function: ease-in-out;
  }
  50% {
    transform: translate(-5%, 0) rotate(-8deg);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translate(0, 0) rotate(0);
    animation-timing-function: ease-out;
  }
}
.u-w100 {
  width: 100%;
}

.u-contbg {
  background-color: #cddbbf;
}

/* ------------------------------------------------------------
    txt letter-spacing
------------------------------------------------------------ */
.u-txt_space30 {
  letter-spacing: 0.3em;
}

.u-txt_space10 {
  letter-spacing: 0.1em;
}

.u-txt_space5 {
  letter-spacing: 0.05em;
}

.u-txt_space0 {
  letter-spacing: 0;
}

.u-txt_space-2 {
  letter-spacing: -0.02em;
}

.u-txt_space-5 {
  letter-spacing: -0.05em;
}

/* ==========================================================
 swipe icon
========================================================== */
.u-swipeIcon, .u-swipeIcon--PC {
  display: none;
  position: absolute;
  top: calc(50% - 5rem);
  left: calc(50vw - 5rem);
  width: 10rem;
  height: 10rem;
  animation: floating-X 1.2s ease-in-out infinite alternate-reverse;
  background-size: cover;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20400%20400%22%20style%3D%22enable-background%3Anew%200%200%20400%20400%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23353535%3Bfill-opacity%3A0.8%3B%7D%20.st1%7Bfill%3Anone%3Bstroke%3A%23FFFFFF%3Bstroke-width%3A13%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M356.6%2C368.6H43.4c-6.6%2C0-12-5.4-12-12V43.4c0-6.6%2C5.4-12%2C12-12h313.2c6.6%2C0%2C12%2C5.4%2C12%2C12v313.2%20C368.6%2C363.2%2C363.2%2C368.6%2C356.6%2C368.6z%22%2F%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2276.9%22%20y1%3D%22154.4%22%20x2%3D%22206.6%22%20y2%3D%22154.4%22%2F%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2276.9%22%20y1%3D%22156.6%22%20x2%3D%22120.3%22%20y2%3D%22200%22%2F%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%2278.5%22%20y1%3D%22151.9%22%20x2%3D%22121.9%22%20y2%3D%22108.5%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%22323.1%22%20y1%3D%22154.4%22%20x2%3D%22193.4%22%20y2%3D%22154.4%22%2F%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%22323.1%22%20y1%3D%22151.9%22%20x2%3D%22279.7%22%20y2%3D%22108.5%22%2F%3E%20%3Cline%20class%3D%22st1%22%20x1%3D%22321.5%22%20y1%3D%22156.6%22%20x2%3D%22278.1%22%20y2%3D%22200%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M135.9%2C245.5h-8v-1.8c0-1.8-0.4-3.4-1.3-4.7s-2.3-2-4.3-2c-1.1%2C0-2%2C0.2-2.7%2C0.6c-0.7%2C0.4-1.2%2C0.9-1.6%2C1.6%20c-0.4%2C0.7-0.7%2C1.4-0.9%2C2.3c-0.2%2C0.9-0.2%2C1.8-0.2%2C2.7c0%2C1.1%2C0%2C2%2C0.1%2C2.7s0.3%2C1.4%2C0.6%2C1.9c0.3%2C0.6%2C0.8%2C1.1%2C1.4%2C1.5s1.4%2C0.8%2C2.5%2C1.2%20l6.1%2C2.4c1.8%2C0.7%2C3.2%2C1.5%2C4.3%2C2.4s1.9%2C2%2C2.6%2C3.2c0.6%2C1.2%2C1%2C2.7%2C1.2%2C4.2c0.2%2C1.6%2C0.3%2C3.4%2C0.3%2C5.4c0%2C2.3-0.2%2C4.5-0.7%2C6.5%20s-1.2%2C3.7-2.3%2C5.1c-1.1%2C1.5-2.5%2C2.6-4.3%2C3.4s-3.9%2C1.2-6.5%2C1.2c-1.9%2C0-3.7-0.3-5.4-1c-1.7-0.7-3.1-1.6-4.3-2.8%20c-1.2-1.2-2.1-2.6-2.8-4.2c-0.7-1.6-1.1-3.3-1.1-5.2v-3h8v2.5c0%2C1.5%2C0.4%2C2.8%2C1.3%2C3.9c0.9%2C1.2%2C2.3%2C1.8%2C4.3%2C1.8%20c1.4%2C0%2C2.4-0.2%2C3.2-0.6c0.8-0.4%2C1.3-0.9%2C1.8-1.7c0.4-0.7%2C0.7-1.6%2C0.7-2.6s0.1-2.1%2C0.1-3.4c0-1.5-0.1-2.7-0.2-3.6s-0.3-1.7-0.6-2.3%20c-0.4-0.6-0.8-1-1.4-1.4s-1.4-0.8-2.4-1.2l-5.7-2.3c-3.4-1.4-5.7-3.3-6.9-5.6c-1.2-2.3-1.8-5.2-1.8-8.7c0-2.1%2C0.3-4.1%2C0.9-5.9%20c0.6-1.9%2C1.4-3.5%2C2.6-4.8c1.1-1.4%2C2.5-2.4%2C4.2-3.2s3.7-1.2%2C6-1.2c2%2C0%2C3.8%2C0.4%2C5.4%2C1.1c1.6%2C0.7%2C3.1%2C1.7%2C4.2%2C2.9%20c2.4%2C2.5%2C3.6%2C5.4%2C3.6%2C8.6V245.5z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M167.1%2C269.2v3.4c0%2C1.7-0.3%2C3.3-1%2C4.9c-0.7%2C1.5-1.5%2C2.9-2.7%2C4.1c-1.1%2C1.2-2.5%2C2.1-4%2C2.8%20c-1.5%2C0.7-3.2%2C1.1-5%2C1.1c-1.5%2C0-3-0.2-4.6-0.6s-3-1.1-4.2-2.2c-1.2-1-2.3-2.4-3.1-4s-1.2-3.7-1.2-6.3v-30.6c0-1.8%2C0.3-3.5%2C0.9-5.1%20c0.6-1.6%2C1.5-2.9%2C2.7-4.1c1.1-1.1%2C2.5-2%2C4.1-2.7c1.6-0.6%2C3.3-1%2C5.3-1c3.7%2C0%2C6.8%2C1.2%2C9.1%2C3.7c1.1%2C1.2%2C2%2C2.6%2C2.7%2C4.2%20c0.6%2C1.6%2C1%2C3.4%2C1%2C5.3v3.1h-8v-2.7c0-1.6-0.4-2.9-1.3-4.1c-0.9-1.1-2.1-1.7-3.6-1.7c-2%2C0-3.3%2C0.6-3.9%2C1.8c-0.7%2C1.2-1%2C2.8-1%2C4.6%20v28.4c0%2C1.6%2C0.4%2C3%2C1.1%2C4.1c0.7%2C1.1%2C2%2C1.6%2C3.8%2C1.6c0.5%2C0%2C1.1-0.1%2C1.7-0.3c0.6-0.2%2C1.2-0.5%2C1.7-0.9s0.9-1%2C1.2-1.7s0.5-1.6%2C0.5-2.7%20v-2.7h7.8V269.2z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M173.6%2C285v-55.5h12.8c9.4%2C0%2C14%2C5.4%2C14%2C16.3c0%2C3.3-0.5%2C6.1-1.5%2C8.3c-1%2C2.3-2.8%2C4.1-5.3%2C5.5l8.6%2C25.3h-8.4%20l-7.4-23.7h-4.8V285H173.6z%20M181.6%2C237v17.3h4.5c1.4%2C0%2C2.5-0.2%2C3.4-0.6c0.8-0.4%2C1.5-0.9%2C1.9-1.7c0.4-0.7%2C0.7-1.6%2C0.9-2.7%20c0.2-1.1%2C0.2-2.3%2C0.2-3.7s-0.1-2.6-0.2-3.7c-0.2-1.1-0.5-2-0.9-2.8c-1-1.5-2.9-2.2-5.6-2.2L181.6%2C237L181.6%2C237z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M206.4%2C242.6c0-2.2%2C0.4-4.2%2C1.2-5.9s1.8-3.1%2C3.1-4.3c1.2-1.1%2C2.7-1.9%2C4.2-2.5s3.2-0.9%2C4.8-0.9%20s3.2%2C0.3%2C4.8%2C0.9c1.6%2C0.6%2C3%2C1.4%2C4.3%2C2.5c1.2%2C1.1%2C2.3%2C2.6%2C3%2C4.3c0.8%2C1.7%2C1.2%2C3.7%2C1.2%2C5.9v29.3c0%2C2.3-0.4%2C4.3-1.2%2C6s-1.8%2C3-3%2C4.1%20c-1.3%2C1.1-2.7%2C2-4.3%2C2.6s-3.2%2C0.9-4.8%2C0.9s-3.2-0.3-4.8-0.9s-3-1.4-4.2-2.6c-1.3-1.1-2.3-2.5-3.1-4.1c-0.8-1.7-1.2-3.7-1.2-6%20V242.6z%20M214.3%2C271.9c0%2C1.9%2C0.5%2C3.3%2C1.6%2C4.2c1.1%2C0.9%2C2.3%2C1.4%2C3.8%2C1.4s2.7-0.5%2C3.8-1.4s1.6-2.3%2C1.6-4.2v-29.3%20c0-1.9-0.5-3.3-1.6-4.2s-2.3-1.4-3.8-1.4s-2.7%2C0.5-3.8%2C1.4s-1.6%2C2.3-1.6%2C4.2V271.9z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M240%2C285v-55.5h8V277h15.8v8H240z%22%2F%3E%20%3Cpath%20class%3D%22st2%22%20d%3D%22M268.9%2C285v-55.5h8V277h15.8v8H268.9z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  z-index: 5;
}
.u-swipeIcon--PC {
  display: block;
}
@keyframes floating-X {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(10%);
  }
}
@media only screen and (max-width: 767px) {
  .u-swipeIcon, .u-swipeIcon--PC {
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20400%20400%22%20style%3D%22enable-background%3Anew%200%200%20400%20400%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23757474%3Bfill-opacity%3A0.8%3B%7D%20.st1%7Bfill%3A%23333333%3B%7D%20.st2%7Bfill%3Anone%3Bstroke%3A%23333333%3Bstroke-width%3A10.4097%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st3%7Bfill%3Anone%3Bstroke%3A%23333333%3Bstroke-width%3A10.2492%3Bstroke-linecap%3Around%3Bstroke-miterlimit%3A10%3B%7D%20.st4%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M356.6%2C368.6H43.4c-6.6%2C0-12-5.4-12-12V43.4c0-6.6%2C5.4-12%2C12-12h313.2c6.6%2C0%2C12%2C5.4%2C12%2C12v313.2%20C368.6%2C363.2%2C363.2%2C368.6%2C356.6%2C368.6z%22%2F%3E%3Cg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M180.4%2C204c0-23.7%2C0-46.6%2C0-69.7c0-10%2C5.5-17.5%2C14.3-19.8c12.7-3.4%2C24.7%2C5.8%2C25%2C19.3c0.2%2C7.1%2C0%2C14.2%2C0%2C21.4%20c0%2C1.4%2C0%2C2.8%2C0%2C4.4c10.1-2.6%2C18.1-0.3%2C23.9%2C7.9c13.3-5.8%2C26.2-0.7%2C29.9%2C14.6c3.1-0.3%2C6.1-1%2C9.1-0.8c11.3%2C1%2C18.4%2C8.9%2C18.4%2C20.6%20c0.1%2C16.2-0.9%2C32.5%2C0.3%2C48.6c1%2C14.6-2%2C27.2-12.2%2C37.7c-3.9%2C4.1-4.9%2C8.9-4.6%2C14.4c0.3%2C6.1%2C0.1%2C12.2%2C0.1%2C18.4c0%2C5-2.2%2C7.3-7.3%2C7.4%20c-26%2C0.1-52%2C0.1-78%2C0c-4.8%2C0-7-2.4-7.1-7.2c-0.1-7.7%2C0.1-15.4-0.1-23c-0.1-2.3-0.8-4.8-2-6.7c-13.6-21.4-27.2-42.5-41-63.7%20c-6.1-9.6-5.1-20.3%2C2.8-26.8c8.1-6.7%2C18.4-5.9%2C26.8%2C2.1C179.1%2C203.2%2C179.4%2C203.4%2C180.4%2C204z%20M272.2%2C315.7c0-7.2-0.3-14%2C0.1-20.8%20c0.2-2.6%2C1-5.6%2C2.5-7.9c3.9-6.1%2C8.4-11.9%2C12.5-17.9c0.9-1.2%2C1.5-2.8%2C1.5-4.2c0.1-21.2%2C0.1-42.4%2C0-63.5c0-5.1-3.2-8-7.9-7.9%20c-4.6%2C0.1-7.3%2C3-7.4%2C8c-0.1%2C4.7%2C0.1%2C9.4-0.1%2C14.1c-0.1%2C4.4-3.2%2C7.1-7.1%2C6.4c-3.9-0.8-5.1-3.6-5.1-7.2c0-9.4%2C0-18.8%2C0-28.1%20c0-6.2-2.6-9.4-7.4-9.3c-4.8%2C0.1-7.2%2C3.2-7.3%2C9.6c0%2C6.2%2C0.1%2C12.5%2C0%2C18.8c-0.1%2C4.6-2.6%2C7.6-6.3%2C7.4c-3.6-0.2-5.8-3-5.8-7.4%20c0-9%2C0-17.9%2C0-26.8c0-4.9-3.2-8.2-7.3-8.2c-4.4%2C0-7.2%2C3.2-7.2%2C8.2c-0.1%2C8.6%2C0%2C17.3%2C0%2C26c0%2C5.1-2.2%2C8.1-6.1%2C8.3%20c-3.9%2C0.2-6.4-3-6.5-8.3c0-12%2C0-24.2%2C0-36.2c0-11.5%2C0.1-23.1%2C0-34.5c0-5.4-3.3-8.5-8.3-7.9c-4.1%2C0.5-6.3%2C3.7-6.3%2C9.1%20c0%2C29.6%2C0%2C59.1%2C0%2C88.7c0%2C3.7-0.8%2C6.6-4.5%2C7.7c-3.7%2C1-5.8-1.2-7.6-4c-3.3-5.1-6.6-10.2-10.2-15.2c-1.1-1.5-3.3-3.4-5-3.3%20c-2.4%2C0.1-5.2%2C1.3-6.8%2C3.1c-2.1%2C2.4-1.2%2C5.5%2C0.6%2C8.2c14.3%2C22%2C28.6%2C44%2C42.7%2C66.2c1.5%2C2.5%2C2.4%2C5.7%2C2.6%2C8.6c0.3%2C6.7%2C0.1%2C13.5%2C0.1%2C20.3%20C227.2%2C315.7%2C249.3%2C315.7%2C272.2%2C315.7z%22%2F%3E%20%3Cg%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2291.7%22%20y1%3D%22133.3%22%20x2%3D%22138.9%22%20y2%3D%22133.3%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2291.7%22%20y1%3D%22134.1%22%20x2%3D%22107.5%22%20y2%3D%22149.9%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%2292.3%22%20y1%3D%22132.4%22%20x2%3D%22108.1%22%20y2%3D%22116.6%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%22308.3%22%20y1%3D%22133.3%22%20x2%3D%22261.1%22%20y2%3D%22133.3%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%22308.3%22%20y1%3D%22132.4%22%20x2%3D%22292.5%22%20y2%3D%22116.6%22%2F%3E%20%3Cline%20class%3D%22st2%22%20x1%3D%22307.7%22%20y1%3D%22134.1%22%20x2%3D%22291.9%22%20y2%3D%22149.9%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M170.3%2C164.4c-7.6-7.6-12.3-18.1-12.3-29.7s4.7-22.1%2C12.3-29.7c7.6-7.6%2C18.1-12.3%2C29.7-12.3%20s22.1%2C4.7%2C29.7%2C12.3c7.6%2C7.6%2C12.3%2C18.1%2C12.3%2C29.7s-4.7%2C22.1-12.3%2C29.7%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M272.2%2C315.7c0-7.2-0.3-14%2C0.1-20.8c0.2-2.6%2C1-5.6%2C2.5-7.9c3.9-6.1%2C8.4-11.9%2C12.5-17.9%20c0.9-1.2%2C1.5-2.8%2C1.5-4.2c0.1-21.2%2C0.1-42.4%2C0-63.5c0-5.1-3.2-8-7.9-7.9c-4.6%2C0.1-7.3%2C3-7.4%2C8c-0.1%2C4.7%2C0.1%2C9.4-0.1%2C14.1%20c-0.1%2C4.4-3.2%2C7.1-7.1%2C6.4c-3.9-0.8-5.1-3.6-5.1-7.2c0-9.4%2C0-18.8%2C0-28.1c0-6.2-2.6-9.4-7.4-9.3c-4.8%2C0.1-7.2%2C3.2-7.3%2C9.6%20c0%2C6.2%2C0.1%2C12.5%2C0%2C18.8c-0.1%2C4.6-2.6%2C7.6-6.3%2C7.4c-3.6-0.2-5.8-3-5.8-7.4c0-9%2C0-17.9%2C0-26.8c0-4.9-3.2-8.2-7.3-8.2%20c-4.4%2C0-7.2%2C3.2-7.2%2C8.2c-0.1%2C8.6%2C0%2C17.3%2C0%2C26c0%2C5.1-2.2%2C8.1-6.1%2C8.3c-3.9%2C0.2-6.4-3-6.5-8.3c0-12%2C0-24.2%2C0-36.2%20c0-11.5%2C0.1-23.1%2C0-34.5c0-5.4-3.3-8.5-8.3-7.9c-4.1%2C0.5-6.3%2C3.7-6.3%2C9.1c0%2C29.6%2C0%2C59.1%2C0%2C88.7c0%2C3.7-0.8%2C6.6-4.5%2C7.7%20c-3.7%2C1-5.8-1.2-7.6-4c-3.3-5.1-6.6-10.2-10.2-15.2c-1.1-1.5-3.3-3.4-5-3.3c-2.4%2C0.1-5.2%2C1.3-6.8%2C3.1c-2.1%2C2.4-1.2%2C5.5%2C0.6%2C8.2%20c14.3%2C22%2C28.6%2C44%2C42.7%2C66.2c1.5%2C2.5%2C2.4%2C5.7%2C2.6%2C8.6c0.3%2C6.7%2C0.1%2C13.5%2C0.1%2C20.3C227.2%2C315.7%2C249.3%2C315.7%2C272.2%2C315.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}

.u-num {
  font-size: 1.4em !important;
}

.u-arw {
  width: 0.8em;
  height: 0.8em;
  position: relative;
}
.u-arw::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-90%, -50%) rotate(45deg);
  width: 100%;
  height: 100%;
  border-top: 1px solid white;
  border-right: 1px solid white;
  position: absolute;
}

/* ==========================================================
 zoom icon
========================================================== */
.u-zoomicon {
  position: absolute;
  width: 10rem;
  height: 10rem;
  top: calc(50% - 6rem);
  left: calc(50% - 6rem);
  background-image: url(../../../assets/images/common/i_pinch.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 0.2s;
  animation: zoom 1.5s infinite linear;
  display: none;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .u-zoomicon {
    display: block;
  }
}

@keyframes zoom {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
/*# sourceMappingURL=../../map/common/common.css.map */