@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap");
@font-face {
  font-family: "M_PLUS_Rounded_1c", sans-serif;
  font-weight: 400;
  font-style: normal;
  src: url("../../font/M_PLUS_Rounded_1c/woff2/MPLUSRounded1c-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "M_PLUS_Rounded_1c", sans-serif;
  font-weight: 500;
  font-style: normal;
  src: url("../../font/M_PLUS_Rounded_1c/woff2/MPLUSRounded1c-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "M_PLUS_Rounded_1c", sans-serif;
  font-weight: 700;
  font-style: normal;
  src: url("../../font/M_PLUS_Rounded_1c/woff2/MPLUSRounded1c-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "M_PLUS_Rounded_1c", sans-serif;
  font-weight: 800;
  font-style: normal;
  src: url("../../font/M_PLUS_Rounded_1c/woff2/MPLUSRounded1c-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "Mochiy_Pop_P_One";
  font-weight: 400;
  font-style: normal;
  src: url("../../font/Mochiy_Pop_P_One/woff2/MochiyPopPOne-Regular.woff2") format("woff2");
}
html {
  scroll-behavior: smooth;
  /****** アンカーリンク用高さ調整 start  ******/
  scroll-padding-top: 180px;
  /******* アンカーリンク用高さ調整 end  *******/
}
html body {
  width: 100%;
  font-family: "M_PLUS_Rounded_1c", sans-serif;
  color: #311a03;
  background: #f8ead5;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "pkna" 1;
  font-size: clamp(0.8rem, 0.76rem + 0.2vw, 1rem);
  line-height: clamp(1.1rem, 1.06rem + 0.2vw, 1.3rem);
  letter-spacing: 0.1rem;
  position: relative;
  z-index: -1;
}
html body .contents__wrap--text p span {
  display: inline-block;
}
html body .animate__fadeIn {
  transform: none !important;
}
html body p {
  transform: rotate(0.05deg);
  transform: skewX(0.03deg);
}
html body a {
  transform: rotate(0.05deg);
  transform: skewX(0.03deg);
}

/*****************************************/
/*****  ヘッダー部分基本幅設定  start  *****/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.header_layout_width {
  width: 98%;
  margin: 0 auto;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/******  ヘッダー部分基本幅設定  end  ******/
/*****************************************/
img {
  max-width: 100%;
}

/*****************************************/
/****  コンテンツ部分基本幅設定  start  ****/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.layout_width_full {
  width: 100%;
  padding: 0 2rem;
  margin: 0 auto;
}

.layout_width {
  width: 100%;
  max-width: 1280px;
  margin: 5rem auto;
  padding: 0 4rem;
}

.layout_width_1024 {
  width: 100%;
  max-width: 1024px;
  padding: 0 4rem;
  margin: 3rem auto;
}

.layout_width_830 {
  width: 100%;
  max-width: 830px;
  padding: 0 2rem;
  margin: 0 auto;
}

@media screen and (max-width: 1280px) {
  .layout_width {
    margin: 5rem auto;
    padding: 0 4rem;
  }
}
@media screen and (max-width: 1024px) {
  .layout_width_1024 {
    padding: 0 4rem;
    margin: 4rem auto;
  }
}
@media screen and (max-width: 768px) {
  .layout_width {
    margin: 4rem auto;
    padding: 0 2rem;
  }
  .layout_width_1024 {
    padding: 0 2rem;
    margin: 3rem auto;
  }
}
@media screen and (max-width: 600px) {
  .layout_width {
    margin: 2rem auto;
    padding: 0 2rem;
  }
}
@media screen and (max-width: 480px) {
  .layout_width {
    margin: 2rem auto;
    padding: 0 1rem;
  }
  .layout_width_1024 {
    padding: 0 1rem;
  }
  .layout_width_830 {
    padding: 0 1rem;
  }
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/*****  コンテンツ部分基本幅設定  end  *****/
/*****************************************/
/*****************************************/
/*****  セクション部分空白設定  start  *****/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
section {
  overflow: hidden;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/******  セクション部分空白設定  end  ******/
/*****************************************/
.bgcolor {
  background-color: #feb25e;
}
.bgcolor div h2 {
  color: #ff9e2f;
}
.bgcolor div h2 b {
  color: #ff9e2f;
}

/*****************************************/
/*******  見出し[h2]部分設定  start  ******/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.main-ttl h2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
.main-ttl h2 p {
  text-transform: uppercase;
  font-size: clamp(2.2rem, 2.16rem + 0.2vw, 2.4rem);
  line-height: clamp(2.5rem, 2.46rem + 0.2vw, 2.7rem);
  font-family: "Mochiy_Pop_P_One";
  margin: 0.5rem 0 0 0;
}
.main-ttl h2 p::first-letter {
  color: #feb25e;
}
.main-ttl h2 span {
  text-transform: uppercase;
  font-size: clamp(1.3rem, 1.26rem + 0.2vw, 1.5rem);
  line-height: 2;
  font-family: "Mochiy_Pop_P_One";
}
.main-ttl h2 span::first-letter {
  color: #feb25e;
}

@media screen and (max-width: 768px) {
  .main-ttl h2 {
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
  }
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/********  見出し[h2]部分設定  end  *******/
/*****************************************/
/*****************************************/
/**********  マーカー設定  start  *********/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.marker_type1 {
  display: inline;
  background: linear-gradient(transparent 60%, rgba(255, 251, 0, 0.6) 55%);
  padding: 0 0.15rem;
  margin: 0 0.15rem;
  -webkit-text-emphasis: filled #feb25e;
  text-emphasis: filled #feb25e;
  font-weight: bold;
}

.marker_type2 {
  display: inline;
  background: linear-gradient(transparent 60%, rgb(255, 136, 0) 55%);
  -webkit-text-emphasis: filled rgb(255, 136, 0);
  text-emphasis: filled rgb(255, 136, 0);
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/***********  マーカー設定  end  **********/
/*****************************************/
/*****************************************/
/********フォトギャラリー上下中央設定*******/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#lightbox {
  width: 100%;
  height: 100svh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/******  フォトギャラリー上下中央設定 ******/
/*****************************************/
/*****************************************/
/**********  パララックス  start  *********/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.parallax_imagebox {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: transparent;
  min-height: 400px;
}
.parallax_imagebox .background {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax_imagebox .bg_image_one {
  background-image: url("../../img/common/sample__bg.jpg");
}

@media screen and (max-width: 768px) {
  .parallax_imagebox {
    height: 400px;
  }
  .parallax_imagebox .background {
    background-position: bottom -20vh;
  }
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/***********  パララックス  end  **********/
/*****************************************/
#breadcrumb {
  padding: 0rem 0;
  margin: 1rem 0;
  width: 100%;
}
#breadcrumb .breadcrumb__warp {
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: flex-start;
}
#breadcrumb .breadcrumb__warp ol {
  width: 100%;
  display: flex;
  padding: 0 30px;
}
#breadcrumb .breadcrumb__warp ol li {
  padding: 0 0.5rem;
  font-size: clamp(0.6rem, 0.56rem + 0.2vw, 0.8rem);
  font-weight: 800;
}
#breadcrumb .breadcrumb__warp ol li:first-child {
  padding: 0 1rem 0 0;
}

#recruit-main {
  position: relative;
  overflow: hidden;
}
#recruit-main::before {
  position: absolute;
  background-image: url("../../img/common/bg03.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  top: 0;
  content: "";
  z-index: -5;
  position: fixed;
  opacity: 0.4;
}
#recruit-main::after {
  position: absolute;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0px;
  width: 100%;
  height: 100vh;
  content: "";
  z-index: -6;
  position: fixed;
}

.menu-open {
  overflow: hidden;
  height: 100vh;
  touch-action: none;
}

/* 初期だけ非表示（JS無効時は効かせない） */
.js #header {
  opacity: 0;
  transform: translateY(-100%);
  pointer-events: none;
}

/* 表示に戻す。`.is-ready` が付けば即解除 */
.is-ready #header {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* アニメーション */
#header {
  will-change: transform, opacity;
  transition: transform 0.25s ease, opacity 0.2s ease;
}

header {
  width: 100%;
  z-index: 9999;
  position: fixed !important;
  position: absolute !important;
  /* 初期は absolute（メインビジュアル直下） */
  top: auto;
  left: 0;
  transition: all 0.3s ease;
}
header.fixed {
  position: fixed !important;
  top: 0;
  animation: slideDown 0.3s ease;
}
header.fixed .container-header .header__nav .nav__list li a p {
  color: #311a03;
}
header.fixed .container-header .header__nav .nav__list li a span {
  color: #ff9e2f;
}
header.fixed .header__logo a {
  color: #feb25e;
}
header.fixed .container-header .header__sp .menu-button .menu-button__line::before {
  background-color: #ff9e2f;
}
header.fixed .container-header .header__sp .menu-button .menu-button__line::after {
  background-color: #ff9e2f;
}
header.fixed .container-header .header__sp .menu-button .menu-button__line {
  background-color: #ff9e2f;
}
header .header__warp {
  align-items: center;
  justify-content: center;
  gap: 1rem;
  max-width: 98%;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px auto 0;
  padding: 0 2rem;
  box-sizing: border-box;
  height: 90px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 1024px) {
  header .header__warp {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
  }
}
header .header__logo {
  flex: 0 0 auto;
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 200px;
  font-weight: 900;
  letter-spacing: 0.12em;
  font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem);
  line-height: 1.1;
  padding: 0.2em 0.2em;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
header .header__logo a {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  padding: 0.1em 0;
  transition: color 0.2s;
  position: relative;
  z-index: 2;
}
header .header__logo a p {
  color: transparent;
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(59, 59, 59) 100%);
  background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em);
  -webkit-background-clip: text;
}
header .header__logo a p span {
  font-size: clamp(1.3rem, 1.26rem + 0.2vw, 1.5rem);
  font-weight: bold;
}
header .header__logo:hover {
  opacity: 0.7;
}
header .header__logo:hover::after {
  opacity: 1;
}
header .container-header {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  header .container-header {
    justify-content: space-between;
  }
}
header .container-header .header__nav {
  display: flex;
  flex-direction: column-reverse;
}
header .container-header .header__nav .nav__list {
  display: flex;
  gap: 2.5rem;
  list-style: none;
  align-items: center;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1280px) {
  header .container-header .header__nav .nav__list {
    gap: 1rem;
  }
}
header .container-header .header__nav .nav__list li {
  position: relative;
  padding: 1rem 0;
}
header .container-header .header__nav .nav__list li > a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s, opacity 0.3s;
  text-align: center;
  line-height: 1.5;
  position: relative;
}
header .container-header .header__nav .nav__list li > a i {
  font-size: 20px;
}
header .container-header .header__nav .nav__list li > a .fa-house {
  color: #ff9e2f;
}
header .container-header .header__nav .nav__list li > a .fa-school {
  color: #6ac7e6;
}
header .container-header .header__nav .nav__list li > a .fa-clipboard-list {
  color: #f17296;
}
header .container-header .header__nav .nav__list li > a .fa-clock {
  color: #72f1b6;
}
header .container-header .header__nav .nav__list li > a .fa-music {
  color: #e66a6a;
}
header .container-header .header__nav .nav__list li > a .fa-id-badge {
  color: #b1a0fe;
}
header .container-header .header__nav .nav__list li > a p {
  transition: color 0.3s ease;
  display: flex;
  flex-direction: column;
}
header .container-header .header__nav .nav__list li > a p span {
  color: #ff9e2f;
}
header .container-header .header__nav .nav__list li > a::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background: #ff9e2f;
  transition: width 0.3s ease-in-out;
}
header .container-header .header__nav .nav__list li > a:hover::after {
  width: 100%;
}
header .container-header .header__nav .nav__list li.active > a::after {
  width: 100%;
}
header .container-header .header__nav .nav__list .sns-box a {
  align-items: center;
  display: inline-block;
  display: block;
  transition: all 0.5s;
}
header .container-header .header__nav .nav__list .sns-box a .fa-instagram {
  border-radius: 5px;
  font-size: 30px;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
header .container-header .header__nav .nav__list .sns-box a:hover {
  opacity: 0.7;
  transition: all 0.4s;
}
header .container-header .header__nav .nav__list li.has-mega-menu {
  position: relative;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu {
  position: absolute;
  top: 95%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-surface);
  border: 1px solid var(--color-card-border);
  border-radius: var(--radius-base);
  box-shadow: var(--shadow-lg);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
  transform: translateX(-50%) translateY(-10px);
  min-width: 220px;
  z-index: 1000;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li {
  padding: 0;
  opacity: 0;
  margin-top: 0;
  transform: translateY(-10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  background-color: #fff;
  margin-bottom: 5px;
  border-radius: 10px;
  text-align: left;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li:nth-child(1) {
  transition-delay: 0.05s;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li:nth-child(2) {
  transition-delay: 0.1s;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li:nth-child(3) {
  transition-delay: 0.15s;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li:nth-child(4) {
  transition-delay: 0.2s;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li:nth-child(5) {
  transition-delay: 0.25s;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li a {
  display: block;
  padding: 5px 10px;
  color: #ff9e2f;
  font-size: var(--font-size-sm);
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease, padding-left 0.3s ease;
  white-space: nowrap;
  position: relative;
  text-align: left;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li a i {
  font-size: 13px;
  margin-right: 5px;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 0;
  background: var(--color-primary);
  transition: height 0.3s ease;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li a::after {
  display: none;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li a:hover {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  padding-left: 1.8rem;
}
header .container-header .header__nav .nav__list li.has-mega-menu .mega-menu ul li a:hover::before {
  height: 70%;
}
header .container-header .header__nav .nav__list li.has-mega-menu:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
header .container-header .header__nav .nav__list li.has-mega-menu:hover .mega-menu ul li {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 1024px) {
  header .container-header .header__nav {
    display: none;
  }
}
header .container-header .contact-box {
  padding: 0.8rem 2rem;
  border-radius: 50px;
  background-color: #ff9e2f;
  color: #311a03;
  min-width: 200px;
  border: 2px solid #ff9e2f;
  transition: color 0.3s, background-color 0.3s;
  cursor: pointer;
  font-size: clamp(1.1rem, 1.06rem + 0.2vw, 1.3rem);
}
@media screen and (max-width: 1024px) {
  header .container-header .contact-box {
    display: none;
  }
}
header .container-header .contact-box:hover {
  background-color: #311a03;
  color: #ff9e2f;
}
header .container-header .contact-box a {
  font-weight: bold;
}
header .container-header .contact-box a i {
  margin-right: 0.5rem;
}
header .container-header .header__sp {
  display: none;
}
header .container-header .header__sp .menu-button {
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  z-index: 1000000;
}
header .container-header .header__sp .menu-button .menu-button__line,
header .container-header .header__sp .menu-button .menu-button__line::before,
header .container-header .header__sp .menu-button .menu-button__line::after {
  display: block;
  position: absolute;
  width: 28px;
  height: 3px;
  background: #ff9e2f;
  border-radius: 2px;
  content: "";
  left: 6px;
  transition: all 0.3s;
}
header .container-header .header__sp .menu-button .menu-button__line {
  top: 19px;
}
header .container-header .header__sp .menu-button .menu-button__line::before {
  top: -10px;
}
header .container-header .header__sp .menu-button .menu-button__line::after {
  top: 10px;
}
header .container-header .header__sp .menu-button.active .menu-button__line {
  background: transparent;
}
header .container-header .header__sp .menu-button.active .menu-button__line::before {
  transform: translateY(10px) rotate(45deg);
  background: #ff9e2f;
}
header .container-header .header__sp .menu-button.active .menu-button__line::after {
  transform: translateY(-10px) rotate(-45deg);
  background: #ff9e2f;
}
header .container-header .header__sp .sp-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  padding: 5rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease, visibility 0.5s ease;
  display: flex;
  flex-direction: column;
}
header .container-header .header__sp .sp-nav ul {
  list-style: none;
  margin: 0;
  padding: 30px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 480px;
  margin: 0 auto;
  gap: 10px;
}
header .container-header .header__sp .sp-nav ul .header__logo {
  margin: 0;
}
header .container-header .header__sp .sp-nav ul > li {
  width: 100%;
}
header .container-header .header__sp .sp-nav ul > li > a {
  display: block;
  padding: 10px 0 10px;
  font-size: 1.2em;
  color: #311a03;
  text-decoration: none;
  font-weight: 500;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
header .container-header .header__sp .sp-nav ul > li > a p {
  display: block;
  font-size: 1rem;
}
header .container-header .header__sp .sp-nav ul > li > a p span {
  display: block;
  font-size: 13px;
}
header .container-header .header__sp .sp-nav ul > li > a:hover p {
  color: #ff9e2f;
  transition: all 0.4s;
}
@media screen and (max-width: 480px) {
  header .container-header .header__sp .sp-nav ul .menu-parent {
    max-height: 400px;
    overflow-y: scroll;
  }
}
header .container-header .header__sp .sp-nav ul .menu-parent .btn {
  cursor: pointer;
}
header .container-header .header__sp .sp-nav ul .menu-parent .btn i.dropdown-toggle {
  transition: transform 0.2s;
}
header .container-header .header__sp .sp-nav ul .menu-parent.open .btn i.dropdown-toggle {
  transform: rotate(180deg);
}
header .container-header .header__sp .sp-nav ul .menu-parent .menu-children {
  display: none;
}
header .container-header .header__sp .sp-nav ul .menu-parent .menu-children li {
  border-bottom: none;
}
header .container-header .header__sp .sp-nav ul .menu-parent .menu-children li a {
  font-size: clamp(0.8rem, 0.76rem + 0.2vw, 1rem);
  padding: 10px 0;
}
header .container-header .header__sp .sp-nav ul .menu-parent.open .menu-children {
  display: block;
}
header .container-header .header__sp .sp-nav ul .menu-parent .btn {
  display: flex;
  align-items: center;
}
header .container-header .header__sp .sp-nav ul .menu-parent .btn a {
  display: block;
  padding: 10px 0 10px;
  font-size: 1.2em;
  color: #555;
  text-decoration: none;
  font-weight: 500;
  width: 100%;
  font-weight: bold;
  position: relative;
}
header .container-header .header__sp .sp-nav ul .menu-parent .btn a::before {
  content: "●";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.5em;
  color: #ff9e2f;
  font-size: 0.7em;
  min-width: 0.7em;
  display: inline-block;
  text-align: center;
}
header .container-header .header__sp .sp-nav ul .menu-parent .btn i {
  font-size: clamp(1.1rem, 1.06rem + 0.2vw, 1.3rem);
  color: #555;
  width: 40px;
  margin-left: 20px;
}
header .container-header .header__sp .sp-nav.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
header .container-header .header__sp {
  display: none;
}
header .container-header .header__sp .sp-nav {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background-image: url("../../img/common/bg02.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 3rem 3rem;
  background-position: center center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
header .container-header .header__sp .sp-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
  gap: 0;
}
header .container-header .header__sp .sp-nav ul .header__logo {
  margin-bottom: 1rem;
}
header .container-header .header__sp .sp-nav ul > li {
  width: 100%;
  margin-bottom: 0.5rem;
  border-top: 1px dashed #ff9e2f;
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .parent-link {
  display: block;
  padding: 12px 0;
  font-size: 12px;
  color: #311a03;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  transition: color 0.3s ease;
  position: relative;
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .parent-link p {
  display: block;
  font-size: 12px;
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .parent-link p span {
  display: none;
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .parent-link:hover {
  color: #ff9e2f;
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .menu-children {
  display: block;
  max-height: none;
  opacity: 1;
  overflow: visible;
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .menu-children li {
  border: none;
  margin-bottom: 0.3rem;
  opacity: 1;
  transform: translateX(0);
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .menu-children li a {
  display: block;
  font-size: 12px;
  padding: 8px 1.5rem;
  color: rgba(49, 26, 3, 0.85);
  text-decoration: none;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .menu-children li a::before {
  content: "●";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.5em;
  color: #ff9e2f;
  font-size: 0.6em;
  display: inline-block;
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .menu-children li a::after {
  display: none;
}
header .container-header .header__sp .sp-nav ul > li.menu-parent .menu-children li a:hover {
  color: #ff9e2f;
  transform: translateX(5px);
}
header .container-header .header__sp .sp-nav ul > li:not(.menu-parent) > a {
  display: block;
  padding: 12px 0;
  font-size: 12px;
  color: #311a03;
  text-decoration: none;
  font-weight: bold;
  text-align: left;
  transition: color 0.3s ease;
}
header .container-header .header__sp .sp-nav ul > li:not(.menu-parent) > a p {
  display: block;
  font-size: 12px;
}
header .container-header .header__sp .sp-nav ul > li:not(.menu-parent) > a p span {
  display: none;
  font-size: 13px;
  color: rgba(49, 26, 3, 0.7);
}
header .container-header .header__sp .sp-nav ul > li:not(.menu-parent) > a:hover {
  color: #ff9e2f;
}
header .container-header .header__sp .sp-nav ul .sns-box a {
  align-items: center;
  display: inline-block;
  display: block;
  transition: all 0.5s;
}
header .container-header .header__sp .sp-nav ul .sns-box a .fa-instagram {
  border-radius: 5px;
  font-size: 30px;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
header .container-header .header__sp .sp-nav.active {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 480px) {
  header .container-header .header__sp .sp-nav {
    padding: 70px 2rem 2rem;
  }
  header .container-header .header__sp .sp-nav ul > li.menu-parent .parent-link {
    padding: 5px 0;
  }
  header .container-header .header__sp .sp-nav ul > li.menu-parent .parent-link p {
    font-size: 0.95rem;
  }
  header .container-header .header__sp .sp-nav ul > li.menu-parent .parent-link p span {
    font-size: 12px;
  }
  header .container-header .header__sp .sp-nav ul > li.menu-parent .menu-children {
    padding: 0;
  }
  header .container-header .header__sp .sp-nav ul > li.menu-parent .menu-children li a {
    font-size: 0.9rem;
    padding: 6px 1rem;
  }
  header .container-header .header__sp .sp-nav ul > li:not(.menu-parent) > a {
    padding: 10px 0;
  }
  header .container-header .header__sp .sp-nav ul > li:not(.menu-parent) > a p {
    font-size: 0.95rem;
  }
  header .container-header .header__sp .sp-nav ul > li:not(.menu-parent) > a p span {
    font-size: 12px;
  }
  header .container-header .header__sp .sp-nav ul .sns-box a {
    align-items: center;
    display: inline-block;
    display: block;
    transition: all 0.5s;
  }
  header .container-header .header__sp .sp-nav ul .sns-box a .fa-instagram {
    border-radius: 5px;
    font-size: 30px;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
  }
}
@media screen and (max-width: 375px) {
  header .container-header .header__sp .sp-nav {
    padding: 60px 1.5rem 1.5rem;
  }
  header .container-header .header__sp .sp-nav ul .header__logo {
    margin-bottom: 5px;
  }
  header .container-header .header__sp .sp-nav ul > li {
    margin-bottom: 0.3rem;
  }
  header .container-header .header__sp .sp-nav ul > li.menu-parent .parent-link p {
    font-size: 0.9rem;
  }
  header .container-header .header__sp .sp-nav ul > li.menu-parent .menu-children li a {
    font-size: 0.85rem;
  }
  header .container-header .header__sp .sp-nav ul .sns-box a i {
    font-size: 30px;
  }
}

@media screen and (max-width: 1100px) {
  .header__warp .header__logo a p {
    font-size: 20px;
  }
  .header__warp .header__logo a p span {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  #header .header__warp {
    margin: 5px auto;
    height: 50px;
  }
  #header .header__logo a p {
    font-size: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
  }
  #header .header__logo a p span {
    font-size: clamp(1.1rem, 1.06rem + 0.2vw, 1.3rem);
  }
  #header .container-header .header__contact {
    display: none;
  }
  #header .container-header .header__nav {
    display: none;
  }
  #header .container-header .header__sp {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
  }
  #header .container-header .header__sp .sp-nav ul > li ul .menu-box {
    margin-bottom: 1rem;
  }
  #header .container-header .header__sp .sp-nav ul > li ul .menu-box:first-child {
    margin-top: 1rem;
  }
  #header .container-header .header__sp .sp-nav ul > li ul .menu-box p {
    font-weight: bold;
    color: #333;
  }
  #header .container-header .header__sp .sp-nav ul > li ul li {
    margin-bottom: 0;
    text-align: left;
  }
  #header .container-header .header__sp .sp-nav ul > li ul li:last-child {
    margin-bottom: 0;
  }
  #header .container-header .header__sp .sp-nav ul > li ul li a {
    display: block;
    text-decoration: none;
    font-size: 12px;
    transition: opacity 0.3s ease;
    text-align: left;
    position: relative;
    padding: 0;
    font-weight: bold;
  }
  #header .container-header .header__sp .sp-nav ul > li ul li a::before {
    content: "●";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 0.5em;
    margin-bottom: 2px;
    color: #e7b456;
    font-size: 0.7em;
    min-width: 0.7em;
    display: inline-block;
    text-align: center;
  }
  #header .container-header .header__sp .sp-nav ul > li ul li a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: #ff9e2f;
    transition: width 0.3s ease-in-out;
  }
  #header .container-header .header__sp .sp-nav ul > li ul li a:hover::after {
    width: 0%;
  }
  #header .container-header .header__sp .sp-nav ul > li ul li a:hover {
    opacity: 0.5;
  }
}
@media screen and (max-width: 480px) {
  #header .header__warp {
    padding: 0 10px;
  }
  #header .container-header .header__sp .sp-nav {
    padding: 3rem;
  }
  #header .container-header .header__sp .sp-nav ul > li > a p {
    font-size: 12px;
  }
  #header .container-header .header__sp .sp-nav ul .sns-box a i {
    font-size: 35px;
  }
}
@media screen and (max-width: 375px) {
  #header .container-header .header__sp .sp-nav {
    padding: 2.5rem;
  }
  header .container-header .header__sp .sp-nav ul > li > a {
    padding: 5px 0;
  }
  header .container-header .header__sp .sp-nav ul .menu-parent .menu-children li a {
    padding: 5px 0;
  }
  header .container-header .header__sp .sp-nav ul .menu-parent .menu-children {
    padding-left: 1rem;
  }
  header .container-header .header__sp .sp-nav ul .menu-parent .btn a {
    padding: 5px 0;
  }
  header .container-header .header__sp .sp-nav ul {
    gap: 0;
  }
  header .container-header .header__sp .sp-nav ul .link-list {
    margin-top: 1rem;
  }
  header .container-header .header__sp .sp-nav ul > li > a {
    padding: 5px 0;
  }
  header .container-header .header__sp .sp-nav ul > li > a p {
    font-size: clamp(0.9rem, 0.86rem + 0.2vw, 1.1rem);
  }
}
.headingimg {
  position: absolute;
  width: 100%;
  bottom: -30px;
  z-index: 2;
}

#heading {
  width: 100%;
  height: 50vh;
  position: relative;
  padding: 0;
  background-image: url("../../img/common/bg.png");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -3;
}
#heading::before {
  position: absolute;
  background-image: url("../../img/common/sun.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 133/132;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  width: 15%;
  -o-object-position: center center;
     object-position: center center;
  content: "";
  z-index: -1;
  animation: shake 5s infinite;
  transform: rotate(10deg);
}
#heading::after {
  position: absolute;
  background-image: url("../../img/common/deco.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 701/356;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  top: 0;
  right: 0;
  width: 20%;
  content: "";
  z-index: -1;
  animation: shakeleft 5s infinite;
  transform: rotate(-10deg);
}
@keyframes shakeleft {
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes shake {
  50% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
#heading .header__logo {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 350px;
  z-index: 999;
  translate: -50% 0;
}
#heading .background {
  width: 100%;
  height: 100%;
  position: relative;
}
#heading .background__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip-path: inset(0);
}
#heading .background__image {
  position: fixed;
  transform: translate(0%, 0%);
  top: 0;
  width: 100%;
  height: 100%;
}
#heading .background__image--about {
  position: relative;
}
#heading .background__image--about::before {
  position: absolute;
  background-image: url("../../img/common/heading/about.png");
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -55px;
  width: 100%;
  aspect-ratio: 5443/1400;
  content: "";
  z-index: 1;
}
#heading .background__image--fee {
  position: relative;
}
#heading .background__image--fee::before {
  position: absolute;
  background-image: url("../../img/common/heading/fee.png");
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -55px;
  width: 100%;
  aspect-ratio: 5443/1390;
  content: "";
  z-index: 1;
}
#heading .background__image--flow {
  position: relative;
}
#heading .background__image--flow::before {
  position: absolute;
  background-image: url("../../img/common/heading/flow.png");
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -55px;
  width: 100%;
  aspect-ratio: 5443/1390;
  content: "";
  z-index: 1;
}
#heading .background__image--event {
  position: relative;
}
#heading .background__image--event::before {
  position: absolute;
  background-image: url("../../img/common/heading/event.png");
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -55px;
  width: 100%;
  aspect-ratio: 5443/1390;
  content: "";
  z-index: 1;
}
#heading .background__image--recruit {
  position: relative;
}
#heading .background__image--recruit::before {
  position: absolute;
  background-image: url("../../img/common/heading/recruit.png");
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -55px;
  width: 100%;
  aspect-ratio: 5443/1400;
  content: "";
  z-index: 1;
}
#heading .background__image--news {
  position: relative;
}
#heading .background__image--news::before {
  position: absolute;
  background-image: url("../../img/common/heading/about.png");
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -55px;
  width: 100%;
  aspect-ratio: 5443/1400;
  content: "";
  z-index: 1;
}
#heading .background__image--contact {
  position: relative;
}
#heading .background__image--contact::before {
  position: absolute;
  background-image: url("../../img/common/heading/about.png");
  background-size: cover;
  background-repeat: no-repeat;
  bottom: -55px;
  width: 100%;
  aspect-ratio: 5443/1300;
  content: "";
  z-index: 1;
}
#heading .heading {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 40%;
  left: 50%;
}
#heading .heading h1 {
  line-height: 40px;
  gap: 15px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 2.25em;
  padding: 2rem;
  position: relative;
  color: #fff;
  text-shadow: rgb(255, 158, 47) 4px 0px 0px, rgb(255, 158, 47) 3.87565px 0.989616px 0px, rgb(255, 158, 47) 3.51033px 1.9177px 0px, rgb(255, 158, 47) 2.92676px 2.72656px 0px, rgb(255, 158, 47) 2.16121px 3.36588px 0px, rgb(255, 158, 47) 1.26129px 3.79594px 0px, rgb(255, 158, 47) 0.282949px 3.98998px 0px, rgb(255, 158, 47) -0.712984px 3.93594px 0px, rgb(255, 158, 47) -1.66459px 3.63719px 0px, rgb(255, 158, 47) -2.51269px 3.11229px 0px, rgb(255, 158, 47) -3.20457px 2.39389px 0px, rgb(255, 158, 47) -3.69721px 1.52664px 0px, rgb(255, 158, 47) -3.95997px 0.56448px 0px, rgb(255, 158, 47) -3.97652px -0.432781px 0px, rgb(255, 158, 47) -3.74583px -1.40313px 0px, rgb(255, 158, 47) -3.28224px -2.28625px 0px, rgb(255, 158, 47) -2.61457px -3.02721px 0px, rgb(255, 158, 47) -1.78435px -3.57996px 0px, rgb(255, 158, 47) -0.843183px -3.91012px 0px, rgb(255, 158, 47) 0.150409px -3.99717px 0px, rgb(255, 158, 47) 1.13465px -3.8357px 0px, rgb(255, 158, 47) 2.04834px -3.43574px 0px, rgb(255, 158, 47) 2.83468px -2.82216px 0px, rgb(255, 158, 47) 3.44477px -2.03312px 0px, rgb(255, 158, 47) 3.84068px -1.11766px 0px, rgb(255, 158, 47) 3.9978px -0.132717px 0px;
  z-index: 2;
  font-family: "Mochiy_Pop_P_One";
}
#heading .heading h1 br {
  display: none;
}

