@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%;
}

/* ==========================================================
 base body style
========================================================== */
body {
  color: #191919;
  font-family: YakuHanJP, "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  overflow-y: scroll;
  overflow-x: hidden;
}

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

i {
  display: inline-block;
}

/* ------------------------------------------------------------
    display
------------------------------------------------------------ */
.c-pc {
  display: block;
}
@media only screen and (max-width: 767px) {
  .c-pc {
    display: none;
  }
}

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

/* ------------------------------------------------------------
    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;
  }
}

/* ------------------------------------------------------------
    grid layout
------------------------------------------------------------ */
.c-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.c-grid.gap5 {
  gap: 0.5rem;
}
.c-grid.gap10 {
  gap: 1rem;
}
.c-grid.gap15 {
  gap: 1.5rem;
}
.c-grid.gap20 {
  gap: 2rem;
}
.c-grid.gap25 {
  gap: 2.5rem;
}
.c-grid.gap30 {
  gap: 3rem;
}
.c-grid.gap35 {
  gap: 3.5rem;
}
.c-grid.gap40 {
  gap: 4rem;
}
.c-grid.gap45 {
  gap: 4.5rem;
}
.c-grid.gap50 {
  gap: 5rem;
}
.c-grid__col50 {
  grid-column: span 6;
}
.c-grid__col25 {
  grid-column: span 3;
}
.c-grid__col75 {
  grid-column: span 9;
}
.c-grid__col100 {
  grid-column: span 12;
}
.c-grid__c1 {
  grid-column: span 1;
}
.c-grid__c2 {
  grid-column: span 2;
}
.c-grid__c3 {
  grid-column: span 3;
}
.c-grid__c4 {
  grid-column: span 4;
}
.c-grid__c5 {
  grid-column: span 5;
}
.c-grid__c6 {
  grid-column: span 6;
}
.c-grid__c7 {
  grid-column: span 7;
}
.c-grid__c8 {
  grid-column: span 8;
}
.c-grid__c9 {
  grid-column: span 9;
}
.c-grid__c10 {
  grid-column: span 10;
}
.c-grid__c11 {
  grid-column: span 11;
}
.c-grid__c12 {
  grid-column: span 12;
}
@media only screen and (max-width: 1080px) {
  .c-grid.gap5--sp {
    gap: 0.5rem !important;
  }
  .c-grid.gap10--sp {
    gap: 1rem !important;
  }
  .c-grid.gap15--sp {
    gap: 1.5rem !important;
  }
  .c-grid.gap20--sp {
    gap: 2rem !important;
  }
  .c-grid.gap25--sp {
    gap: 2.5rem !important;
  }
  .c-grid.gap30--sp {
    gap: 3rem !important;
  }
  .c-grid.gap35--sp {
    gap: 3.5rem !important;
  }
  .c-grid.gap40--sp {
    gap: 4rem !important;
  }
  .c-grid.gap45--sp {
    gap: 4.5rem !important;
  }
  .c-grid.gap50--sp {
    gap: 5rem !important;
  }
  .c-grid__col50--md {
    grid-column: span 6;
  }
  .c-grid__col25--md {
    grid-column: span 3;
  }
  .c-grid__col75--md {
    grid-column: span 9;
  }
  .c-grid__col100--md {
    grid-column: span 12;
  }
  .c-grid__c1--md {
    grid-column: span 1;
  }
  .c-grid__c2--md {
    grid-column: span 2;
  }
  .c-grid__c3--md {
    grid-column: span 3;
  }
  .c-grid__c4--md {
    grid-column: span 4;
  }
  .c-grid__c5--md {
    grid-column: span 5;
  }
  .c-grid__c6--md {
    grid-column: span 6;
  }
  .c-grid__c7--md {
    grid-column: span 7;
  }
  .c-grid__c8--md {
    grid-column: span 8;
  }
  .c-grid__c9--md {
    grid-column: span 9;
  }
  .c-grid__c10--md {
    grid-column: span 10;
  }
  .c-grid__c11--md {
    grid-column: span 11;
  }
  .c-grid__c12--md {
    grid-column: span 12;
  }
}
@media only screen and (max-width: 767px) {
  .c-grid.gap5--sp {
    gap: 0.5rem !important;
  }
  .c-grid.gap10--sp {
    gap: 1rem !important;
  }
  .c-grid.gap15--sp {
    gap: 1.5rem !important;
  }
  .c-grid.gap20--sp {
    gap: 2rem !important;
  }
  .c-grid.gap25--sp {
    gap: 2.5rem !important;
  }
  .c-grid.gap30--sp {
    gap: 3rem !important;
  }
  .c-grid.gap35--sp {
    gap: 3.5rem !important;
  }
  .c-grid.gap40--sp {
    gap: 4rem !important;
  }
  .c-grid.gap45--sp {
    gap: 4.5rem !important;
  }
  .c-grid.gap50--sp {
    gap: 5rem !important;
  }
  .c-grid__col50--sp {
    grid-column: span 6;
  }
  .c-grid__col25--sp {
    grid-column: span 3;
  }
  .c-grid__col75--sp {
    grid-column: span 9;
  }
  .c-grid__col100--sp {
    grid-column: span 12;
  }
  .c-grid__c1--sp {
    grid-column: span 1;
  }
  .c-grid__c2--sp {
    grid-column: span 2;
  }
  .c-grid__c3--sp {
    grid-column: span 3;
  }
  .c-grid__c4--sp {
    grid-column: span 4;
  }
  .c-grid__c5--sp {
    grid-column: span 5;
  }
  .c-grid__c6--sp {
    grid-column: span 6;
  }
  .c-grid__c7--sp {
    grid-column: span 7;
  }
  .c-grid__c8--sp {
    grid-column: span 8;
  }
  .c-grid__c9--sp {
    grid-column: span 9;
  }
  .c-grid__c10--sp {
    grid-column: span 10;
  }
  .c-grid__c11--sp {
    grid-column: span 11;
  }
  .c-grid__c12--sp {
    grid-column: span 12;
  }
}