@media screen and (max-width: 1280px) {
  #heading {
    height: 40vh;
  }
}
@media screen and (max-width: 768px) {
  #heading {
    height: 35vh;
  }
  #heading::before {
    top: 10%;
  }
  #heading::after {
    top: 10%;
  }
  #heading .header__logo {
    width: 250px;
    top: 20%;
  }
  #heading .heading {
    top: 50%;
  }
  #heading .heading h1 {
    width: 100%;
    padding: 0;
    font-size: 1.5rem;
  }
  #heading .background__image--about::before,
  #heading .background__image--fee::before,
  #heading .background__image--flow::before,
  #heading .background__image--event::before,
  #heading .background__image--recruit::before,
  #heading .background__image--news::before {
    bottom: -2px;
  }
}
@media screen and (max-width: 480px) {
  #heading {
    height: 30vh;
  }
  #heading::before {
    top: 10%;
  }
  #heading::after {
    top: 10%;
  }
  #heading .header__logo {
    width: 200px;
    top: 20%;
  }
  #heading .heading {
    top: 50%;
  }
  #heading .heading h1 {
    white-space: nowrap;
  }
  #heading .heading h1 br {
    display: block;
  }
  #heading .background__image--news::before {
    bottom: -2px;
  }
}
#floating {
  position: fixed;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 998;
  opacity: 0;
}
#floating li {
  display: block;
  margin: 1.25rem 0;
  box-shadow: -2px 2px 10px rgba(255, 255, 255, 0.4784313725);
  border-right: none;
}
#floating li a {
  text-transform: uppercase;
  background-color: #ff9e2f;
  color: #fff;
  font-size: clamp(0.7rem, 0.66rem + 0.2vw, 0.9rem);
  padding: 1rem 0.5rem 1rem 0.5rem;
  font-weight: 800;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  text-wrap: nowrap;
  position: relative;
}
#floating li a i {
  font-size: 20px;
  margin-bottom: 10px;
}
#floating li a::before {
  position: absolute;
  top: 0.75rem;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#floating li a:hover {
  background-color: #ff9e2f;
  color: #f8ead5;
  transition: ease 0.4s;
}
#floating .tel {
  display: none;
}

@media screen and (max-width: 768px) {
  #floating {
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    transform: none;
    flex-direction: row;
    justify-content: space-around;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }
  #floating .tel {
    display: block;
  }
  #floating li {
    display: block;
    width: 100%;
    margin: 0;
    border-top: #fff 2px solid;
    border-right: #fff 2px solid;
  }
  #floating li:nth-child(2) {
    border-right: none;
  }
  #floating li a {
    writing-mode: unset;
    width: 100%;
    border-radius: 0;
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding: 1rem;
    transition: background-color 0.3s ease, color 0.5s ease;
  }
  #floating li a:hover {
    transform: none;
    background-color: #ff9e2f;
    opacity: 1;
  }
  #floating li a:hover span {
    color: #311a03;
  }
  #floating li a span {
    display: block;
    writing-mode: horizontal-tb;
  }
  #floating li a i {
    margin-bottom: 0;
    margin-right: 10px;
  }
}
_:lang(x) + _:-webkit-full-screen-document,
#floating {
  right: 18px;
}
_:lang(x) + _:-webkit-full-screen-document li,
#floating li {
  border: none;
}

#event {
  position: relative;
  overflow: hidden;
  margin-top: 100px;
  z-index: -10;
}
#event .main-ttl {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 50px;
}
#event .main-ttl::before {
  position: absolute;
  background-image: url("../../img/event/ttlbg.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 617/294;
  top: -50px;
  left: -130px;
  width: 250%;
  content: "";
  z-index: -1;
}
#event .main-ttl h2 p::first-letter {
  color: #6ac7e6;
}
#event .main-ttl h2 span::first-letter {
  color: #6ac7e6;
}
#event .contents {
  padding: 50px;
  position: relative;
  z-index: -3;
}
#event .contents__wrap {
  margin-top: 50px;
}
#event .contents__wrap .spring,
#event .contents__wrap .summer,
#event .contents__wrap .autumn,
#event .contents__wrap .winter {
  margin-top: 100px;
  border-radius: 30px;
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
}
#event .contents__wrap .spring li,
#event .contents__wrap .summer li,
#event .contents__wrap .autumn li,
#event .contents__wrap .winter li {
  width: calc(33.3333333333% - 12px);
  padding: 15px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  position: relative;
}
#event .contents__wrap .spring li::before,
#event .contents__wrap .summer li::before,
#event .contents__wrap .autumn li::before,
#event .contents__wrap .winter li::before {
  position: absolute;
  background-image: url("../../img/event/deco.png");
  background-size: contain;
  background-repeat: no-repeat;
  top: -5%;
  left: 50%;
  translate: -50% 0;
  width: 50px;
  height: 50px;
  content: "";
  z-index: 2;
}
#event .contents__wrap .spring li figure,
#event .contents__wrap .summer li figure,
#event .contents__wrap .autumn li figure,
#event .contents__wrap .winter li figure {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
#event .contents__wrap .spring li figure figcaption,
#event .contents__wrap .summer li figure figcaption,
#event .contents__wrap .autumn li figure figcaption,
#event .contents__wrap .winter li figure figcaption {
  position: relative;
  bottom: 0;
}
#event .contents__wrap .spring li figure figcaption h3,
#event .contents__wrap .summer li figure figcaption h3,
#event .contents__wrap .autumn li figure figcaption h3,
#event .contents__wrap .winter li figure figcaption h3 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 20px;
}
#event .contents__wrap .spring li figure figcaption h3 p,
#event .contents__wrap .summer li figure figcaption h3 p,
#event .contents__wrap .autumn li figure figcaption h3 p,
#event .contents__wrap .winter li figure figcaption h3 p {
  font-size: clamp(1.8rem, 1.76rem + 0.2vw, 2rem);
  font-family: "Mochiy_Pop_P_One";
  color: #fff;
}
#event .contents__wrap .spring li figure figcaption h3 span img,
#event .contents__wrap .summer li figure figcaption h3 span img,
#event .contents__wrap .autumn li figure figcaption h3 span img,
#event .contents__wrap .winter li figure figcaption h3 span img {
  width: 100px;
  height: -moz-fit-content;
  height: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}