/* ------------------------------------------------------------
    txt
------------------------------------------------------------ */
.c-txtBr {
  display: inline-block;
}

.c-txt_en {
  font-family: "Oswald", sans-serif;
  font-size: 115%;
  line-height: 1;
}

.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: 18px;
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  .c-f18 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .c-f18 {
    font-size: 1.6rem;
  }
}

.c-f14 {
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .c-f14 {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .c-f14 {
    font-size: 1.2rem;
  }
}

.c-f12 {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .c-f12 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .c-f12 {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-f12 {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .c-f12 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .c-f12 {
    font-size: 1.4rem;
  }
}

.c-f11 {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .c-f11 {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .c-f11 {
    font-size: 1rem;
  }
}

.c-f10 {
  line-height: 1.4;
  font-size: 10px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .c-f10 {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .c-f10 {
    font-size: 1rem;
  }
}

.c-cap {
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: calc(100% - 10px);
  text-align: right;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 767px) {
  .c-cap {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .c-cap {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-cap {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .c-cap {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .c-cap {
    font-size: 1.4rem;
  }
}

/* ------------------------------------------------------------
	image caption
------------------------------------------------------------ */
.c-imgBox {
  position: relative;
}
.c-imgBox__cap, .c-imgBox__cap--mix, .c-imgBox__cap--L, .c-imgBox__cap--blk {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  font-size: 1.1rem;
  color: #fff;
  line-height: 1;
  padding: 2px 3px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5);
}
.c-imgBox__cap--blk {
  color: #191919;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 10px rgba(255, 255, 255, 0.5);
}
.c-imgBox__cap--L {
  right: unset;
  left: 0;
}
.c-imgBox__cap--mix {
  text-shadow: none;
  color: #fff;
  mix-blend-mode: difference;
}
.c-imgBox img {
  width: 100%;
}

/* ------------------------------------------------------------
    block
------------------------------------------------------------ */
.c-container {
  width: 90%;
  max-width: 1200px;
  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: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* ==========================================================
    ローディングアニメーション
========================================================== */
.c-loader {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #44907C;
  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%, #44907C 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: #44907C;
  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);
  }
}
/* ------------------------------------------------------------
    グロナビの高さ分mainを下げる
------------------------------------------------------------ */
.u-main-top {
  margin-top: 7rem;
}
@media only screen and (max-width: 1080px) {
  .u-main-top {
    margin-top: 6.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .u-main-top {
    margin-top: 6.5rem;
  }
}

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

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

.u-tabsp {
  display: none !important;
}
@media only screen and (max-width: 1080px) {
  .u-tabsp {
    display: block !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-inner {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* ------------------------------------------------------------
    flex layout 微調整時のみ使用
------------------------------------------------------------ */
.u-flex {
  width: 100%;
  display: flex !important;
}
.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_c-sp {
    text-align: center !important;
  }
  .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: "Oswald", sans-serif;
}

.u-t-ja {
  font-family: YakuHanJP, "Zen Kaku Gothic New", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/* ------------------------------------------------------------
    text size　微修正時のみ使用
------------------------------------------------------------ */
.u-f18 {
  font-size: 1.8rem;
  line-height: 1.5;
}

.u-f16 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .u-f16 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .u-f16 {
    font-size: 1.4rem;
  }
}

.u-f14 {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .u-f14 {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .u-f14 {
    font-size: 1.2rem;
  }
}

.u-f12 {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .u-f12 {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .u-f12 {
    font-size: 1rem;
  }
}

.u-f11 {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .u-f11 {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .u-f11 {
    font-size: 1rem;
  }
}

.u-f10 {
  line-height: 1.4;
  font-size: 10px;
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .u-f10 {
    font-size: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .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;
}

.u-btn, .u-btn--ft {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #FFE100;
  color: #2E6D5D;
  display: flex;
  justify-content: center;
  font-weight: bold;
  gap: 0.5em;
  padding: 0.5em 1em;
  border-radius: 3em;
  transition: 0.3s;
}
.u-btn i, .u-btn--ft i {
  width: 1.5em;
  height: 1.5em;
  border-radius: 2em;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.u-btn i::before, .u-btn--ft i::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  color: #2E6D5D;
  line-height: 1;
  width: 0.45em;
  height: 0.45em;
  border: 0.15em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-10%) rotate(45deg);
}
.u-btn--ft {
  border-radius: 1em 1em 0 0;
  font-size: 2rem;
}
@media (hover: hover) and (pointer: fine) {
  .u-btn:hover:hover, .u-btn--ft:hover:hover {
    background-color: #fff;
  }
  .u-btn:hover:hover i, .u-btn--ft:hover:hover i {
    background-color: #FFE100;
  }
}

.is-anime.mask {
  clip-path: inset(0 100% 0 0);
  transition: 1s ease-in-out;
}
.is-anime.mask.active {
  clip-path: inset(0 0 0 0);
}
.is-anime.mask.slow {
  transition: 1.5s ease-in-out;
}
.is-anime.fade {
  filter: blur(20px);
  opacity: 0;
  transform: translateY(5rem);
  transition: 1s;
}
.is-anime.fade.active {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.u-w100 {
  width: 100%;
}

/* ------------------------------------------------------------
    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 {
  display: none;
  position: absolute;
  top: calc(50% - 5rem);
  left: calc(50vw - 7.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: 1;
}
@keyframes floating-X {
  0% {
    transform: translateX(-10%);
  }
  100% {
    transform: translateX(10%);
  }
}
.u-swipeIcon--design {
  display: block;
  left: 50%;
}
@media only screen and (max-width: 767px) {
  .u-swipeIcon--design {
    left: calc(50vw - 4.5rem);
  }
}
@media only screen and (max-width: 767px) {
  .u-swipeIcon {
    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");
  }
}

body {
  background-color: #44907C;
  overflow-x: hidden;
}
body.modalOpen, body.js-nav-open {
  overflow: hidden;
}

.main {
  position: relative;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 420px 1fr;
}
@media only screen and (max-width: 1080px) {
  .main {
    display: block;
  }
}
.main .navArea {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 0 3vw;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #44907C;
}
@media only screen and (max-width: 1080px) {
  .main .navArea {
    width: 400px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    align-items: baseline;
    z-index: 2;
    padding: 0;
    background-color: unset;
  }
  .modalOpen .main .navArea {
    display: none;
  }
}
.main .navArea__openMenu {
  position: fixed;
  top: 0;
  right: 0.5rem;
  display: none;
  cursor: pointer;
  z-index: 3;
}
@media only screen and (max-width: 1080px) {
  .main .navArea__openMenu {
    display: block;
    width: 5rem;
    height: 5rem;
    margin: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .main .navArea__openMenu {
    width: 3.5rem;
    height: 3.5rem;
    margin: 1.5rem;
  }
}
.main .navArea__openMenu span {
  display: inline-block;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #30312d;
  width: 100%;
  transform: translateY(-50%);
}
.main .navArea__openMenu span:nth-of-type(1) {
  top: 25%;
}
.main .navArea__openMenu span:nth-of-type(2) {
  top: 50%;
}
.main .navArea__openMenu span:nth-of-type(3) {
  top: 75%;
}
.main .navArea__openMenu.is-active span:nth-of-type(1) {
  top: 50%;
  left: 10%;
  transform: rotate(45deg);
  width: 80%;
}
.main .navArea__openMenu.is-active span:nth-of-type(2) {
  opacity: 0;
}
.main .navArea__openMenu.is-active span:nth-of-type(3) {
  top: 50%;
  left: 10%;
  transform: rotate(-45deg);
  width: 80%;
}
.main .navArea__inner {
  width: 350px;
}
@media only screen and (max-width: 1080px) {
  .main .navArea__inner {
    width: 100%;
  }
}
@media only screen and (max-width: 1080px) {
  .main .navArea .logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 400px;
    display: block;
    padding: 1.5rem 2rem;
    background-color: #fff;
    z-index: 3;
  }
}
@media only screen and (max-width: 1080px) {
  .main .navArea nav {
    position: fixed;
    top: 6.7rem;
    left: 0;
    width: 100%;
    height: 100vh;
    transform: translateY(-100%);
    background-color: #fff;
    z-index: 2;
    transition: 0.5s;
  }
  .js-nav-open .main .navArea nav {
    transform: translateY(0);
  }
}
.main .navArea .navList {
  margin: 2rem 0 5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media only screen and (max-width: 1080px) {
  .main .navArea .navList {
    gap: 0;
    margin: 0;
  }
}
.main .navArea .navList__item a {
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 500;
  gap: 0.5em;
}
@media only screen and (max-width: 1080px) {
  .main .navArea .navList__item a {
    color: #30312d;
    padding: 2rem;
    border-top: 1px solid #ccc;
  }
}
.main .navArea .navList__item a::before {
  content: "";
  display: inline-block;
  width: 0.7em;
  height: 0.7em;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: currentColor;
}
@media only screen and (max-width: 1080px) {
  .main .navArea .navList__item a::before {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .main .navArea .navList__item a:hover:hover {
    color: #FFE100;
  }
}
.main .navArea .baloon {
  margin-inline: auto;
  width: 80%;
}
.main .navArea .baloon img {
  width: 100%;
  max-width: auto;
}
@media only screen and (max-width: 1080px) {
  .main .navArea .baloon {
    display: none;
  }
}
.main .navArea .property {
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0;
}
@media only screen and (max-width: 1080px) {
  .main .navArea .property {
    display: none;
  }
}
.main .navArea .property em {
  font-size: 1.2em;
}
.main .navArea .cvBtn {
  margin-top: 1rem;
  font-size: 1.8rem;
}
@media only screen and (max-width: 1080px) {
  .main .navArea .cvBtn {
    display: none;
  }
}
.main .navArea .corp {
  margin-top: 2rem;
  color: #fff;
}
@media only screen and (max-width: 1080px) {
  .main .navArea .corp {
    display: none;
  }
}
.main .navArea .corp__logo {
  width: 100%;
}
.main .navArea .corp .tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2em;
  color: #fff;
  font-size: 5.5rem;
  line-height: 1;
  font-family: "Oswald", sans-serif;
}
.main .navArea .corp .tel__icon {
  height: 0.7em;
  width: auto;
}
.main .navArea .corp .scd {
  font-size: 1.4rem;
  text-align: center;
}
.main .mainContent {
  position: relative;
  z-index: 1;
  width: 400px;
  overflow-x: hidden;
  background-color: #fff;
  margin-left: 2rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 1080px) {
  .main .mainContent {
    margin-inline: auto;
    padding-top: 6.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .main .mainContent {
    width: 100%;
  }
}
.main .mainContent .mv {
  position: relative;
  background-color: #44907C;
  z-index: 1;
}
.main .mainContent .mv__copy {
  position: absolute;
  top: 10rem;
  right: 3rem;
}
.main .mainContent .mv__copy .copy01 {
  clip-path: inset(0 0 100% 0);
  transition: 0.5s;
}
.loaded .main .mainContent .mv__copy .copy01 {
  clip-path: inset(0 0 0 0);
}
.main .mainContent .mv__copy .copy02 {
  clip-path: inset(0 0 100% 0);
  transition: 1s;
  transition-delay: 0.5s;
}
.loaded .main .mainContent .mv__copy .copy02 {
  clip-path: inset(0 0 0 0);
}
.main .mainContent .mv__baloon {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: translateY(50%);
  transition: 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  transition-delay: 1.8s;
}
.loaded .main .mainContent .mv__baloon {
  opacity: 1;
  transform: translateY(25%);
}
.main .mainContent .eventDetail {
  position: relative;
  background-color: #44907C;
  background-image: url(../images/flags.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 3rem;
}
.main .mainContent .eventDetail__inner {
  width: 90%;
  margin-inline: auto;
  opacity: 0;
  transition-duration: 1s;
  transition-delay: 1.5s;
}
.loaded .main .mainContent .eventDetail__inner {
  opacity: 1;
}
.main .mainContent .eventDetail__cvBtn {
  margin-top: 2rem;
  font-size: 2rem;
}
.main .mainContent .intro {
  padding-top: 5rem;
  background-color: #44907C;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.main .mainContent .intro__inner {
  position: relative;
  width: 90%;
  margin-inline: auto;
}
.main .mainContent .intro__inner .sun {
  position: absolute;
  top: 0;
  left: 0;
}
.main .mainContent .intro__inner .sun.active {
  animation: sun 2s ease-in-out infinite;
}
.main .mainContent .intro__inner .txt01 {
  padding-top: 5rem;
  font-size: 2.4rem;
}
.main .mainContent .intro__inner .txt02 {
  position: relative;
  margin-top: 2rem;
}
.main .mainContent .intro__inner .txt02 .bird {
  position: absolute;
  bottom: 0;
  right: 0;
}
.main .mainContent .intro__inner .txt02 .bird.active {
  animation: sun 3s ease-in-out infinite;
}
.main .mainContent .intro__inner .family {
  margin-top: 3rem;
  transform: translateY(3rem);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .mainContent .intro__inner .family.active {
  transform: translateY(1.3rem);
}
.main .kajiraku {
  margin-top: 5rem;
}
.main .kajiraku__heading {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  transform: translateY(60%);
  z-index: 2;
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .kajiraku__heading.active {
  transform: translateY(30%);
}
.main .kajiraku__inner {
  width: 90%;
  margin-inline: auto;
}
.main .kajiraku__ph {
  z-index: 1;
}
.main .kajiraku__7magic {
  transform: translateY(-2rem);
  position: relative;
}
.main .kajiraku__7magic .mama {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-30%);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .kajiraku__7magic .mama.active {
  transform: translateX(0);
}
.main .kajiraku__7magic .papa {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(30%, -40%);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .kajiraku__7magic .papa.active {
  transform: translate(0, -40%);
}
.main .kajiraku__7magic .ttl {
  display: block;
  width: 55%;
  margin-inline: auto;
}
.main .kajiraku__plan {
  position: relative;
}
.main .kajiraku__plan__cap {
  margin-top: 1rem;
  font-size: 1.1rem;
  line-height: 1.2;
}
.main .kajiraku__plan__img {
  position: relative;
}
.main .kajiraku__plan__img button {
  cursor: pointer;
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background-color: #307DC1;
  color: #fff;
  font-size: 1.5rem;
  font-family: "Oswald", sans-serif;
}
.main .kajiraku__plan__img button.no1 {
  top: 64%;
  left: 30%;
}
.main .kajiraku__plan__img button.no2 {
  top: 50%;
  left: 12%;
}
.main .kajiraku__plan__img button.no3 {
  top: 40%;
  left: 0;
}
.main .kajiraku__plan__img button.no4 {
  top: 26%;
  left: 13%;
}
.main .kajiraku__plan__img button.no5 {
  top: 28%;
  left: 25%;
}
.main .kajiraku__plan__img button.no6 {
  top: 56%;
  left: 91%;
}
.main .kajiraku__plan__img button.no7 {
  top: 11%;
  left: 67%;
}
.main .kajiraku__plan__spec {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  align-items: end;
  gap: 0.5rem;
}
.main .kajiraku__plan__spec .detail {
  border: 1px solid #191919;
}
.main .kajiraku__plan__spec .detail dt {
  font-size: 1.15rem;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0.5rem;
  text-align: center;
  border-bottom: 1px solid #191919;
}
.main .kajiraku__plan__spec .detail dd {
  text-align: center;
  padding: 0.5rem;
  font-size: 1.4rem;
}
.main .kajiraku__plan__spec .detail dd .rooms {
  font-size: 2.5rem;
  line-height: 1.4;
  font-family: "Oswald", sans-serif;
}
.main .kajiraku__plan__spec .detail dd .area {
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
.main .kajiraku__plan__spec .detail dd .area li {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.main .kajiraku__plan__spec .detail dd .area li::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  display: inline-block;
  background-color: #ddd;
}
.main .kajiraku__plan__spec .staff {
  opacity: 0;
  transform: translateX(50%);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .kajiraku__plan__spec .staff.active {
  opacity: 1;
  transform: translateX(10%);
}
.main .kajiraku__modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #191919;
  width: 100%;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
}
.main .kajiraku__modal.is-active {
  opacity: 1;
  pointer-events: all;
}
.main .kajiraku__modal__close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-120%);
  width: 3rem;
  height: 4rem;
  color: #fff;
  font-size: 2rem;
}
.main .kajiraku__modal__close img {
  width: 100%;
}
.main .kajiraku__modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(34, 34, 34, 0.9);
  width: 100%;
  height: 100vh;
}
.main .kajiraku__modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 400px;
  width: 90%;
  border-radius: 1rem;
  background-color: #fff;
}
.main .kajiraku__modal .sliderImg {
  border-radius: 1rem 1rem 0 0;
}
.main .kajiraku__modal .slide-inner {
  position: relative;
  padding: 2rem;
}
.main .kajiraku__modal .slide-inner .slide-ttl {
  display: flex;
  align-items: end;
  gap: 1rem;
  font-weight: 600;
  font-size: 1.7rem;
  letter-spacing: 0;
  line-height: 2.4;
  margin-top: -5rem;
}
.main .kajiraku__modal .slide-inner .slide-ttl i {
  background-color: #307DC1;
  color: #fff;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.6;
  padding: 5rem 1rem 0 1rem;
}
.main .kajiraku__modal .slide-inner .slide-lead {
  margin-top: 1rem;
  font-size: 1.5rem;
  letter-spacing: 0;
  text-align: left;
}
.main .kajiraku__modal .slide-inner .slide-illust {
  margin-top: 1rem;
  display: flex;
  justify-content: end;
}
.main .kajiraku__slider {
  overflow: hidden;
  margin: 1.5rem -5% 0;
  position: relative;
}
.main .kajiraku__slider .list {
  display: flex;
  transition: transform 0.3s ease;
  will-change: transform;
}
.main .kajiraku__slider .list__item {
  min-width: calc(100% - 1rem);
  box-sizing: border-box;
  text-align: center;
  margin: 0 0.5rem;
}
.main .kajiraku__slider .carousel-nav {
  position: absolute;
  top: 25%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: #191919;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  transition: all 0.2s ease;
  color: #fff;
}
.main .kajiraku__slider .carousel-nav:active {
  transform: translateY(-50%) scale(0.95);
}
.main .kajiraku__slider .carousel-nav--prev {
  left: 0;
}
.main .kajiraku__slider .carousel-nav--next {
  right: 0;
}
.main .kajiraku__slider .carousel-nav svg {
  width: 20px;
  height: 20px;
}
.main .kajiraku__slider__item {
  border: 2px solid #191919;
  border-radius: 1rem;
  width: 100%;
}
.main .kajiraku__slider__item .sliderImg {
  border-radius: 1rem 1rem 0 0;
}
.main .kajiraku__slider__item .slide-inner {
  position: relative;
  padding: 2rem;
}
.main .kajiraku__slider__item .slide-inner .slide-ttl {
  display: flex;
  align-items: end;
  gap: 1rem;
  font-weight: 600;
  font-size: 1.7rem;
  letter-spacing: 0;
  line-height: 2.4;
  margin-top: -5rem;
}
.main .kajiraku__slider__item .slide-inner .slide-ttl i {
  background-color: #307DC1;
  color: #fff;
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.6;
  padding: 5rem 1rem 0 1rem;
}
.main .kajiraku__slider__item .slide-inner .slide-lead {
  margin-top: 1rem;
  font-size: 1.5rem;
  letter-spacing: 0;
  text-align: left;
}
.main .kajiraku__slider__item .slide-inner .slide-illust {
  margin-top: 1rem;
  display: flex;
  justify-content: end;
}
.main .oniwa {
  margin-top: 5rem;
}
.main .oniwa__inner {
  width: 90%;
  margin-inline: auto;
}
.main .oniwa__heading {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  z-index: 2;
  transform: translateY(60%);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .oniwa__heading.active {
  transform: translateY(30%);
}
.main .oniwa__kazokujikan {
  position: relative;
}
.main .oniwa__kazokujikan .pet {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-30%, -40%);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .oniwa__kazokujikan .pet.active {
  transform: translate(0, -40%);
}
.main .oniwa__kazokujikan .insect {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(30%, -40%);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .oniwa__kazokujikan .insect.active {
  transform: translate(0, -40%);
}
.main .oniwa__kazokujikan .ttl {
  display: block;
  width: 55%;
  margin-inline: auto;
}
.main .oniwa__lead {
  margin-top: 2rem;
  font-size: 1.5rem;
}
.main .oniwa__ex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.main .oniwa__ex__txt {
  padding: 1rem;
}
.main .oniwa__ex__txt .txt01 {
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  font-size: 2rem;
}
.main .oniwa__ex__txt .txt02 {
  font-size: 1.5rem;
  line-height: 1.6;
}
.main .oniwa .watermelon {
  margin-top: 2rem;
  display: block;
  width: 70%;
  margin-inline: auto;
}
.main .performance {
  margin-top: 5rem;
  background-color: #FEFBEC;
  padding: 5% 5% 0;
}
.main .performance__heading {
  transform: translateY(1.5rem);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .performance__heading.active {
  transform: translateY(0);
}
.main .performance__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem 2rem;
  width: 95%;
  margin-inline: auto;
}
.main .performance__list .name {
  margin-top: 1rem;
  font-size: 1.3rem;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 500;
}
.main .performance__list .modalBtn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  margin-inline: auto;
  margin-top: 1rem;
  border-radius: 50%;
  border: 1px solid #30312d;
  font-size: 1.4rem;
  color: #30312d;
}
@media (hover: hover) and (pointer: fine) {
  .main .performance__list .modalBtn:hover:hover {
    background-color: #191919;
    color: #fff;
  }
}
.main .performance .modal {
  pointer-events: none;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 2;
  transition: 0.3s;
}
.main .performance .modal.is-active {
  pointer-events: all;
  opacity: 1;
}
.main .performance .modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(34, 34, 34, 0.9);
  width: 100%;
  height: 100vh;
}
.main .performance .modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 500px;
  border-radius: 1rem;
  background-color: #fff;
}
.main .performance .modal__content__close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-120%);
  width: 3rem;
  height: 4rem;
  color: #fff;
  font-size: 2rem;
}
.main .performance .modal__content__close img {
  width: 100%;
}
.main .performance .modal__content__img {
  position: relative;
}
.main .performance .modal__content__img img {
  border-radius: 1rem 1rem 0 0;
}
.main .performance .modal__content__imgCap {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.1rem;
}
.main .performance .modal__content__txt {
  padding: 2rem;
}
.main .performance .modal__content__heading {
  margin-top: -4rem;
  font-size: 3rem;
  font-weight: 600;
  display: flex;
  align-items: end;
  gap: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .main .performance .modal__content__heading {
    font-size: 2rem;
  }
}
.main .performance .modal__content__heading img {
  height: 8rem;
  width: auto;
  max-width: unset;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .main .performance .modal__content__heading img {
    height: 7rem;
  }
}
.main .performance .modal__content__item, .main .performance .modal__content__item--green {
  margin-top: 1rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: #307DC1;
}
@media only screen and (max-width: 767px) {
  .main .performance .modal__content__item, .main .performance .modal__content__item--green {
    font-size: 1.6rem;
  }
}
.main .performance .modal__content__item span, .main .performance .modal__content__item--green span {
  display: inline-block;
}
.main .performance .modal__content__item--green {
  color: #44907C;
}
.main .performance .modal__content__lead {
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.6;
  margin-top: 1rem;
}
.main .performance .modal__content__cap {
  margin-top: 1rem;
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.2;
}
@media only screen and (max-width: 767px) {
  .main .performance .modal__content__cap {
    font-size: 1rem;
  }
}
.main .performance .staff-voice {
  position: relative;
  background-image: url(../images/interior-img.jpg);
  background-size: 150% auto;
  background-repeat: no-repeat;
  background-position: 0% center;
  aspect-ratio: 1;
  margin: 5rem -6% 0;
  animation: bgSlide 20s ease-in-out infinite;
}
.main .performance .staff-voice__baloon {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  width: 50%;
}
.main .performance .staff-voice__ishizaki {
  position: absolute;
  bottom: 0;
  left: 1rem;
}
.main .performance .staff-voice__cap {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 1.1rem;
}
.main .voice {
  overflow-x: hidden;
  background-color: #44907C;
  padding: 3rem 0;
}
.main .voice__heading {
  background-image: url(../images/voice-illust.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  color: #fff;
  padding-left: 5%;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  transform: translateY(1.5rem);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .voice__heading.active {
  transform: translateY(0);
}
.main .voice__heading h3 {
  font-size: 5rem;
  font-family: "Oswald", sans-serif;
}
.main .voice__heading p {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 500;
}
.main .voice__inner {
  width: 90%;
  margin-inline: auto;
}
.main .voice__cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.main .voice__cards__cap {
  font-size: 1.1rem;
  letter-spacing: 0;
}
.main .voice__card {
  padding: 1.5rem 2rem;
  border: 1px solid #191919;
  background-color: #fff;
  border-radius: 0.5rem;
}
.main .voice__card span {
  background: linear-gradient(transparent 20%, #FFE100 20%);
  display: inline;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-repeat: no-repeat;
  background-size: 0;
  background-position: 0;
  transition: background-size 1s ease;
}
.main .voice__card span.active {
  background-size: 100%;
}
.main .voice__staff {
  margin-top: 1rem;
  color: #fff;
  font-size: 1.5rem;
}
.main .voice__oyamauchi {
  position: relative;
}
.main .voice__oyamauchi .baloon {
  position: absolute;
  top: 0;
  right: 0;
  width: 66%;
  transform: translateX(30%);
  opacity: 0;
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .voice__oyamauchi .baloon.active {
  transform: translateX(0);
  opacity: 1;
}
.main .voice__oyamauchi .ph {
  position: relative;
  z-index: 1;
}
.main .shopSlider {
  position: relative;
  margin: 0 -5%;
  padding: 0 10%;
  height: 330px;
  z-index: 1;
}
.main .shopSlider__cards {
  display: flex;
  transition: transform 0.3s ease;
  will-change: transform;
  height: 100%;
}
.main .shopSlider__card {
  min-width: calc(100% - 2rem);
  text-align: center;
  margin-right: 2rem;
  perspective: 1000px;
  height: 100%;
}
.main .shopSlider__card__inner {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 1rem;
  position: relative;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  transform-origin: center;
}
.main .shopSlider__card.is-flipped .shopSlider__card__inner {
  transform: rotateY(180deg);
}
.main .shopSlider__card__front, .main .shopSlider__card__back {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  backface-visibility: hidden;
}
.main .shopSlider__card__back {
  transform: rotateY(180deg);
  padding: 2rem;
}
.main .shopSlider__card__img {
  border-radius: 1rem 1rem 0 0;
  width: 100%;
  height: auto;
  display: block;
}
.main .shopSlider__card__txt {
  padding: 1.5rem;
  text-align: left;
}
.main .shopSlider__card__txt .name {
  font-weight: bold;
  font-size: 2rem;
  line-height: 1;
}
.main .shopSlider__card__txt .name small {
  font-size: 0.8em;
}
.main .shopSlider__card__txt .required {
  margin-top: 0.5rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.main .shopSlider__card__turnBtn {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
}
.main .more-nishibarato__inner {
  width: 90%;
  margin-inline: auto;
}
.main .more-nishibarato__heading {
  text-align: center;
}
.main .more-nishibarato__heading__baloon {
  transform: translateY(50%);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .more-nishibarato__heading__baloon.active {
  transform: translateY(0);
}
.main .more-nishibarato__heading__txt {
  font-size: 1.4rem;
  font-weight: 600;
}
.main .more-nishibarato__heading__txt em {
  font-size: 1.8em;
}
.main .more-nishibarato__gmap {
  height: 41rem;
  overflow-y: hidden;
  margin: 3rem -5.5% 0;
}
.main .more-nishibarato__gmap iframe {
  margin-top: -7rem;
}
.main .benefits {
  overflow-x: hidden;
  background-color: #307DC1;
  padding: 3rem 0;
}
.main .benefits__ttl {
  transform: translateY(50%);
  transition: 0.5s cubic-bezier(0.47, 1.64, 0.41, 0.8);
}
.main .benefits__ttl.active {
  transform: translateY(0);
}
.main .benefits__inner {
  width: 90%;
  margin-inline: auto;
}
.main .benefits__slider {
  position: relative;
  margin: 2rem -5% 0;
  padding: 0 10%;
  z-index: 1;
}
.main .benefits__slider__cards {
  display: flex;
  transition: transform 0.3s ease;
  will-change: transform;
  height: 100%;
}
.main .benefits__slider__card {
  min-width: calc(100% - 2rem);
  text-align: center;
  margin-right: 2rem;
  border-radius: 1rem;
  background-color: #fff;
}
.main .benefits__img {
  position: relative;
}
.main .benefits__img__cap {
  font-size: 1.1rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.main .benefits__img img {
  border-radius: 1rem 1rem 0 0;
  width: 100%;
  height: auto;
  display: block;
}
.main .benefits__present {
  position: relative;
  background-color: #FFE100;
  border: 1px solid #191919;
  font-family: "Oswald", sans-serif;
  font-size: 1.4rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 5rem;
  margin-inline: auto;
  margin-top: -1.8rem;
  z-index: 1;
}
.main .benefits__present em {
  font-size: 1.3em;
}
.main .benefits__lead {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  padding: 2rem 1rem;
}
.main .benefits__lead span {
  color: #307DC1;
}
.main .benefits__lead em {
  font-size: 1.8em;
}
.main .benefits__cap {
  margin-top: 0.5rem;
  padding: 0 3rem 0 2rem;
  font-size: 1.05rem;
  color: #fff;
  letter-spacing: 0;
}
.main .event-info {
  padding-bottom: 5rem;
  background-color: #44907C;
}
.main .event-info__ph {
  border-radius: 0 0 1rem 1rem;
}
.main .event-info__inner {
  width: 90%;
  margin-inline: auto;
}
.main .event-info__cvBtn {
  margin-top: 2rem;
  font-size: 2rem;
}
.main .event-info__heading {
  text-align: center;
}
.main .event-info__heading__baloon {
  margin-top: -2rem;
}
.main .foot {
  background-color: #191919;
  color: #fff;
  padding: 2rem 0;
}
.main .foot__inner {
  width: calc(100% - 4rem);
  margin-inline: auto;
}
.main .foot__link {
  padding: 2rem;
  margin-top: 2rem;
  border-top: 1px solid #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 2rem;
}
.main .foot__link a {
  color: #fff;
  font-size: 1.4rem;
}
.main .foot .corp {
  color: #fff;
}
.main .foot .corp__logo {
  width: 100%;
}
.main .foot .corp .tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2em;
  color: #fff;
  font-size: 5.5rem;
  line-height: 1;
  font-family: "Oswald", sans-serif;
}
.main .foot .corp .tel__icon {
  height: 0.7em;
  width: auto;
}
.main .foot .corp .scd {
  margin-top: 1rem;
  font-size: 1.4rem;
  text-align: center;
}
.main .LimageArea {
  width: calc((100% - 420px) / 2);
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
@media only screen and (max-width: 1080px) {
  .main .LimageArea {
    width: 100%;
  }
}
.main .LimageArea::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
@media only screen and (max-width: 1080px) {
  .main .LimageArea::before {
    background-color: rgba(46, 109, 93, 0.8);
  }
}
.main .LimageArea__img, .main .LimageArea__img--05, .main .LimageArea__img--04, .main .LimageArea__img--03, .main .LimageArea__img--02, .main .LimageArea__img--01 {
  position: relative;
  overflow: hidden;
}
.main .LimageArea__img img, .main .LimageArea__img--05 img, .main .LimageArea__img--04 img, .main .LimageArea__img--03 img, .main .LimageArea__img--02 img, .main .LimageArea__img--01 img {
  max-width: unset;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .LimageArea__img__cap, .main .LimageArea__img__cap--wh {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 1.1rem;
  color: #000000;
  text-align: right;
}
.main .LimageArea__img__cap--wh {
  color: #fff;
}
.main .LimageArea__img--01 {
  grid-area: 1/1/2/7;
}
.main .LimageArea__img--02 {
  grid-area: 2/1/3/4;
}
.main .LimageArea__img--03 {
  grid-area: 2/4/3/7;
}
.main .LimageArea__img--04 {
  grid-area: 3/1/4/3;
}
.main .LimageArea__img--05 {
  grid-area: 3/3/4/7;
}
.main .ft-btn {
  display: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 400px;
  z-index: 1;
  transition: 0.3s;
}
.main .ft-btn.is-hide {
  transform: translate(-50%, 100%);
}
@media only screen and (max-width: 1080px) {
  .main .ft-btn {
    display: block;
  }
}

@keyframes bgSlide {
  0% {
    background-position: 0% center;
  }
  50% {
    background-position: 100% center;
  }
  100% {
    background-position: 0% center;
  }
}
@keyframes sun {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
/*# sourceMappingURL=../map/style.css.map */