#event .contents__wrap .spring li figure img,
#event .contents__wrap .summer li figure img,
#event .contents__wrap .autumn li figure img,
#event .contents__wrap .winter li figure img {
  border-radius: 20px;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
#event .contents__wrap .spring li figure h4,
#event .contents__wrap .summer li figure h4,
#event .contents__wrap .autumn li figure h4,
#event .contents__wrap .winter li figure h4 {
  margin-bottom: 30px;
  padding: 10px 0;
  font-size: clamp(1.1rem, 1.06rem + 0.2vw, 1.3rem);
  text-align: center;
  border-bottom: 2px dashed #6ac7e6;
}
#event .contents__wrap .spring li:nth-child(1) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(1) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(1) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(1) figure figcaption h3 p {
  text-shadow: rgb(241, 114, 150) 4px 0px 0px, rgb(241, 114, 150) 3.87565px 0.989616px 0px, rgb(241, 114, 150) 3.51033px 1.9177px 0px, rgb(241, 114, 150) 2.92676px 2.72656px 0px, rgb(241, 114, 150) 2.16121px 3.36588px 0px, rgb(241, 114, 150) 1.26129px 3.79594px 0px, rgb(241, 114, 150) 0.282949px 3.98998px 0px, rgb(241, 114, 150) -0.712984px 3.93594px 0px, rgb(241, 114, 150) -1.66459px 3.63719px 0px, rgb(241, 114, 150) -2.51269px 3.11229px 0px, rgb(241, 114, 150) -3.20457px 2.39389px 0px, rgb(241, 114, 150) -3.69721px 1.52664px 0px, rgb(241, 114, 150) -3.95997px 0.56448px 0px, rgb(241, 114, 150) -3.97652px -0.432781px 0px, rgb(241, 114, 150) -3.74583px -1.40313px 0px, rgb(241, 114, 150) -3.28224px -2.28625px 0px, rgb(241, 114, 150) -2.61457px -3.02721px 0px, rgb(241, 114, 150) -1.78435px -3.57996px 0px, rgb(241, 114, 150) -0.843183px -3.91012px 0px, rgb(241, 114, 150) 0.150409px -3.99717px 0px, rgb(241, 114, 150) 1.13465px -3.8357px 0px, rgb(241, 114, 150) 2.04834px -3.43574px 0px, rgb(241, 114, 150) 2.83468px -2.82216px 0px, rgb(241, 114, 150) 3.44477px -2.03312px 0px, rgb(241, 114, 150) 3.84068px -1.11766px 0px, rgb(241, 114, 150) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(2) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(2) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(2) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(2) figure figcaption h3 p {
  text-shadow: rgb(255, 158, 47) 4px 0px 0px, rgb(255, 158, 47) 3.87565px 0.989616px 0px, rgb(255, 158, 47) 3.51033px 1.9177px 0px, rgb(255, 158, 47) 2.92676px 2.72656px 0px, rgb(255, 158, 47) 2.16121px 3.36588px 0px, rgb(255, 158, 47) 1.26129px 3.79594px 0px, rgb(255, 158, 47) 0.282949px 3.98998px 0px, rgb(255, 158, 47) -0.712984px 3.93594px 0px, rgb(255, 158, 47) -1.66459px 3.63719px 0px, rgb(255, 158, 47) -2.51269px 3.11229px 0px, rgb(255, 158, 47) -3.20457px 2.39389px 0px, rgb(255, 158, 47) -3.69721px 1.52664px 0px, rgb(255, 158, 47) -3.95997px 0.56448px 0px, rgb(255, 158, 47) -3.97652px -0.432781px 0px, rgb(255, 158, 47) -3.74583px -1.40313px 0px, rgb(255, 158, 47) -3.28224px -2.28625px 0px, rgb(255, 158, 47) -2.61457px -3.02721px 0px, rgb(255, 158, 47) -1.78435px -3.57996px 0px, rgb(255, 158, 47) -0.843183px -3.91012px 0px, rgb(255, 158, 47) 0.150409px -3.99717px 0px, rgb(255, 158, 47) 1.13465px -3.8357px 0px, rgb(255, 158, 47) 2.04834px -3.43574px 0px, rgb(255, 158, 47) 2.83468px -2.82216px 0px, rgb(255, 158, 47) 3.44477px -2.03312px 0px, rgb(255, 158, 47) 3.84068px -1.11766px 0px, rgb(255, 158, 47) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(3) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(3) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(3) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(3) figure figcaption h3 p {
  text-shadow: rgb(213, 115, 255) 4px 0px 0px, rgb(213, 115, 255) 3.87565px 0.989616px 0px, rgb(213, 115, 255) 3.51033px 1.9177px 0px, rgb(213, 115, 255) 2.92676px 2.72656px 0px, rgb(213, 115, 255) 2.16121px 3.36588px 0px, rgb(213, 115, 255) 1.26129px 3.79594px 0px, rgb(213, 115, 255) 0.282949px 3.98998px 0px, rgb(213, 115, 255) -0.712984px 3.93594px 0px, rgb(213, 115, 255) -1.66459px 3.63719px 0px, rgb(213, 115, 255) -2.51269px 3.11229px 0px, rgb(213, 115, 255) -3.20457px 2.39389px 0px, rgb(213, 115, 255) -3.69721px 1.52664px 0px, rgb(213, 115, 255) -3.95997px 0.56448px 0px, rgb(213, 115, 255) -3.97652px -0.432781px 0px, rgb(213, 115, 255) -3.74583px -1.40313px 0px, rgb(213, 115, 255) -3.28224px -2.28625px 0px, rgb(213, 115, 255) -2.61457px -3.02721px 0px, rgb(213, 115, 255) -1.78435px -3.57996px 0px, rgb(213, 115, 255) -0.843183px -3.91012px 0px, rgb(213, 115, 255) 0.150409px -3.99717px 0px, rgb(213, 115, 255) 1.13465px -3.8357px 0px, rgb(213, 115, 255) 2.04834px -3.43574px 0px, rgb(213, 115, 255) 2.83468px -2.82216px 0px, rgb(213, 115, 255) 3.44477px -2.03312px 0px, rgb(213, 115, 255) 3.84068px -1.11766px 0px, rgb(213, 115, 255) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(4) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(4) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(4) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(4) figure figcaption h3 p {
  text-shadow: rgb(115, 194, 255) 4px 0px 0px, rgb(115, 194, 255) 3.87565px 0.989616px 0px, rgb(115, 194, 255) 3.51033px 1.9177px 0px, rgb(115, 194, 255) 2.92676px 2.72656px 0px, rgb(115, 194, 255) 2.16121px 3.36588px 0px, rgb(115, 194, 255) 1.26129px 3.79594px 0px, rgb(115, 194, 255) 0.282949px 3.98998px 0px, rgb(115, 194, 255) -0.712984px 3.93594px 0px, rgb(115, 194, 255) -1.66459px 3.63719px 0px, rgb(115, 194, 255) -2.51269px 3.11229px 0px, rgb(115, 194, 255) -3.20457px 2.39389px 0px, rgb(115, 194, 255) -3.69721px 1.52664px 0px, rgb(115, 194, 255) -3.95997px 0.56448px 0px, rgb(115, 194, 255) -3.97652px -0.432781px 0px, rgb(115, 194, 255) -3.74583px -1.40313px 0px, rgb(115, 194, 255) -3.28224px -2.28625px 0px, rgb(115, 194, 255) -2.61457px -3.02721px 0px, rgb(115, 194, 255) -1.78435px -3.57996px 0px, rgb(115, 194, 255) -0.843183px -3.91012px 0px, rgb(115, 194, 255) 0.150409px -3.99717px 0px, rgb(115, 194, 255) 1.13465px -3.8357px 0px, rgb(115, 194, 255) 2.04834px -3.43574px 0px, rgb(115, 194, 255) 2.83468px -2.82216px 0px, rgb(115, 194, 255) 3.44477px -2.03312px 0px, rgb(115, 194, 255) 3.84068px -1.11766px 0px, rgb(115, 194, 255) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(5) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(5) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(5) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(5) figure figcaption h3 p {
  text-shadow: rgb(55, 230, 76) 4px 0px 0px, rgb(55, 230, 76) 3.87565px 0.989616px 0px, rgb(55, 230, 76) 3.51033px 1.9177px 0px, rgb(55, 230, 76) 2.92676px 2.72656px 0px, rgb(55, 230, 76) 2.16121px 3.36588px 0px, rgb(55, 230, 76) 1.26129px 3.79594px 0px, rgb(55, 230, 76) 0.282949px 3.98998px 0px, rgb(55, 230, 76) -0.712984px 3.93594px 0px, rgb(55, 230, 76) -1.66459px 3.63719px 0px, rgb(55, 230, 76) -2.51269px 3.11229px 0px, rgb(55, 230, 76) -3.20457px 2.39389px 0px, rgb(55, 230, 76) -3.69721px 1.52664px 0px, rgb(55, 230, 76) -3.95997px 0.56448px 0px, rgb(55, 230, 76) -3.97652px -0.432781px 0px, rgb(55, 230, 76) -3.74583px -1.40313px 0px, rgb(55, 230, 76) -3.28224px -2.28625px 0px, rgb(55, 230, 76) -2.61457px -3.02721px 0px, rgb(55, 230, 76) -1.78435px -3.57996px 0px, rgb(55, 230, 76) -0.843183px -3.91012px 0px, rgb(55, 230, 76) 0.150409px -3.99717px 0px, rgb(55, 230, 76) 1.13465px -3.8357px 0px, rgb(55, 230, 76) 2.04834px -3.43574px 0px, rgb(55, 230, 76) 2.83468px -2.82216px 0px, rgb(55, 230, 76) 3.44477px -2.03312px 0px, rgb(55, 230, 76) 3.84068px -1.11766px 0px, rgb(55, 230, 76) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(6) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(6) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(6) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(6) figure figcaption h3 p {
  text-shadow: rgb(213, 230, 55) 4px 0px 0px, rgb(213, 230, 55) 3.87565px 0.989616px 0px, rgb(213, 230, 55) 3.51033px 1.9177px 0px, rgb(213, 230, 55) 2.92676px 2.72656px 0px, rgb(213, 230, 55) 2.16121px 3.36588px 0px, rgb(213, 230, 55) 1.26129px 3.79594px 0px, rgb(213, 230, 55) 0.282949px 3.98998px 0px, rgb(213, 230, 55) -0.712984px 3.93594px 0px, rgb(213, 230, 55) -1.66459px 3.63719px 0px, rgb(213, 230, 55) -2.51269px 3.11229px 0px, rgb(213, 230, 55) -3.20457px 2.39389px 0px, rgb(213, 230, 55) -3.69721px 1.52664px 0px, rgb(213, 230, 55) -3.95997px 0.56448px 0px, rgb(213, 230, 55) -3.97652px -0.432781px 0px, rgb(213, 230, 55) -3.74583px -1.40313px 0px, rgb(213, 230, 55) -3.28224px -2.28625px 0px, rgb(213, 230, 55) -2.61457px -3.02721px 0px, rgb(213, 230, 55) -1.78435px -3.57996px 0px, rgb(213, 230, 55) -0.843183px -3.91012px 0px, rgb(213, 230, 55) 0.150409px -3.99717px 0px, rgb(213, 230, 55) 1.13465px -3.8357px 0px, rgb(213, 230, 55) 2.04834px -3.43574px 0px, rgb(213, 230, 55) 2.83468px -2.82216px 0px, rgb(213, 230, 55) 3.44477px -2.03312px 0px, rgb(213, 230, 55) 3.84068px -1.11766px 0px, rgb(213, 230, 55) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(7) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(7) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(7) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(7) figure figcaption h3 p {
  text-shadow: rgb(230, 142, 55) 4px 0px 0px, rgb(230, 142, 55) 3.87565px 0.989616px 0px, rgb(230, 142, 55) 3.51033px 1.9177px 0px, rgb(230, 142, 55) 2.92676px 2.72656px 0px, rgb(230, 142, 55) 2.16121px 3.36588px 0px, rgb(230, 142, 55) 1.26129px 3.79594px 0px, rgb(230, 142, 55) 0.282949px 3.98998px 0px, rgb(230, 142, 55) -0.712984px 3.93594px 0px, rgb(230, 142, 55) -1.66459px 3.63719px 0px, rgb(230, 142, 55) -2.51269px 3.11229px 0px, rgb(230, 142, 55) -3.20457px 2.39389px 0px, rgb(230, 142, 55) -3.69721px 1.52664px 0px, rgb(230, 142, 55) -3.95997px 0.56448px 0px, rgb(230, 142, 55) -3.97652px -0.432781px 0px, rgb(230, 142, 55) -3.74583px -1.40313px 0px, rgb(230, 142, 55) -3.28224px -2.28625px 0px, rgb(230, 142, 55) -2.61457px -3.02721px 0px, rgb(230, 142, 55) -1.78435px -3.57996px 0px, rgb(230, 142, 55) -0.843183px -3.91012px 0px, rgb(230, 142, 55) 0.150409px -3.99717px 0px, rgb(230, 142, 55) 1.13465px -3.8357px 0px, rgb(230, 142, 55) 2.04834px -3.43574px 0px, rgb(230, 142, 55) 2.83468px -2.82216px 0px, rgb(230, 142, 55) 3.44477px -2.03312px 0px, rgb(230, 142, 55) 3.84068px -1.11766px 0px, rgb(230, 142, 55) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(8) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(8) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(8) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(8) figure figcaption h3 p {
  text-shadow: rgb(230, 69, 55) 4px 0px 0px, rgb(230, 69, 55) 3.87565px 0.989616px 0px, rgb(230, 69, 55) 3.51033px 1.9177px 0px, rgb(230, 69, 55) 2.92676px 2.72656px 0px, rgb(230, 69, 55) 2.16121px 3.36588px 0px, rgb(230, 69, 55) 1.26129px 3.79594px 0px, rgb(230, 69, 55) 0.282949px 3.98998px 0px, rgb(230, 69, 55) -0.712984px 3.93594px 0px, rgb(230, 69, 55) -1.66459px 3.63719px 0px, rgb(230, 69, 55) -2.51269px 3.11229px 0px, rgb(230, 69, 55) -3.20457px 2.39389px 0px, rgb(230, 69, 55) -3.69721px 1.52664px 0px, rgb(230, 69, 55) -3.95997px 0.56448px 0px, rgb(230, 69, 55) -3.97652px -0.432781px 0px, rgb(230, 69, 55) -3.74583px -1.40313px 0px, rgb(230, 69, 55) -3.28224px -2.28625px 0px, rgb(230, 69, 55) -2.61457px -3.02721px 0px, rgb(230, 69, 55) -1.78435px -3.57996px 0px, rgb(230, 69, 55) -0.843183px -3.91012px 0px, rgb(230, 69, 55) 0.150409px -3.99717px 0px, rgb(230, 69, 55) 1.13465px -3.8357px 0px, rgb(230, 69, 55) 2.04834px -3.43574px 0px, rgb(230, 69, 55) 2.83468px -2.82216px 0px, rgb(230, 69, 55) 3.44477px -2.03312px 0px, rgb(230, 69, 55) 3.84068px -1.11766px 0px, rgb(230, 69, 55) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(9) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(9) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(9) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(9) figure figcaption h3 p {
  text-shadow: rgb(83, 55, 230) 4px 0px 0px, rgb(83, 55, 230) 3.87565px 0.989616px 0px, rgb(83, 55, 230) 3.51033px 1.9177px 0px, rgb(83, 55, 230) 2.92676px 2.72656px 0px, rgb(83, 55, 230) 2.16121px 3.36588px 0px, rgb(83, 55, 230) 1.26129px 3.79594px 0px, rgb(83, 55, 230) 0.282949px 3.98998px 0px, rgb(83, 55, 230) -0.712984px 3.93594px 0px, rgb(83, 55, 230) -1.66459px 3.63719px 0px, rgb(83, 55, 230) -2.51269px 3.11229px 0px, rgb(83, 55, 230) -3.20457px 2.39389px 0px, rgb(83, 55, 230) -3.69721px 1.52664px 0px, rgb(83, 55, 230) -3.95997px 0.56448px 0px, rgb(83, 55, 230) -3.97652px -0.432781px 0px, rgb(83, 55, 230) -3.74583px -1.40313px 0px, rgb(83, 55, 230) -3.28224px -2.28625px 0px, rgb(83, 55, 230) -2.61457px -3.02721px 0px, rgb(83, 55, 230) -1.78435px -3.57996px 0px, rgb(83, 55, 230) -0.843183px -3.91012px 0px, rgb(83, 55, 230) 0.150409px -3.99717px 0px, rgb(83, 55, 230) 1.13465px -3.8357px 0px, rgb(83, 55, 230) 2.04834px -3.43574px 0px, rgb(83, 55, 230) 2.83468px -2.82216px 0px, rgb(83, 55, 230) 3.44477px -2.03312px 0px, rgb(83, 55, 230) 3.84068px -1.11766px 0px, rgb(83, 55, 230) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(10) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(10) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(10) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(10) figure figcaption h3 p {
  text-shadow: rgb(55, 112, 230) 4px 0px 0px, rgb(55, 112, 230) 3.87565px 0.989616px 0px, rgb(55, 112, 230) 3.51033px 1.9177px 0px, rgb(55, 112, 230) 2.92676px 2.72656px 0px, rgb(55, 112, 230) 2.16121px 3.36588px 0px, rgb(55, 112, 230) 1.26129px 3.79594px 0px, rgb(55, 112, 230) 0.282949px 3.98998px 0px, rgb(55, 112, 230) -0.712984px 3.93594px 0px, rgb(55, 112, 230) -1.66459px 3.63719px 0px, rgb(55, 112, 230) -2.51269px 3.11229px 0px, rgb(55, 112, 230) -3.20457px 2.39389px 0px, rgb(55, 112, 230) -3.69721px 1.52664px 0px, rgb(55, 112, 230) -3.95997px 0.56448px 0px, rgb(55, 112, 230) -3.97652px -0.432781px 0px, rgb(55, 112, 230) -3.74583px -1.40313px 0px, rgb(55, 112, 230) -3.28224px -2.28625px 0px, rgb(55, 112, 230) -2.61457px -3.02721px 0px, rgb(55, 112, 230) -1.78435px -3.57996px 0px, rgb(55, 112, 230) -0.843183px -3.91012px 0px, rgb(55, 112, 230) 0.150409px -3.99717px 0px, rgb(55, 112, 230) 1.13465px -3.8357px 0px, rgb(55, 112, 230) 2.04834px -3.43574px 0px, rgb(55, 112, 230) 2.83468px -2.82216px 0px, rgb(55, 112, 230) 3.44477px -2.03312px 0px, rgb(55, 112, 230) 3.84068px -1.11766px 0px, rgb(55, 112, 230) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(11) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(11) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(11) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(11) figure figcaption h3 p {
  text-shadow: rgb(161, 230, 55) 4px 0px 0px, rgb(161, 230, 55) 3.87565px 0.989616px 0px, rgb(161, 230, 55) 3.51033px 1.9177px 0px, rgb(161, 230, 55) 2.92676px 2.72656px 0px, rgb(161, 230, 55) 2.16121px 3.36588px 0px, rgb(161, 230, 55) 1.26129px 3.79594px 0px, rgb(161, 230, 55) 0.282949px 3.98998px 0px, rgb(161, 230, 55) -0.712984px 3.93594px 0px, rgb(161, 230, 55) -1.66459px 3.63719px 0px, rgb(161, 230, 55) -2.51269px 3.11229px 0px, rgb(161, 230, 55) -3.20457px 2.39389px 0px, rgb(161, 230, 55) -3.69721px 1.52664px 0px, rgb(161, 230, 55) -3.95997px 0.56448px 0px, rgb(161, 230, 55) -3.97652px -0.432781px 0px, rgb(161, 230, 55) -3.74583px -1.40313px 0px, rgb(161, 230, 55) -3.28224px -2.28625px 0px, rgb(161, 230, 55) -2.61457px -3.02721px 0px, rgb(161, 230, 55) -1.78435px -3.57996px 0px, rgb(161, 230, 55) -0.843183px -3.91012px 0px, rgb(161, 230, 55) 0.150409px -3.99717px 0px, rgb(161, 230, 55) 1.13465px -3.8357px 0px, rgb(161, 230, 55) 2.04834px -3.43574px 0px, rgb(161, 230, 55) 2.83468px -2.82216px 0px, rgb(161, 230, 55) 3.44477px -2.03312px 0px, rgb(161, 230, 55) 3.84068px -1.11766px 0px, rgb(161, 230, 55) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring li:nth-child(12) figure figcaption h3 p,
#event .contents__wrap .summer li:nth-child(12) figure figcaption h3 p,
#event .contents__wrap .autumn li:nth-child(12) figure figcaption h3 p,
#event .contents__wrap .winter li:nth-child(12) figure figcaption h3 p {
  text-shadow: rgb(55, 230, 191) 4px 0px 0px, rgb(55, 230, 191) 3.87565px 0.989616px 0px, rgb(55, 230, 191) 3.51033px 1.9177px 0px, rgb(55, 230, 191) 2.92676px 2.72656px 0px, rgb(55, 230, 191) 2.16121px 3.36588px 0px, rgb(55, 230, 191) 1.26129px 3.79594px 0px, rgb(55, 230, 191) 0.282949px 3.98998px 0px, rgb(55, 230, 191) -0.712984px 3.93594px 0px, rgb(55, 230, 191) -1.66459px 3.63719px 0px, rgb(55, 230, 191) -2.51269px 3.11229px 0px, rgb(55, 230, 191) -3.20457px 2.39389px 0px, rgb(55, 230, 191) -3.69721px 1.52664px 0px, rgb(55, 230, 191) -3.95997px 0.56448px 0px, rgb(55, 230, 191) -3.97652px -0.432781px 0px, rgb(55, 230, 191) -3.74583px -1.40313px 0px, rgb(55, 230, 191) -3.28224px -2.28625px 0px, rgb(55, 230, 191) -2.61457px -3.02721px 0px, rgb(55, 230, 191) -1.78435px -3.57996px 0px, rgb(55, 230, 191) -0.843183px -3.91012px 0px, rgb(55, 230, 191) 0.150409px -3.99717px 0px, rgb(55, 230, 191) 1.13465px -3.8357px 0px, rgb(55, 230, 191) 2.04834px -3.43574px 0px, rgb(55, 230, 191) 2.83468px -2.82216px 0px, rgb(55, 230, 191) 3.44477px -2.03312px 0px, rgb(55, 230, 191) 3.84068px -1.11766px 0px, rgb(55, 230, 191) 3.9978px -0.132717px 0px;
}
#event .contents__wrap .spring {
  position: relative;
  padding: 50px;
  background-color: #ffdbf1;
  z-index: -1;
}
#event .contents__wrap .spring::before {
  position: absolute;
  background-image: url("../../img/event/spring01.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 611/424;
  -o-object-fit: contain;
     object-fit: contain;
  top: -15%;
  width: 40%;
  left: -16%;
  content: "";
  z-index: 0;
}
#event .contents__wrap .spring::after {
  position: absolute;
  background-image: url("../../img/event/spring02.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 611/424;
  -o-object-fit: contain;
     object-fit: contain;
  width: 23%;
  bottom: -23%;
  right: -18%;
  content: "";
  z-index: -1;
}
#event .contents__wrap .summer {
  position: relative;
  padding: 50px;
  background-color: #dbffe4;
  z-index: -1;
}
#event .contents__wrap .summer::before {
  position: absolute;
  background-image: url("../../img/event/summer01.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 611/424;
  -o-object-fit: contain;
     object-fit: contain;
  top: -15%;
  width: 50%;
  left: -10%;
  content: "";
  z-index: 0;
}
#event .contents__wrap .summer::after {
  position: absolute;
  background-image: url("../../img/event/summer02.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 611/424;
  -o-object-fit: contain;
     object-fit: contain;
  width: 30%;
  bottom: -23%;
  right: -15%;
  content: "";
  z-index: -1;
}
#event .contents__wrap .autumn {
  position: relative;
  padding: 50px;
  background-color: #fff7db;
  z-index: -1;
}
#event .contents__wrap .autumn::before {
  position: absolute;
  background-image: url("../../img/event/autumn01.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 611/424;
  -o-object-fit: contain;
     object-fit: contain;
  top: -10%;
  width: 30%;
  left: -20%;
  content: "";
  z-index: -1;
}
#event .contents__wrap .autumn::after {
  position: absolute;
  background-image: url("../../img/event/autumn02.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 611/424;
  -o-object-fit: contain;
     object-fit: contain;
  width: 33%;
  bottom: -10%;
  right: -27%;
  content: "";
  z-index: -1;
}
#event .contents__wrap .winter {
  position: relative;
  padding: 50px;
  background-color: #b2bfec;
  z-index: -1;
}
#event .contents__wrap .winter::before {
  position: absolute;
  background-image: url("../../img/event/winter01.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 611/424;
  -o-object-fit: contain;
     object-fit: contain;
  top: -10%;
  width: 35%;
  left: -20%;
  content: "";
  z-index: 0;
}
#event .contents__wrap .winter::after {
  position: absolute;
  background-image: url("../../img/event/winter02.png");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 611/424;
  -o-object-fit: contain;
     object-fit: contain;
  width: 20%;
  bottom: -10%;
  right: -15%;
  content: "";
  z-index: 1;
}

@media screen and (max-width: 1280px) {
  #event .contents__wrap .spring,
  #event .contents__wrap .summer,
  #event .contents__wrap .autumn,
  #event .contents__wrap .winter {
    padding: 50px 20px;
  }
}
@media screen and (max-width: 1024px) {
  #event {
    margin-top: 0;
  }
  #event .contents__wrap .spring::before,
  #event .contents__wrap .summer::before,
  #event .contents__wrap .autumn::before,
  #event .contents__wrap .winter::before {
    z-index: 1;
  }
  #event .contents__wrap .spring::after,
  #event .contents__wrap .summer::after,
  #event .contents__wrap .autumn::after,
  #event .contents__wrap .winter::after {
    z-index: 1;
  }
  #event .contents__wrap .spring li,
  #event .contents__wrap .summer li,
  #event .contents__wrap .autumn li,
  #event .contents__wrap .winter li {
    width: calc(50% - 1rem);
  }
  #event .contents__wrap .spring::before {
    top: unset;
    bottom: 0%;
    left: -5%;
  }
  #event .contents__wrap .spring::after {
    width: 35%;
    bottom: 0%;
    right: -5%;
  }
  #event .contents__wrap .summer::before {
    top: unset;
    bottom: 0%;
    left: -5%;
  }
  #event .contents__wrap .summer::after {
    bottom: -2%;
    right: -8%;
  }
  #event .contents__wrap .autumn::before {
    top: unset;
    bottom: -2%;
    left: -5%;
  }
  #event .contents__wrap .autumn::after {
    bottom: 0%;
    right: -8%;
  }
  #event .contents__wrap .winter::before {
    top: unset;
    bottom: 0%;
    left: -5%;
  }
  #event .contents__wrap .winter::after {
    width: 30%;
    bottom: 0%;
    right: -8%;
  }
}
@media screen and (max-width: 768px) {
  #event .contents__wrap .spring li,
  #event .contents__wrap .summer li,
  #event .contents__wrap .autumn li,
  #event .contents__wrap .winter li {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #event .main-ttl::before {
    top: -26px;
    left: -95px;
  }
  #event .main-ttl h2 p {
    font-size: 24px;
  }
  #event .main-ttl h2 span {
    font-size: 20px;
  }
  #event .contents {
    padding: 0 20px;
  }
  #event .contents__wrap {
    margin-top: 0;
  }
  #event .contents__wrap .spring {
    margin-top: 50px;
  }
  #event .contents__wrap .summer {
    margin-top: 65px;
  }
  #event .contents__wrap .autumn {
    margin-top: 65px;
  }
  #event .contents__wrap .winter {
    margin-top: 65px;
  }
}
#carousel {
  position: relative;
}
#carousel::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 40%;
  height: 100%;
  display: block;
  z-index: -1;
  background-color: #feb25e;
  clip-path: polygon(0 0, 65% 0, 100% 100%, 35% 100%);
}
#carousel .carousel__warp h2 {
  margin: 0 auto 4rem;
}
#carousel .carousel__warp--slider {
  overflow: hidden;
}
#carousel .carousel__warp--slider--box {
  transition-timing-function: linear;
}
#carousel .carousel__warp--slider--box--list {
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
#carousel .carousel__warp--slider--box--list img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
#carousel .carousel__warp--link {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#carousel .carousel__warp--link a {
  margin: 2rem auto 0;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 2rem;
  background-color: #feb25e;
  border: solid 1px #feb25e;
  color: #ff9e2f;
  transition: all ease 0.5s;
}
#carousel .carousel__warp--link a:hover {
  background-color: #ff9e2f;
  color: #feb25e;
}

#modal {
  padding: 5rem 0 15rem 0;
  position: relative;
  margin: 0 3rem 3rem;
  width: calc(100% - 6rem);
}
#modal::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  content: "coating gallery";
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(4rem, 3.5rem + 2.5vw, 6.5rem);
  writing-mode: vertical-rl;
  text-wrap: nowrap;
  line-height: 1;
  z-index: 1;
}
#modal .modal__warp {
  /* モーダルを開くボタン */
  /* モーダル本体 */
  /* モーダルを閉じるボタン */
  /* モーダル内のコンテンツ */
}
#modal .modal__warp h2 {
  margin: 0 auto 4rem;
}
#modal .modal__warp .modal {
  padding: 0 0;
}
#modal .modal__warp .inner {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: 0 20px;
}
#modal .modal__warp .inner > ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
#modal .modal__warp .inner > ul > li {
  width: calc(25% - 20px);
  margin-top: unset !important;
  margin: 0 10px 20px;
}
#modal .modal__warp .inner > ul > li figure {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
#modal .modal__warp .inner > ul > li figure img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all ease 1s;
}
#modal .modal__warp .inner > ul > li figure:hover img {
  scale: 1.15;
}
#modal .modal__warp .modal__trigger {
  cursor: pointer;
}
#modal .modal__warp .modal__trigger:nth-child(n+2) {
  margin-top: 60px;
}
#modal .modal__warp .modal__wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
#modal .modal__warp .modal__layer {
  height: 100%;
  background: rgba(50, 50, 50, 0.85);
  cursor: pointer;
}
#modal .modal__warp .modal__container {
  position: absolute;
  top: calc(50% + 46px);
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(100% - 40px, 1000px);
  height: calc(80vh - 40px);
  padding: 20px;
  background: #fff;
}
#modal .modal__warp .modal__inner {
  position: relative;
  overflow-y: scroll;
  height: calc(100% - 50px);
  padding: 0px 20px 20px 20px;
  margin: 50px 0 0 0;
}
#modal .modal__warp .modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  background: rgb(50, 50, 50);
  cursor: pointer;
  transition: opacity 0.6s;
  z-index: 999;
}
#modal .modal__warp .modal__close:hover {
  opacity: 0.6;
}
#modal .modal__warp .modal__close:before,
#modal .modal__warp .modal__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  content: "";
}
#modal .modal__warp .modal__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
#modal .modal__warp .modal__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
#modal .modal__warp .modal__content .modal__title {
  font-size: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);
}
#modal .modal__warp .modal__content .modal__text {
  text-align: justify;
  -moz-text-align-last: left;
       text-align-last: left;
}

.calender__content table {
  border: #feb25e 2px solid;
  width: 100%;
}
.calender__content table tbody tr {
  border-bottom: #feb25e 2px solid;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.calender__content table tbody tr th,
.calender__content table tbody tr td {
  border-right: #feb25e 2px solid;
}
.calender__content table tbody tr th:last-child,
.calender__content table tbody tr td:last-child {
  border-right: none;
}
.calender__content table tbody tr th {
  padding: 5px 0px;
  text-align: center;
  background-color: #ff9e2f;
}
.calender__content table tbody tr td {
  min-height: 70px;
  text-align: left;
  padding: 5px;
  padding-top: 0;
  container-type: inline-size;
}
.calender__content table tbody tr td .date {
  font-weight: bold;
  color: #feb25e;
}
.calender__content table tbody tr td.sat .date {
  color: blue;
}
.calender__content table tbody tr td.holiday .date, .calender__content table tbody tr td.sun .date {
  color: red;
}
.calender__content table tbody tr td.close {
  background-color: #ffe0eb;
}
.calender__content table tbody tr td.close2 {
  background-color: #ffff8b;
}
.calender__content table tbody tr td.close3 {
  background-color: #c8e7fa;
}
.calender__content table tbody tr td.close4 {
  background-color: #c8ffc8;
}
.calender__content table tbody tr td.close5 {
  background-color: #eee5d7;
}
.calender__content table tbody tr td.close6 {
  background-color: #ffd700;
}
@container (max-width: 60px) {
  .calender__content table tbody tr td .event-button {
    font-size: 30cqi;
    padding: 3cqi 5cqi;
  }
}
.calender__content table tbody tr:last-child {
  border-bottom: none;
}
.calender__content .event-button {
  background: #007bff;
  color: white;
  border: none;
  padding: 2px 8px;
  border-radius: 4px;
  cursor: pointer;
  margin: 2px 0;
  font-size: 12px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.calender__content .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: calc(infinity);
}
.calender__content .modal-content {
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  border-radius: 5px;
  max-width: 500px;
  width: 90%;
}
.calender__content .close-button {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 24px;
  cursor: pointer;
  background: none;
  border: none;
}
.calender__content .modal-title {
  margin-bottom: 15px;
  padding-right: 20px;
}
.calender__content .modal-events {
  margin-top: 10px;
}
.calender__content .modal-events a {
  color: blue;
  text-decoration: underline;
}
.calender__content .cms_calendar {
  margin-bottom: 20px;
  display: none;
}
.calender__content .cms_calendar.current-month {
  display: block;
}
.calender__content .cms_calendar .past {
  background-color: #f5f5f5;
}
.calender__content .cms_calendar .close {
  background-color: #ffe6e6;
}
.calender__content .cms_calendar .date {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.calender__content .d_null {
  background-color: #d8d8d8;
}
.calender__content .calender__btn {
  display: grid;
  grid-template-columns: auto 1fr auto;
  margin-bottom: 20px;
}
.calender__content .calender__btn #prev {
  grid-row: 1/2;
  grid-column: 1/2;
  display: none;
}
.calender__content .calender__btn #next {
  grid-row: 1/2;
  grid-column: 3/4;
}
.calender__content .btn {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.calender__content .calender__note {
  margin-top: 30px;
}

#calender {
  padding: 120px 0;
}
#calender .section {
  width: 80%;
  max-width: 1280px;
  margin-inline: auto;
}

body:has(#eventModal.open) {
  overflow: hidden;
}
body:has(#eventModal.open) header,
body:has(#eventModal.open) #floating,
body:has(#eventModal.open) #page-top {
  display: none;
}

.pagetop {
  display: none;
  position: fixed;
  bottom: 2.5em;
  right: 2.5em;
  z-index: 999;
}
.pagetop a {
  width: 52px;
  height: 52px;
  aspect-ratio: 1/1;
  display: block;
  background-color: #feb25e;
  border: solid 1px #feb25e;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  border-radius: 50%;
  transition: all ease 0.5s;
}
.pagetop a i {
  color: #ff9e2f;
}
.pagetop a:hover {
  background-color: #ff9e2f;
}
.pagetop a:hover i {
  color: #ff9e2f;
}

@media screen and (max-width: 480px) {
  .pagetop {
    display: none;
    position: fixed;
    bottom: calc(75px + 1.5rem);
    right: 1.5em;
  }
  .pagetop a {
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
  }
}
#footer {
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 10;
  background-color: #8ec443;
  top: -1px;
}
#footer .footer-section {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#footer .footer-section .footer__warp {
  width: 95%;
  max-width: 1200px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  padding-top: 3rem;
  padding-bottom: 1rem;
  border-radius: 20px;
  gap: 3rem;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box {
  gap: 2rem;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--address {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.5;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--address p,
#footer .footer-section .footer__warp .content-left .footer__warp--box--address a {
  margin: 0;
  border-radius: 30px;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 700;
  transition: all 0.3s ease;
  line-height: 1.5;
  text-align: center;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--address a {
  font-weight: bold;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--contactbox {
  flex: 1;
  text-align: center;
  line-height: 1.5;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--contactbox p {
  font-weight: 500;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--contactbox a {
  display: inline-block;
  margin: 0.5rem 0.5rem;
  padding: 10px;
  color: #fff;
  border: 2px solid #ff9e2f;
  text-decoration: none;
  font-size: 1.2rem;
  background-color: #ff9e2f;
  font-weight: bold;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3960784314);
  transition: background-color 0.5s ease, color 0.5s ease;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--contactbox a i {
  margin-right: 0.5rem;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--contactbox a:hover {
  background-color: #fff;
  border: 2px solid #feb25e;
  color: #feb25e;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--contactbox .small {
  font-size: clamp(0.7rem, 0.66rem + 0.2vw, 0.9rem);
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--contactbox .small a {
  color: #fff;
  background-color: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  font-size: clamp(0.7rem, 0.66rem + 0.2vw, 0.9rem);
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--business_hours {
  text-align: center;
  margin: 0.5rem 0 1rem;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--business_hours h3 {
  font-size: 1.5rem;
  margin: 0.5rem 0;
  font-weight: bold;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--business_hours p {
  font-size: 1.5rem;
  font-weight: 500;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--contact-page {
  margin: 1.5rem 0 0rem;
  font-size: clamp(1rem, 0.96rem + 0.2vw, 1.2rem);
  border: 1px solid #311a03;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0.5rem 1rem;
  transition: all 0.5s ease;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--contact-page:hover {
  color: #F4F6F6;
  border-color: #F4F6F6;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--link {
  display: flex;
  gap: 1rem;
  margin: 1rem auto;
  width: -moz-fit-content;
  width: fit-content;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--link a {
  color: #311a03;
  transition: background-color 0.5s ease, color 0.5s ease;
  transform: rotate(0.05deg);
  transform: skewX(0.03deg);
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--link a i {
  font-size: clamp(1.1rem, 1.06rem + 0.2vw, 1.3rem);
  margin-right: 0.5rem;
}
#footer .footer-section .footer__warp .content-left .footer__warp--box--link a:hover {
  color: #6ac7e6;
}
#footer .footer-section .footer__warp .content-right {
  width: -moz-fit-content;
  width: fit-content;
}
#footer .footer-section .footer__warp .content-right .logo {
  padding: 10px 20px;
  width: 400px;
}
#footer .footer-section .footer__warp .content-right .logo p {
  font-size: clamp(0.9rem, 0.86rem + 0.2vw, 1.1rem);
  font-weight: 700;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  border-bottom: 2px dashed #ff9e2f;
  line-height: 1.8;
}
#footer .footer-section .footer__warp .content-right .logo p span {
  display: inline-block;
}
#footer .footer-section .footer__warp .content-right .logo:hover {
  opacity: 0.7;
  transition: all 0.4s;
}
#footer .footer-section .footer__nav {
  width: 100%;
  text-align: center;
  padding: 1rem 0;
}
#footer .footer-section .footer__nav--warp {
  max-width: 1400px;
  margin: 0 auto;
}
#footer .footer-section .footer__nav--warp nav ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  gap: 1rem;
}
#footer .footer-section .footer__nav--warp nav ul li {
  padding: 0.5rem 1rem;
  transform: rotate(0.05deg);
  transform: skewX(0.03deg);
}
#footer .footer-section .footer__nav--warp nav ul li a {
  font-size: clamp(0.7rem, 0.66rem + 0.2vw, 0.9rem);
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.5s ease, color 0.5s ease;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  transform: rotate(0.05deg);
  transform: skewX(0.03deg);
}
#footer .footer-section .footer__nav--warp nav ul li a span {
  font-size: clamp(0.6rem, 0.56rem + 0.2vw, 0.8rem);
  line-height: clamp(0.4rem, 0.36rem + 0.2vw, 0.6rem);
  font-weight: normal;
  display: block;
  padding-top: 10px;
}
#footer .footer-section .footer__nav--warp nav ul li a:hover {
  color: #ff9e2f;
}
#footer .footer__copy {
  padding: 1rem 0;
  text-align: center;
  color: #fff;
  font-size: clamp(0.7rem, 0.66rem + 0.2vw, 0.9rem);
  line-height: 1.5;
  background-color: #ff9e2f;
  font-weight: bold;
}
#footer .footer__copy br {
  display: none;
}
@media (max-width: 768px) {
  #footer .footer__copy {
    padding-bottom: 80px;
  }
}
#footer .pagetop {
  position: fixed;
  bottom: 67px;
  right: 20px;
  z-index: 1000;
}
#footer .pagetop a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  color: #fff;
  background-color: #f8ead5;
  border-radius: 50%;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  font-size: 1.2rem;
}
#footer .pagetop a:hover {
  background-color: #F4F6F6;
  color: #6ac7e6;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
  transform: translateY(-5px);
}

@media screen and (max-width: 1024px) {
  #footer .footer-section .footer__warp .content-right .logo {
    width: 350px;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-section .footer__warp {
    gap: 1rem;
  }
  #footer .footer-section .footer__warp .content-right .logo {
    width: 300px;
  }
}
@media screen and (max-width: 480px) {
  #footer .footer-section .footer__warp .content-left .footer__warp--box--contactbox .small span {
    display: inline-block;
  }
  #footer .footer-section .footer__warp .content-right .logo {
    width: 250px;
  }
  #footer .pagetop {
    bottom: 77px;
    right: 6px;
  }
}/*# sourceMappingURL=style.css.map */