/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*!///////////////////////////////////////////*/
/*!//////////// ↓↓↓reset↓↓↓ ////////////*/
/*!///////////////////////////////////////////*/
*, *::before, *::after { box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl ,a { margin: 0; color: #6f5a49;
}
a { text-decoration: none;}
ul,ol { padding-left: 0; list-style-type: none;}
dd { margin-left: 0;}
p {font-size: 14px; line-height: 1.75;}
@media screen and (min-width: 768px) { p { font-size: 16px;}}
button {border: 0;}
/*!///////////////////////////////////////////*/
/*!//////////// ↑↑↑reset↑↑↑ ////////////*/
/*!///////////////////////////////////////////*/


/*!////////////////////////////////////////////*/
/*!//////////// ↓↓↓common↓↓↓ ////////////*/
/*!////////////////////////////////////////////*/
body { font-family: "Zen Kaku Gothic New","Zen Old Mincho", sans-serif;}
@media screen and (max-width: 768px) {
  .sp-none { display: none !important;}}
@media screen and (min-width: 769px) {
  .pc-none {display: none !important;}}
.hidden { display: none !important;}
.image { display: block; width: 100%;}
.wrapper {position: relative; overflow:clip;} /* overflowは適宜hiddenに変更 */
.container {
  position: relative;
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 85px;
  padding-right: 85px;
}
.container--innner {
  max-width: 840px;
  padding-left: min(calc(20vw / 3.75),20px);
  padding-right: min(calc(20vw / 3.75),20px);
}
@media screen and (max-width: 768px) {
  .container {
    padding-left: min(calc(20vw / 3.75),20px);
    padding-right: min(calc(20vw / 3.75),20px);
  }
}

.container-1400 {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
}

.common-section {
  padding-top: clamp(50px,calc(100vw / 11.7),100px);
  padding-bottom: clamp(50px,calc(100vw / 11.7),100px);
}

body * { min-height: 0vw;} /* clamp用 */

a { transition: .3s; }
a * {pointer-events: none; transition: .3s;} /* サイト計測用 */

img ,svg { width: 100%; height: auto; object-fit: contain; }

/* img {　画像コピー禁止用の場合使用
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
} */

.img {
  width: 100%;
  height: auto;
  line-height: 0;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .sp-static {
    position: static !important;
  }
}

section { position: relative; }

h2 { text-align: center; }

/* 可変改行指定、<wbr>と併用 */
.WBR { word-break: keep-all; overflow-wrap: anywhere; } 

.Grid {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: 20px;
}

a:hover {
  opacity: .7;
}
@media screen and (min-width: 769px) {
a:hover {
  opacity: .7;
}
a[href^="tel:"] {
    pointer-events: none;
}

}


summary {
	list-style: none;
  cursor: pointer;
  transition: opacity .3s;
}
summary::-webkit-details-marker {
	display: none;
}

@media screen and (min-width: 769px) {
summary:hover {
  opacity: 0.7;
}
}


/* .link-button {display: block; width: 100%;} */

/* background用svgの記述
svgタグ内、viewBoxと内容を変更、カラー変更は#が効かないので%23を記述→fill="%23■■■■■■"
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10 8.66.24"><path fill="%23ffffff" d="M7.44,.1l2.44,4.23-2.44,4.23H2.56L.12,4.33,2.56,.1H7.44m.06-.1H2.5L0,4.33l2.5,4.33H7.5l2.5-4.33L7.5,0h0Z"/></svg>') ;
*/
/*!////////////////////////////////////////////*/
/*!//////////// ↑↑↑common↑↑↑ ////////////*/
/*!////////////////////////////////////////////*/
html {
  font-size: min(calc(10vw / 11.7),10px);
}
@media screen and (max-width: 768px) {
  html {
    font-size: min(calc(10vw / 3.75),10px);
  }
}

:root {
  --bg-zarazara-size: 1003px auto;
  --bg-zarazara-blue: url(../img/bg_blue.webp);
  --bg-zarazara-pink: url(../img/bg_pink.webp);
  --bg-zarazara-yellow: url(../img/bg_yellow.webp);
  --bg-zarazara-green: url(../img/bg_green.webp);
  --bg-zarazara-orange: url(../img/bg_orange.webp);
  --bg-zarazara-cream: url(../img/bg_cream.webp);
  --bg-zarazara-light-pink: url(../img/bg_light_pink.webp);
  --bg-zarazara-light-yellow: url(../img/bg_light_yellow.webp);
  --bg-zarazara-light-orange: url(../img/bg_light_orange.webp);
  
  /* WAVE中心凹パーツ586.9314px */
  --mask-wave: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 586.93 254.41"><path fill="%23ffffff" d="M586.93,0c-.23,0-.44,0-.67,0-146.4,0-146.4,31.63-292.81,31.63S147.05,0,.65,0c-.22,0-.43,0-.65,0v254.41c.23,0,.44,0,.67,0,146.4,0,146.4-31.63,292.81-31.63s146.4,31.63,292.8,31.63c.22,0,.43,0,.65,0V0Z"/></svg>') ;
  --mask-wave-size: 586.9314;

  /* WAVE中心凸パーツ1173.86px */
  /* --mask-wave-long: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1173.86 254.41"><path fill="%23ffffff" d="M1173.19,0c-146.4,0-146.4,31.63-292.81,31.63S733.99,0,587.59,0c-.22,0-.43,0-.65,0-.23,0-.44,0-.67,0-146.4,0-146.4,31.63-292.81,31.63S147.05,0,.65,0c-.22,0-.43,0-.65,0v254.41c.23,0,.44,0,.67,0,146.4,0,146.4-31.63,292.81-31.63s146.4,31.63,292.8,31.63c.22,0,.43,0,.65,0s.44,0,.67,0c146.4,0,146.4-31.63,292.81-31.63s146.4,31.63,292.8,31.63c.22,0,.43,0,.65,0V0c-.23,0-.44,0-.67,0Z"/></svg>') ; */
  /* --mask-wave-long: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1400 254.41"><path fill="%23ffffff" d="M1400,18.07c-28.61,7.28-62.5,13.55-114.4,13.55-146.4,0-146.4-31.63-292.81-31.63s-146.4,31.63-292.81,31.63S553.59,0,407.19,0,260.79,31.63,114.39,31.63C62.5,31.63,28.61,25.35,0,18.07v218.26c28.61-7.28,62.5-13.55,114.4-13.55,146.4,0,146.4,31.63,292.81,31.63s146.4-31.63,292.81-31.63,146.4,31.63,292.8,31.63,146.4-31.63,292.8-31.63c51.9,0,85.79,6.27,114.39,13.55V18.07Z"/></svg>') ; */
  --mask-wave-long: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1400 190.46"><path fill="%23ffffff" d="M1400,13.55c-28.61-7.28-62.5-13.55-114.39-13.55-146.4,0-146.4,31.63-292.8,31.63S846.41,0,700.01,0s-146.4,31.63-292.81,31.63S260.8,0,114.4,0C62.5,0,28.61,6.27,0,13.55v163.35c28.61,7.28,62.5,13.55,114.39,13.55,146.4,0,146.4-31.63,292.8-31.63s146.4,31.63,292.8,31.63,146.4-31.63,292.81-31.63,146.4,31.63,292.81,31.63c51.9,0,85.79-6.27,114.4-13.55"/></svg>') ;
  /* --mask-wave-long-width: 1173.86; */
  /* --mask-wave-long-width: 880.3971; */
  --mask-wave-long-width: 1400;
  --mask-wave-long-height: 190.46;
}

.bg-zarazara {
  background-image: var(--bg-zarazara-yellow);
  background-size: var(--bg-zarazara-size);
  background-repeat: repeat;
  background-position: top center;
}

.bg-zarazara.orange { background-image: var(--bg-zarazara-orange); }
.bg-zarazara.blue { background-image: var(--bg-zarazara-blue); }
.bg-zarazara.pink { background-image: var(--bg-zarazara-pink); }
.bg-zarazara.green { background-image: var(--bg-zarazara-green); }
.bg-zarazara.cream { background-image: var(--bg-zarazara-cream); }
.bg-zarazara.light-pink { background-image: var(--bg-zarazara-light-pink); }
.bg-zarazara.light-yellow { background-image: var(--bg-zarazara-light-yellow); }
.bg-zarazara.light-orange { background-image: var(--bg-zarazara-light-orange); }

.bg-white {
  background-color: #fff;
}

.block {
  position: relative;
  display: block;
  width: 100%;
}

.deco {
  position: relative;
}

.deco-item {
  display: block;
  position: absolute;
  width: 50px;
  height: auto;
}

.anime {
  /* animation-name: yurayura; */
  animation-duration: 2.1s;
  animation-fill-mode:forwards;
  animation-iteration-count: infinite;
  /* filter: drop-shadow(0px 4px 2px rgba(0,0,0,.1)); */
}
@keyframes yurayura {
  0%{transform: rotate(0deg);}
  49%{transform: rotate(0deg);} 
  50%{transform: rotate(-10deg);}
  99%{transform: rotate(-10deg);} 
  100%{transform: rotate(0deg);}
}

.anime-size {
  /* animation-name: yurayura-size; */
  animation-duration: 2.1s;
  animation-fill-mode:forwards;
  animation-iteration-count: infinite;
  /* filter: drop-shadow(0px 4px 2px rgba(0,0,0,.1)); */
}
@keyframes yurayura-size {
  0%{transform: rotate(0deg) scale(1.0);}
  49%{transform: rotate(0deg) scale(1.0);} 
  50%{transform: rotate(5deg) scale(1.1);}
  99%{transform: rotate(5deg) scale(1.1);;} 
  100%{transform: rotate(0deg) scale(1.0);;}
}

.flex {
  display: flex;
}

.center {
  text-align: center;
}

.Mincho ,.mincho {
  font-family: "Zen Old Mincho", sans-serif;;
}

.main {
  margin-top: calc(0% - clamp(78.4916px, calc(156.9831vw / 11.7), 156.9831px) - 3px);
}

@media screen and (max-width: 768px) {
  .sp-max400 {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

.cl-white {
  color: #fff;
}
.cl-orange {
  color: #f68600;
}


.arrow {
  position: absolute;
  top: 50%;
  right: clamp(min(calc(6vw / 3.75),6px),calc(12vw / 11.7),12px);
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28.79 28.79"><circle fill="%230097c1" cx="14.39" cy="14.39" r="14.39"/><path fill="%23ffffff" d="M21.02,14.65c.07-.16.07-.34,0-.5-.03-.08-.08-.15-.14-.21l-4.75-4.75c-.26-.26-.67-.26-.93,0-.26.26-.26.67,0,.93l3.62,3.62h-10.44c-.36,0-.66.29-.66.66s.29.66.66.66h10.44l-3.62,3.62c-.26.26-.26.67,0,.93.13.13.3.19.47.19s.34-.06.47-.19l4.75-4.75c.06-.06.11-.13.14-.21Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: clamp(min(calc(29vw / 3.75),29px),calc(41.2261vw / 11.7),41.2261px);
  height: auto;
  aspect-ratio: 1;
}
.arrow--white {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28.79 28.79"><circle fill="%23ffffff" cx="14.39" cy="14.39" r="14.39"/><path fill="%230097c1" d="M21.02,14.65c.07-.16.07-.34,0-.5-.03-.08-.08-.15-.14-.21l-4.75-4.75c-.26-.26-.67-.26-.93,0-.26.26-.26.67,0,.93l3.62,3.62h-10.44c-.36,0-.66.29-.66.66s.29.66.66.66h10.44l-3.62,3.62c-.26.26-.26.67,0,.93.13.13.3.19.47.19s.34-.06.47-.19l4.75-4.75c.06-.06.11-.13.14-.21Z"/></svg>');
}

.under-arrow {
  width: 19.002px;
  height: auto;
  aspect-ratio: 19.002 / 11.6175;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 19 11.62"><path fill="%23ffffff" d="M18,11.62c-.28,0-.55-.11-.75-.34L9.5,2.5,1.75,11.28c-.37.41-1,.45-1.41.09-.41-.37-.45-1-.09-1.41L8.75.32c.38-.43,1.12-.43,1.5,0l8.5,9.63c.37.41.33,1.05-.09,1.41-.19.17-.43.25-.66.25Z"/></svg>');
  transition: transform .3s;
  transform: scale(1,-1);
}

.contents-wrapper {
  display: flex;
  flex-direction: column;
  gap: min(calc(40vw / 11.7),40px);
}
.top-about__contents-wrapper {
  max-width: 840px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.contents-wrapper {
  gap: min(calc(30vw / 3.75),30px);
}
}

.common-link {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.common-link-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  background-color: #0097c1;
  width: clamp(min(calc(170vw / 3.75),170px),calc(300vw / 11.7),300px);
  height: auto;
  aspect-ratio: 85 / 21;
}


.common-link-text {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .common-link-text {
    font-size: 1.3rem;
  }
}

.white-wave {
  padding: 120px 0;
  background-repeat: no-repeat,repeat-x,repeat-x;
  background-position: center center, center top ,center bottom;
  background-size: 100% ,
                   min(calc(var(--mask-wave-long-width)vw / 14),var(--mask-wave-long-width)px) ,
                   min(calc(var(--mask-wave-long-width)vw / 14),var(--mask-wave-long-width)px);

  background-image: linear-gradient(to bottom ,transparent min(calc(calc(calc(190.46vw / 14) / 2)),calc(190.46px / 2)),
  #fff min(calc(calc(calc(190.46vw / 14) / 2)),calc(190.46px / 2)),
  #fff calc(100% - min(calc(calc(calc(190.46vw / 14) / 2)),calc(190.46px / 2))),
  transparent calc(100% - min(calc(calc(calc(190.46vw / 14) / 2)),calc(190.46px / 2)))),
  var(--mask-wave-long),
  var(--mask-wave-long);
}
@media screen and (max-width: 768px) {
.white-wave {
  background-image: linear-gradient(to bottom, transparent calc(calc(25.1065vw / 3.75) / 2),#fff calc(calc(25.1065vw / 3.75) / 2),#fff calc(100% - calc(calc(25.1065vw / 3.75) / 2)),transparent calc(100% - calc(calc(25.1065vw / 3.75) / 2))),var(--mask-wave-long),var(--mask-wave-long);
  background-size: 100% calc(100% - calc(25.1065vw / 3.75)) , calc(var(--mask-wave-long-height)vw / 3.75) , calc(var(--mask-wave-long-height)vw / 3.75);
  padding: calc(70vw / 3.75) 0 calc(60vw / 3.75);
}
}


.header {
  z-index: 99;
  width: 100%;
  height: 160px;
  background-color: #fff;
  position: sticky;
  top: 0;
}
@media screen and (max-width: 1170px) {
  .header {
    height: min(calc(160vw / 11.7),160px);
  }
}
@media screen and (max-width: 768px) {
  .header {
    height: min(calc(65vw / 3.75),65px);
  }
}

.header nav {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: min(calc(30vw / 11.7),30px);
  padding-left: min(calc(55vw / 11.7),55px);
}

.hd-logo {
  flex: 1;
  max-width: 419.4325px;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .hd-logo {
    max-width: 200px;
  }
}

.hd-menu-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(17vw / 11.7),17px);
}
@media screen and (max-width: 768px) {
.hd-menu-list {
  flex-direction: column;
  gap: 0;
}
}

.hd-menu-link {
  position: relative;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .hd-menu-link {
    border-top: 2px dotted #6f5a49;
    height: 100%;
    padding: 15px 0;
  }
  .hd-menu-link::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: min(calc(12vw / 3.75),25px);
    height: auto;
    aspect-ratio: 2 / 3;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 18.55 18"><path fill="%236f5a49" d="M.51,14.97c-.14,0-.29-.06-.39-.18-.18-.22-.15-.54.06-.72l7.85-6.59L.18.9C-.03.72-.06.4.12.18.3-.03.62-.06.84.12l8.32,6.98c.12.1.18.24.18.39s-.07.29-.18.39L.84,14.85c-.1.08-.21.12-.33.12Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}
.hd-menu-link:hover {
  opacity: 1;
}


.hd-menu-img {
  width: min(calc(75vw / 11.7),75px);
  margin: 0 auto;
  transform: translateY(0) rotate(0);
  transition: filter 0s;
}
.hd-menu-link:hover .hd-menu-img {
  animation-name: menu;
  animation-duration: .3s;
  animation-fill-mode:forwards;
  filter: drop-shadow(0px 4px 2px rgba(0,0,0,.1));
}
@keyframes menu {
  0%{transform: translateY(0) rotate(0);}
  0%{transform: translateY(-2px) rotate(10deg);}
  49%{transform: translateY(-2px) rotate(10deg);} 
  50%{transform: translateY(-2px) rotate(-10deg);}
  99%{transform: translateY(-2px) rotate(-5deg);} 
  100%{transform: translateY(-2px) rotate(5deg);}
}

@media screen and (max-width: 768px) {
  .hd-menu {
    width: min(calc(70vw / 3.75),70.2844px);
  }
  .hd-menu[open] {
    position: fixed;
    top: -100%;
    left: 150%;
    transform: translateX(-50%);
    height: 0%;
    width: 0%;
    background-color: #fff;
    padding: min(calc(20vw / 3.75),40px) min(calc(20vw / 3.75),40px) min(calc(40vw / 3.75),80px);
    animation-name: menu-open;
    animation-duration: .3s;
    animation-fill-mode:forwards;
  }
  @keyframes menu-open {
    0%{top: -100%; left: 150%; height: 0%; width: 0%;}
    100%{top: 0; left: 50%; height: 100%; width: 100%;} 
  }
}

.hd-menu-button {
  cursor: pointer;
  margin-left: auto;
}

.hd-menu-button--open {
  width: 100%;
  height: 100%;
}

.hd-menu[open] .hd-menu-button--open {
  display: none;
}

.hd-menu[open] .hd-menu-button--close {
  display: block;
  width: min(calc(16vw / 3.75),32px);
  height: min(calc(16vw / 3.75),32px);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 18.55 18"><path  fill="%236f5a49" d="M10.74,9l7.5-7.25c.4-.39.42-1.03.02-1.44-.39-.4-1.04-.41-1.44-.02l-7.55,7.3L1.72.29C1.32-.1.68-.09.29.31c-.39.4-.38,1.05.02,1.44l7.5,7.25L.31,16.25c-.4.39-.42,1.03-.02,1.44.2.21.47.31.73.31s.51-.1.71-.29l7.55-7.3,7.55,7.3c.2.19.45.29.71.29s.53-.1.73-.31c.39-.4.38-1.05-.02-1.44l-7.5-7.25Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 20px;
}


.hd-menu-link-text {
  font-size: min(calc(12vw / 11.7),12px);
  font-weight: 700;
  white-space: nowrap;
  color: #6f5a49;
}
@media screen and (max-width: 768px) {
.hd-menu-link-text {
  font-size: min(calc(15vw / 3.75),30px);
}
}

.hd-recruit {
  width: min(calc(180vw / 11.7),180px);
}
@media screen and (max-width: 768px) {
.hd-recruit {
  width: min(calc(34vw / 3.75),34px);
}
}

.side-nav {
  z-index: 97;
  position: fixed;
  right: 0;
  top: clamp(180px,calc(255vh / 11.7),255px);
  width: 85px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .side-nav {
    top: auto;
    bottom: 0;
    width: 100%;
    height: min(calc(75vw / 3.75),75px);
    flex-direction: row;
    gap: 0;
    overflow: clip;
    border-radius: 15px 15px 0 0;
    background-color: #fff;
  }
}

@media screen and (max-width: 768px) {
  .side-nav-item {
    position: relative;
    background-image: var(--bg-zarazara-pink);
    background-size: var(--bg-zarazara-size);
    background-position: center;
    flex: 1;
    padding: min(calc(15vw / 3.75),15px);
    text-align: center;
  }
  .side-nav-item--2 {
    background-image: var(--bg-zarazara-orange);
  }
  .side-nav-item img {
    width: auto;
    height: min(calc(40vw / 3.75),40px);
  }
}

.side-map-link {
  position: absolute;
  top: 185px;
  left: 9px;
  display: block;
  width: 68px;
  height: 73px;
  border-radius: 20px;
}

.side-map-link:hover {
  background-color: rgba(118, 123, 244, 0.4);
}

.side-map-link--2 {
  top: 266px;
}

.go-top {
  z-index: 10;
  position: sticky;
  top: calc(80% - clamp(78.4916px,calc(156.9831vw / 11.7),156.9831px));
  width: clamp(78.4916px,calc(156.9831vw / 11.7),156.9831px);
  transform: translateY(50%);
  height: auto;
  border-radius: 50%;
  margin-left: auto;
  margin-right: clamp(90px,calc(110vw / 11.7),110px);
  filter: drop-shadow(0 0px 0 rgba(0,0,0,.1));
}
@media screen and (max-width: 768px) {
  .go-top {
    margin-right: min(min(20vw / 3.75),40px);
  }
}
.go-top:hover {
  opacity: 1;
  filter: drop-shadow(0 4px 0 rgba(0,0,0,.1));
}


.footer {
  background-color: #fff;
}

.footer__container {
  padding-top: min(calc(80vw / 11.7),80vw);
  padding-bottom: min(calc(100vw / 11.7),100px);
}
@media screen and (max-width: 768px) {
.footer__container {
  padding-top: min(calc(20vw / 3.75),40vw);
    padding-bottom: 75px;
  max-width: 400px;
}
}

.footer-info {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

.footer-info-text {
  text-align: left;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .footer-info-text {
    margin-left: 0;
  }
}

.footer-info-logo {
  width: 50%;
  padding-top: 1rem;
  text-align: center;
}
.footer-info-logo img {
  max-width: 400px;
  min-width: clamp(min(calc(186.8137vw / 3.75),186.8137px),calc(350vw / 7.68),350px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .footer-info-logo {
    margin-left: 0;
  }
}

.footer-info-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px,calc(20vw / 11.7),20px);
  padding: 10px 0 clamp(20px,calc(30vw / 11.7),30px);
}

.footer-info-links-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(5px,calc(10vw / 11.7),10px);
}

.footer-info-links p {
  color: #0097c1;
  font-size: 1.6rem;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .footer-info-links p {
    font-size: 1.2rem;
  }
}

.footer-info-links .arrow {
  position: static;
  width: clamp(17px,calc(28vw / 11.7),28px);
  transform: translateY(0);
}

.Related-links {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  grid-template-rows: auto;
  gap: 10px min(15px,2rem);
  margin: 0 auto;
  padding-top: clamp(15px,calc(50vw / 11.7),50px);
  border-top: 1px solid #6f5a49;
}
@media screen and (max-width: 768px) {
.Related-links {
  grid-template-columns: 1fr 1fr;
}
}

.Related-links-item {
  flex: 1;
}

.copyright {
  text-align: center;
  color: #fff;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
.copyright {
  padding-bottom: min(calc(75vw / 3.75), 75px);
}
}

/* TOP */

.fv {
  position: relative;
  padding: calc(100vw / 14) 0 calc(180vw / 14);
  background-image: url(../img/decoration-parts/top_deco_flag.webp) ,var(--mask-wave-long);
  background-repeat: no-repeat,repeat-x;
  background-position: left top ,center calc(100% + calc(calc(190.46vw / 14) / 2));
  /* ,center calc(100% + calc(calc(var(--mask-wave-long-height)vw / 14) / 2)) */
  background-size: calc(260vw / 14),100%;
}
@media screen and (max-width: 768px) {
.fv {
  padding: calc(50vw / 3.75) 0 calc(80vw / 3.75);
  background-position: left top ,center calc(100% + calc(calc(190.46vw / 14) / 2));
  /* ,center calc(100% + calc(calc(var(--mask-wave-long-height)vw / 14) / 2)) */
  background-size: calc(260vw / 14),100%;
}
}

.top-splide {
  width: calc(1041% / 14);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .top-splide {
    width: calc(300% / 3.75);
  }
}

.splide__arrow svg,.splide__arrow--prev {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.splide__arrow--next {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28.79 28.79"><circle fill="%230097c1" cx="14.39" cy="14.39" r="14.39"/><path fill="%23ffffff" d="M21.02,14.65c.07-.16.07-.34,0-.5-.03-.08-.08-.15-.14-.21l-4.75-4.75c-.26-.26-.67-.26-.93,0-.26.26-.26.67,0,.93l3.62,3.62h-10.44c-.36,0-.66.29-.66.66s.29.66.66.66h10.44l-3.62,3.62c-.26.26-.26.67,0,.93.13.13.3.19.47.19s.34-.06.47-.19l4.75-4.75c.06-.06.11-.13.14-.21Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: calc(55.9427vw / 14);
  height: auto;
  aspect-ratio: 1;
  background-color: transparent;
  right: 0;
  transform: translateX(50%);
  opacity: 1;
}
.splide__arrow--next:hover {
  opacity: .7;
}
@media screen and (max-width: 768px) {
.splide__arrow--next {
  width: calc(40vw / 3.75);
}
}

.splide__pagination {
  bottom: calc(-35vw / 14);
  padding: 0;
  gap: calc(20vw / 14);
}
.splide__pagination__page {
  background: transparent;
  width: calc(18vw / 14);
  height: calc(18vw / 14);
  margin: 0;
  border: calc(5vw / 14) solid #fdd75b;
  background-color: #f08337;
  border-radius: 50%;
  opacity: 1;
}
.splide__pagination__page.is-active {
  border: calc(3vw / 14) solid #f4ac46;
  transform: translate(0);
  background-color: #f08337;
}
@media screen and (max-width: 768px) {
.splide__pagination {
  bottom: calc(-35vw / 3.75);
  gap: calc(10vw / 3.75);
}
.splide__pagination__page {
  width: calc(10vw / 3.75);
  height: calc(10vw / 3.75);
  border: calc(3vw / 3.75) solid #fdd75b;
}
.splide__pagination__page.is-active {
  background-color: #f08337;
  border: calc(3vw / 3.75) solid #f4ac46;
  transform: translate(0);
}
}

.fv-title {
  z-index: 1;
  position: absolute;
  left: calc(135vw / 14);
  top: calc(85vw / 14);
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: flex-start;
  gap: calc(13vw / 14);
  filter: drop-shadow(3px 3px 6px rgba(84, 36, 0,.4));
}
@media screen and (max-width: 768px) {
.fv-title {
  left: calc(28vw / 3.75);
  top: calc(42vw / 3.75);
  gap: calc(9vw / 3.75);
}
}

.fv-title p {
  font-size: calc(43vw / 14);
  line-height: 1;
  writing-mode: vertical-lr;
  background-color: #fff;
  padding: calc(20vw / 14) calc(10vw / 14);
  border-radius: 10.5px;
}
@media screen and (max-width: 768px) {
.fv-title p {
  font-size: calc(21vw / 3.75);
  padding: calc(10vw / 3.75) calc(5vw / 3.75);
  border-radius: 5.4px;
}
}

.fv-title-indent {
  text-indent: calc(-21.5vw / 14);
}
@media screen and (max-width: 768px) {
.fv-title-indent {
  text-indent: calc(-11vw / 3.75);
}
}

.fv__deco-item--1 {
  width: calc(186.1167vw / 14);
  left: calc(70vw / 14);
  bottom:calc(80vw / 14);
}
.fv__deco-item--2 {
  width: calc(56.5247vw / 14);
  left: calc(95vw / 14);
  top:calc(380vw / 14);
}
.fv__deco-item--3 {
  width: calc(59vw / 14);
  right: calc(130vw / 14);
  top:calc(110vw / 14);
}
.fv__deco-item--3 img {
  transform: scale(-1,1);
}
.fv__deco-item--4 {
  width: calc(132.8384vw / 14);
  top: calc(55vw / 14);
  right: calc(170vw / 14);
}
.fv__deco-item--5 {
  width: calc(117.8232vw / 14);
  left: calc(305vw / 14);
  bottom: calc(100vw / 14);
}
.fv__deco-item--6 {
  width: calc(92.6478vw / 14);
  top: calc(600vw / 14);
  right: calc(170vw / 14);
}
@media screen and (max-width: 768px) {
.fv__deco-item--1 {
  width: calc(67vw / 3.75);
  left: calc(20vw / 3.75);
  bottom:calc(35vw / 3.75);
}
.fv__deco-item--2 {
  width: calc(27.5501vw / 3.75);
  left: calc(15vw / 3.75);
  top:calc(290vw / 3.75);
}
.fv__deco-item--3 {
  width: calc(27.5501vw / 3.75);
  right: calc(15vw / 3.75);
  top:calc(90vw / 3.75);
}
.fv__deco-item--4 {
  width: calc(56vw / 3.75);
  top: calc(40vw / 3.75);
  right: calc(25vw / 3.75);
}
.fv__deco-item--5 {
  width: calc(58.6517vw / 3.75);
  left: auto;
  right: calc(15vw / 3.75);
  top: auto;
  bottom:calc(35vw / 3.75);
}
.fv__deco-item--6 {
  width: calc(37.4065vw / 3.75);
  top: calc(330vw / 3.75);
  right: calc(25vw / 3.75);
}
}

.top-introduction {
  position: relative;
  z-index: 1;
  padding: min(calc(70vw / 14),70px) 0 min(calc(100vw / 14),100px);
}
@media screen and (max-width: 768px) {
.top-introduction {
  position: relative;
  z-index: 1;
  padding: calc(25vw / 3.75) 0 calc(250vw / 3.75);
}
}

.introduction-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(15px,calc(30vw / 7.68),30px);
}

.introduction-title {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: calc(35 / 19);
}
@media screen and (max-width: 768px) {
  .introduction-title {
    font-size: 1.9rem;
  }
}

.introduction-text {
  font-size: 1.8rem;
  line-height: calc(46 / 18);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.introduction-text {
  font-size: 1.5rem;
}
}

.introduction__deco-item--1 {
  width: min(calc(429.4034vw / 14),429.4034px);
  right: calc(100% - min(calc(318vw / 14),318px));
  top: min(calc(140vw / 14),140px);
}
.introduction__deco-item--2 {
  width: min(calc(130.2144vw / 14),130.2144px);
  right: calc(100% - min(calc(400vw / 14),400px));
  top: 0;
}
.introduction__deco-item--3 {
  width: min(calc(160.7749vw / 14),160.7749px);
  left: calc(100% - min(calc(400vw / 14),400px));
  top: min(calc(140vw / 14),140px);
}
.introduction__deco-item--4 {
  width: min(calc(354.764vw / 14),354.764px);
  left: calc(100% - min(calc(260vw / 14),260px));
  top: calc(0% - min(calc(40vw / 14),40px));
}
.introduction__deco-item--5 {
  width: min(calc(57.1258vw / 14),57.1258px);
  right: calc(100% - min(calc(1106vw / 14),1106px));
  top: 0;
}
.introduction__deco-item--6 {
  width: min(calc(56.5247vw / 14),56.5247px);
  left: calc(100% - min(calc(1110vw / 14),1110px));
  top: min(calc(350vw / 14),350px);
}
@media screen and (max-width: 768px) {
  .introduction__deco-item--1 {
    width: calc(185.001vw / 3.75);
    right: calc(100% - calc(150vw / 3.75));
    top: auto;
    bottom:calc(40vw / 3.75);
  }
  .introduction__deco-item--2 {
    width: calc(83.3372vw / 3.75);
    right: calc(100% - calc(220vw / 3.75));
    top: auto;
    bottom:calc(150vw / 3.75);
  }
  .introduction__deco-item--3 {
    width: calc(102.597vw / 3.75);
    left: calc(100% - calc(200vw / 3.75));
    top: auto;
    bottom:calc(35vw / 3.75);
  }
  .introduction__deco-item--4 {
    width: calc(180.5199vw / 3.75);
    left: calc(100% - calc(125vw / 3.75));
    top: auto;
    bottom:calc(70vw / 3.75);
  }
  .introduction__deco-item--5 {
    width: calc(29.0678vw / 3.75);
    right: calc(35vw / 3.75);
    top: auto;
    bottom: calc(30vw / 3.75);
  }
  .introduction__deco-item--6 {
    width: calc(29.0678vw / 3.75);
    left: calc(25vw / 3.75);
    top: auto;
    bottom: calc(25vw / 3.75);
  }
}

.top-point {
  padding: calc(160vw / 11.7) 0 min(calc(100vw / 11.7),100px);
  background-image: var(--mask-wave-long);
  /* background-size: min(100%,1400px); */
  background-size: auto;
  background-position: center calc(0% - min(calc(calc(190.46vw / 14) / 2),calc(190.46px / 2)));
  background-repeat: repeat-x;
}
@media screen and (max-width: 768px) {
.top-point {
  padding: calc(85vw / 3.75) 0 calc(40vw / 3.75);
}
}

.top-point__deco-other--1 {
  z-index: 1;
  width: min(calc(168.4369vw / 11.7),168.4369px);
  top: min(calc(20vw / 11.7),20px);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
.top-point__deco-other--1 {
  width: calc(73vw / 3.75);
  top: calc(-15vw / 3.75);
}
}

.top-point-list {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(calc(100vw / 11.7),100px) min(calc(24.2414vw / 11.7),24.2414px);
}
@media screen and (max-width: 768px) {
.top-point-list {
  gap: 0;
}
}

.top-point-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: min(calc(500vw / 11.7),500px);
}
.top-point-item--3,.top-point-item--4 {
  min-height: min(calc(540vw / 11.7),540px);
}
.top-point-item--2 ,.top-point-item--4  {
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
.top-point-item {
  width: calc(305% / 3.35);
  min-height: auto;
  margin-bottom: calc(135vw / 3.75);
}
.top-point-item--2 {
  min-height: auto;
  margin-bottom: calc(15vw / 3.75);
}
.top-point-item--3 {
  min-height: auto;
  margin-bottom: calc(155vw / 3.75);
}
.top-point-item--4  {
  margin: 0;
}
}


.top-point-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: min(calc(10vw / 11.7),10px);
  width: min(calc(435.230vw / 11.7),435.230px);
  height: auto;
  aspect-ratio: 435.23 / 299.96;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 435.23 299.96"><path fill="%23ffffff" d="M427.28,107.05C404.74,27.83,342.25,2.14,227.63.15c-62.68-1.09-124.18,3.4-163.58,27.68C5.2,64.09-17.9,135.02,15.16,230.22c11.87,34.18,68.33,63.06,107.84,68.03,61.89,7.78,91.9-13.69,125.41-8.94,37.32,5.3,90.08,15.94,134.31-12.02,49.57-31.33,63.11-105.06,44.56-170.25Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.top-point-item--2 .top-point-content {
  margin-top: auto;
  width: min(calc(447.0vw / 11.7),447.0px);
  aspect-ratio: 447.06 / 329.58;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 447.06 329.58"><path fill="%23ffffff" d="M419.96,65.8C402.27,30.05,347.61-.02,303.71,0c-68.77.03-77.03,22.54-114.34,21.96-41.55-.65-99.33,3.07-143.85,39.74C-4.38,102.81-15.81,200.56,24.03,263.78c46.07,73.11,124.58,76.23,254.69,52.84,121.87-21.9,217.17-97.44,141.25-250.82Z"/></svg>');
}
.top-point-item--3 .top-point-content {
  width: min(calc(456.97vw / 11.7),456.97px);
  aspect-ratio: 456.97 / 317.7;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 456.97 317.7"><path fill="%23ffffff" d="M445.94,109.63C411.66,18.27,321.55-5.7,195.83,1.08,78.07,7.43-40.24,84.33,13.22,242.48c12.46,36.86,71.75,68.02,113.24,73.37,64.98,8.39,96.5-14.77,131.68-9.64,39.18,5.71,94.59,17.19,141.02-12.96,52.05-33.8,72.38-115.41,46.78-183.62Z"/></svg>');
}
.top-point-item--4 .top-point-content {
  margin-top: auto;
  width: min(calc(444.42vw / 11.7),444.42px);
  aspect-ratio: 444.42 / 315.78;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 444.42 315.78"><path fill="%23ffffff" d="M437.19,107.73c-8.59-38.48-54.26-80.24-96.68-90.6-66.46-16.22-79.81,3.43-115.72-5.94C184.79.74,128.07-9.34,76.32,15.33,18.31,42.98-16,134.07,7.46,204.14c27.13,81.03,102.25,102.57,233.55,110.87,122.98,7.78,233.05-42.19,196.19-207.28Z"/></svg>');
}
@media screen and (max-width: 768px) {
.top-point-content {
  gap: min(calc(10vw / 11.7),10px);
  width: 100%;
}
.top-point-item--2 .top-point-content {
  width: 100%;
}
.top-point-item--3 .top-point-content {
  width: 100%;
}
.top-point-item--4 .top-point-content {
  width: 100%;
}
}

.top-point-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: calc(30 / 16);
}
@media screen and (max-width: 768px) {
.top-point-title {
  font-size: calc(18vw / 3.75);
}
}

.top-point-text {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 700;
  max-width: min(calc(268.0215vw / 11.7),268.0215px);
}
@media screen and (max-width: 768px) {
.top-point-text {
  font-size: calc(14vw / 3.75);
  max-width: calc(200vw / 3.75);
}
}

.top-point__deco-item1--1 {
  width: min(calc(376.6889vw / 11.7),376.6889px);
  top: min(calc(265vw / 11.7),265px);
  left: min(calc(45vw / 11.7),45px);
}
.top-point__deco-item2--1 {
  width: min(calc(306.5665vw / 11.7),306.5665px);
  top: calc(0% - min(calc(60vw / 11.7),60px));
  right: calc(0% - min(calc(40vw / 11.7),40px));
}
.top-point__deco-item2--2 {
  width: min(calc(106.0533vw / 11.7),106.0533px);
  top: min(calc(50vw / 11.7),50px);
  left: min(calc(65vw / 11.7),65px);
}
.top-point__deco-item3--1 {
  width: min(calc(300.5685vw / 11.7),300.5685px);
  top: min(calc(270vw / 11.7),270px);
  left: min(calc(70vw / 11.7),70px);
}
.top-point__deco-item3--2 {
  width: min(calc(146.2893vw / 11.7),146.2893px);
  top: calc(0% - min(calc(35vw / 11.7),35px));
  right: calc(0% - min(calc(40vw / 11.7),40px));
}
.top-point__deco-item4--1 {
  width: min(calc(330vw / 11.7),330px);
  top: calc(0% - min(calc(45vw / 11.7),45px));
  right: calc(0% - min(calc(40vw / 11.7),40px));
}
.top-point__deco-item4--2 {
  width: min(calc(83.383vw / 11.7),83.383px);
  top: min(calc(140vw / 11.7),140px);
  right: calc(0% - min(calc(45vw / 11.7),45px));
}
@media screen and (max-width: 768px) {
.top-point__deco-item1--1 {
  width: calc(201.4735vw / 3.75);
  top: calc(165vw / 3.75);
  left: calc(-20vw / 3.75);
}
.top-point__deco-item2--1 {
  width: calc(170.4328vw / 3.75);
  top: calc(0% - calc(115vw / 3.75));
  right: calc(-15vw / 3.75);
}
.top-point__deco-item2--2 {
  width: calc(52.047vw / 3.75);
  top: 0;
  left: 0;
}
.top-point__deco-item3--1 {
    width: calc(181.0444vw / 3.75);
    top: calc(155vw / 3.75);
    left: auto;
    right: calc(-25vw / 3.75);
}
.top-point__deco-item3--2 {
  width: calc(72.5185vw / 3.75);
  top: calc(0% - calc(15vw / 3.75));
  right: calc(25vw / 3.75);
}
.top-point__deco-item4--1 {
  width: calc(171.4539vw / 3.75);
  top: calc(0% - calc(135vw / 3.75));
  right: auto;
  left: calc(-20vw / 3.75);
}
.top-point__deco-item4--2 {
    width: calc(59.4275vw / 3.75);
    top: calc(160vw / 3.75);
    right: calc(5vw / 3.75);
}
}

.top-point__deco-item--flag {
  width: min(calc(260vw / 11.7),260px);
  top: min(calc(180vw / 11.7),180px);
  left: calc(0% - min(calc(230vw / 11.7),230px));
}
.top-point__deco-item--flag--2,.top-point__deco-item--flag--4 {
  top: min(calc(360vw / 11.7),360px);
  left: auto;
  right: calc(0% - min(calc(230vw / 11.7),230px));
  transform: scale(-1,1);
}
.top-point__deco-item--flag--4 {
  top: min(calc(400vw / 11.7),400px);
}
@media screen and (max-width: 768px) {
.top-point__deco-item--flag {
  width: calc(134.7534vw / 3.75);
  top: calc(0% - min(calc(45vw / 3.75),90px));
}
.top-point__deco-item--flag--1 {
  top: calc(0% - min(calc(45vw / 3.75),90px));
  left: calc(50% - min(calc(170vw / 3.75),340px));
}
.top-point__deco-item--flag--2 {
  right: calc(50% - min(calc(235vw / 3.75), 470px));
  top: min(calc(185vw / 3.75), 370px);
}
.top-point__deco-item--flag--3 {
  top: min(calc(190vw / 3.75), 380px);
  left: calc(50% - min(calc(225vw / 3.75), 450px));

}
.top-point__deco-item--flag--4 {
  top: calc(0% - min(calc(100vw / 11.7), 200px));
  right: calc(50% - min(calc(240vw / 3.75), 480px));
}
}

.top-point__deco-item--leaf {
  width: min(calc(61vw / 11.7),61px);
  top: calc(calc(160vw / 11.7) + min(calc(20vw / 11.7),20px));
  right: calc(50% - min(calc(600vw / 11.7),600px));
}
.top-point__deco-item--leaf--1 {
  transform: scale(-1,1) rotate(-15deg);
}
.top-point__deco-item--leaf--2 {
  top: min(calc(60vw / 11.7),60px);
  right: calc(100% + min(calc(80vw / 11.7),80px));
  transform: rotate(-15deg);
}
@media screen and (max-width: 768px) {
.top-point__deco-item--leaf {
  width: min(calc(37.6143vw / 3.75),61px);
  top: calc(calc(160vw / 3.75) + calc(85vw / 3.75));
  right: min(calc(10vw / 3.75), 10px);
}
.top-point__deco-item--leaf--2 {
top: min(calc(45vw / 3.75), 90px);
right: calc(100% - min(calc(40vw / 3.75), 80px));
}
}

.top-point__deco-item--donuts {
  width: min(calc(158vw / 11.7),158px);
  right: calc(100% - min(calc(90vw / 11.7),90px));
  top: calc(0% - min(calc(65vw / 11.7),65px));
}
@media screen and (max-width: 768px) {
.top-point__deco-item--donuts {
  width: min(calc(67.1392vw / 3.75),130px);
  right: calc(0% - min(calc(15vw / 3.75),30px));
  top: calc(0% - min(calc(15vw / 3.75),30px));
}
}

.top-point__deco-item--flower {
  width: min(calc(57.7217vw / 11.7),57.7217px);
  right: calc(50% + min(calc(450vw / 11.7),450px));
  top: calc(50% - min(calc(57.7217vw / 11.7),57.7217px));
}
.top-point__deco-item--flower--2 {
  right: calc(0% - min(calc(15vw / 11.7),15px));
  top: auto;
  bottom: min(calc(160vw / 11.7),160px);
  transform: rotate(-5deg);
}
@media screen and (max-width: 768px) {
.top-point__deco-item--flower {
  width: min(calc(35.3257vw / 3.75), 70px);
  right: calc(0% - min(calc(25vw / 3.75), 50px));
  top: min(calc(68vw / 3.75), 135px);
}
.top-point__deco-item--flower--2 {
  right: 0;
  bottom: min(calc(140vw / 3.75), 280px);
  top: auto;
}
}

.top-point__deco-item--toy {
  width: min(calc(155vw / 11.7),155px);
  left: calc(100% + min(calc(115vw / 11.7),115px));
  top: min(calc(105vw / 11.7),105px);
}
@media screen and (max-width: 768px) {
.top-point__deco-item--toy {
  width: min(calc(71.5254vw / 3.75),140px);
  left: calc(0% - min(calc(40vw / 3.75),80px));
  top: min(calc(195vw / 3.75),290px);
}
}

.top-event {
  position: relative;
  padding: 120px 0 150px;
  mask-image: 
              linear-gradient(to bottom, transparent calc(min(calc(262.319vw / 14),262.319px) / 3) ,#fff calc(min(calc(262.319vw / 14),262.319px) / 3),#fff calc(100% - calc(min(calc(262.319vw / 14),262.319px) / 3)) , transparent calc(100% - calc(min(calc(262.319vw / 14),262.319px) / 3))),
              var(--mask-wave-long),
              var(--mask-wave-long);
  mask-position: center , center top , center bottom;
  mask-repeat: repeat-x;
  mask-size: 100% 100% , min(calc(var(--mask-wave-long-width) / 14),var(--mask-wave-long-width)px), min(calc(var(--mask-wave-long-width) / 14),var(--mask-wave-long-width)px);
  mask-composite: add ,add;
}
@media screen and (max-width: 768px) {
  .top-event {
    padding: min(calc(60vw / 3.75),120px) 0 min(calc(50vw / 3.75),150px);
  }
}

.top-event__deco-item {
  top: 150px;
  right: calc(100% - min(calc(85vw / 14),85px));
  width: min(calc(117.083vw / 11.7),117.083px);
  height: auto;
  aspect-ratio: 117.083 / 59.7035;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 163.09 83.16"><path fill="%23bfe6f5" d="M149.05,30.95c3.17,1.88,6.54-.16,9.27,1.99.29.23.39.73.66.99.11.11.55-.11.66,0,.11.11-.11.54,0,.66.88,1.04,1.86,2.07,2.32,3.31,1.03,2.8,1.36,6.93.99,9.93-.13,1.04-.63,2.17-.99,3.31-.76,2.38-1.06,3.57-2.65,5.29-.98,1.06-1.58,1.46-2.98,2.32-1.5.92-7.11,2.97-9.27,2.98-2.34.01-3.25-1.19-5.96-1.32-2.69,2.06.45,7.89-1.32,10.92-.09.16-.61.53-.66.66-.67,1.82-.35,3.08-1.32,4.63-.18.29-.8.39-.99.66-.22.31-.07.74-.33.99-.4.39-1.84.89-2.65,1.65-.28.27-.72.4-.99.66-.54.51-3.9,1.31-5.3,1.66-3.32.82-5.35,1.19-9.27.66-2.06-.28-3.68-.74-5.3-1.32-2.46-.89-6.4-2.89-7.94-4.63-1.55-1.75-2.65-6.31-4.96-6.62-2.51-.34-5.28,3.5-7.28,5.3-1.01.91-1.84,1.54-2.65,2.32-.56.54-3.12,1.68-4.63,2.32-2.76,1.16-3.95,1.74-6.95,1.99-6.77.55-15.66-.1-20.19-2.32-.7-.34-1.72-.64-2.32-.99-.13-.08-.22-.61-.33-.66-.17-.08-.51.1-.66,0-.12-.08-.22-.61-.33-.66-.17-.08-.51.1-.66,0-.12-.08-.23-.62-.33-.66-1.59-.72-2.11-1.75-3.64-3.97-.84-1.23-1.9-2.38-2.32-3.31-1-2.22-1.1-5.74-2.65-6.29-2.16-.76-3.04.82-4.3,1.65-6.81,4.18-14.49,9.81-23.5,7.61-.79-.19-1.68-.65-2.65-.99-.9-.32-1.95-.32-2.65-.66-.19-.09-.7-.81-.99-.99-.36-.23-.39-.07-.66-.33-.33-.32-1.9-1.14-2.65-1.65-1.49-1.02-3.19-2.07-3.97-2.98-.23-.26-.1-.75-.33-.99-.66-.71-1.26-1.87-1.99-3.64-.84-2.05-1.76-4.43-1.32-7.94.13-1.06.63-1.97.99-2.98.39-1.07.53-2.16.99-2.98.2-.36.88-.72,1.32-1.32.99-1.33,2.28-3.05,3.64-4.3.9-.83,2.03-1.53,2.98-2.32,1.66-1.38,2.89-2.55,4.96-3.64.95-.5,2.06-.51,2.65-1.32,1.32.1,2.44.02,2.98-.66,1.34-3.27.02-6.85.33-9.93.61-5.94,3.93-9.64,7.28-13.57.24-.28.44-.31.66-.66.18-.29.54-.98.99-1.32.23-.18.74-.12.99-.33.46-.39.78-1.19.99-1.32.73-.47,1.93-.9,2.98-1.32,6.59-2.65,16.84-2.57,22.84.99.39.23.38.06.66.33.3.29,2.18.96,2.65,1.32,1.07.83,3.01,2.89,4.3,4.63,1.62,2.18,2.14,4.43,4.63,4.3.91-.05,1.55-.25,1.99-.66,1.41-1.32.45-3.2,1.32-5.96.1-.3.67-1.04.99-1.66.12-.24.6-.51.66-.66.09-.23-.15-.8,0-.99.18-.23.82-.26,1.32-.66.69-.55,1.63-2.01,2.65-2.65,1.1-.69,2.82-1.17,4.3-1.66,5.03-1.65,11.28-1.65,15.89.66.39.2.86.37,1.32.66.34.22.63.75.99.99.33.22.72.08.99.33.14.13.18.55.33.66.94.7,2.46,1.63,3.31,2.65.22.26.13.73.33.99.33.43,1.28,1.3,1.66,1.99.93,1.67,1.31,3.43,1.99,4.96.48,1.09.45,1.7.99,2.32.51.59,1.14,1.26,1.99,1.32,1.85.15,4.36-3.29,5.96-4.63,2.17-1.82,5.02-4.03,7.28-4.63.76-.2,1.77-.14,2.98-.33,1.59-.25,5.57-1.36,7.94-.99,1.47.23,4,1.71,5.96,3.64.59.59,1.13,1.19,1.65,1.99.7,1.05,1.96,2.82,2.65,4.3,1.38,2.99.6,8.57,1.65,12.91Z"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.top-event__deco-item--2 {
  top: 60px;
  right: calc(100% - min(calc(250vw / 14),250px));
  width: min(calc(163.0922vw / 11.7),163.0922px);
}
.top-event__deco-item--3 {
  top: 110px;
  right: calc(100% - min(calc(440vw / 14),440px));
  width: min(calc(93.6664vw / 11.7),93.6664px);
}
.top-event__deco-item--4 {
  top: 110px;
  left: calc(100% - min(calc(430vw / 14),430px));
  width: min(calc(115.6223vw / 11.7),115.6223px);
}
.top-event__deco-item--5 {
  top: 70px;
  left: calc(100% - min(calc(220vw / 14),220px));
  width: min(calc(84vw / 11.7),84px);
}
.top-event__deco-item--6 {
  top: 130px;
  left: calc(100% - min(calc(140vw / 14),140px));
  width: min(calc(163.0922 4vw / 11.7),163.0922 px);
}
@media screen and (max-width: 768px) {
  .top-event__deco-item--1 {
    top: calc(65vw / 3.75);
    right: calc(100% - calc(33vw / 3.75));
    width: calc(43.0334vw / 3.75);
  }
  .top-event__deco-item--2 {
    top: calc(45vw / 3.75);
    right: calc(100% - calc(85vw / 3.75));
    width: calc(59.9439vw / 3.75);
  }
  .top-event__deco-item--3 {
    top: calc(75vw / 3.75);
    right: calc(100% - calc(115vw / 3.75));
    width: calc(34vw / 3.75);
  }
  .top-event__deco-item--4 {
    top: calc(42vw / 3.75);
    left: calc(100% - calc(115vw / 3.75));
    width: calc(56vw / 3.75);
  }
  .top-event__deco-item--5 {
    top: calc(58vw / 3.75);
    left: calc(100% - calc(55vw / 3.75));
    width: calc(60vw / 3.75);
  }
}

.top-event-title {
  font-size: 2.8rem;
  font-weight: 700;
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
.top-event-title {
  font-size: calc(20vw / 3.75);
  padding-bottom: 20px;
}
}

.top-event-list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: min(calc(35vw / 11.7),35px);
}
@media screen and (max-width: 768px) {
  .top-event-list {
    gap: calc(32vw / 3.75);
    padding-top: calc(34vw / 3.75);
  }
}

.top-event-item {
  position: relative;
  display: grid;
  grid-template:
     'event-season event-text event-month event-img .' auto/
      8%           32.7%        7%          38%       2.7%;
  gap: min(calc(35vw / 11.7),35px) min(calc(10vw / 11.7),10px);
  align-items: flex-start;
  justify-content: space-between;
}
.top-event-item--reverse {
  grid-template:
     '.    event-img event-month event-text event-season' auto/
      2.7% 38%       7%          32.7%        8%;
}
@media screen and (max-width: 768px) {
  .top-event-item ,.top-event-item--reverse {
    grid-template:
      'event-month event-text' auto/
       calc(44.8vw / 3.75) 1fr;
      gap: calc(35vw / 3.75) calc(7vw / 3.75);
  }
}

.top-event-month {
  grid-area: event-month;
  /* width: 70px; */
  display: flex;
  justify-content: center;
  place-items: center;
  flex-direction: column;
  gap: min(calc(35vw / 11.7),35px);
}
@media screen and (max-width: 768px) {
  .top-event-month {
    gap: calc(35vw / 3.75);
  }
}

.top-event-month p {
  z-index: 1;
  position: relative;
  display: flex;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-size: var(--bg-zarazara-size);
  background-position: center;
  font-size: 4rem;
  font-weight: 700;
  line-height: 0;
  padding: 0;
  margin: 0;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .top-event-month p {
    font-size: calc(25vw / 3.75);
  }
}

.top-event-month-border::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: calc(100% + min(calc(35vw / 11.7), 35px));
  background-color: #fff;
}
@media screen and (max-width: 768px) {
.top-event-month-border::before {
  height: calc(100% + calc(32vw / 3.75));
}
}

.top-event-season {
  position: relative;
  grid-area: event-season;
  display: flex;
  justify-content: center;
  place-items: center;
  border-radius: 40px;
  /* width: 80px; */
  height: 100%;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
.top-event-season {
  width: calc(180vw / 3.75);
  height: calc(30vw / 3.75);
  position: absolute;
  bottom: calc(100% + calc(2vw / 3.75));
  left: 50%;
  transform: translateX(-50%);
}
}

.top-event-season p {
  font-size: 2.6rem;
  font-weight: 700;
  writing-mode: vertical-lr;
}
@media screen and (max-width: 768px) {
  .top-event-season p {
    font-size: calc(18vw / 3.75);
    writing-mode: inherit;
  }
}

.top-event-contents-details--1 ,.top-event-contents-details--3 {
  grid-area: event-text;
  height: 100%;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr 1fr 1fr;
  gap: min(calc(35vw / 11.7), 35px);
}
.top-event-contents-details--3 {
  grid-auto-rows: 1fr 1fr auto;
}
@media screen and (max-width: 768px) {
.top-event-contents-details--1 ,.top-event-contents-details--3 {
  z-index: 1;
  gap: calc(32vw / 3.75);
}
}

.top-event-contents-OneThird {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.top-event-contents-cell {
  font-size: 2.1rem;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
.top-event-contents-cell {
  font-size: calc(15vw / 3.75);
}
}


.top-event-contents-text {
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
  padding-bottom: 0.4rem;
}
@media screen and (max-width: 768px) {
.top-event-contents-text {
  font-size: calc(15vw / 3.75);
}
}

.top-event-contents-details--2 {
  grid-area: event-img;
}
.top-event-contents-details--bottom {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .top-event-contents-details--2 {
    position: absolute;
    right: 0;
    top: calc(15vw / 3.75);
    width: 50%;
    height: auto;
  }
  .top-event-item--2 .top-event-contents-details--2  {
    width: calc(146.3137vw / 3.75);
  }
  .top-event-item--3 .top-event-contents-details--2  {
    width: calc(151.7749vw / 3.75);
  }
  .top-event-item--4 .top-event-contents-details--2  {
    top: calc(32vw / 3.75);
    width: calc(176.5802vw / 3.75);
  }
}

.top-event-contents-SubImg {
  position: absolute;
  right: 0;
  bottom: 0;
  height: auto;
}
.top-event-contents-SubImg--1 {
  width: calc(191.5912% / 3.26);
}
.top-event-contents-SubImg--2 {
  width: calc(158.6144% / 3.26);
  right: calc(0% - min(calc(10vw / 11.7),10px));
}
.top-event-contents-SubImg--3 {
  width: calc(175.75% / 3.26);
  right: calc(0% - min(calc(20vw / 11.7),20px));
  bottom: calc(0% - min(calc(80vw / 11.7),80px));
}
.top-event-contents-SubImg--4 {
  width: calc(185% / 3.26);
  right: calc(0% - min(calc(25vw / 11.7),25px));
  bottom: calc(0% - min(calc(100vw / 11.7),100px));
}
@media screen and (max-width: 768px) {
.top-event-contents-SubImg--1 {
  width: calc(103.7763vw / 3.75);
  bottom: calc(10vw / 3.75);
}
.top-event-contents-SubImg--2 {
  width: calc(106.5479vw / 3.75);
  right: 0;
  bottom: calc(10vw / 3.75);
}
.top-event-contents-SubImg--3 {
  width: calc(115.1844vw / 3.75);
  right: 0;
  bottom: calc(10vw / 3.75);
}
.top-event-contents-SubImg--4 {
  width: calc(121.5506vw / 3.75);
  right: 0;
  bottom: 0;
}
}

.about__deco-item--1-1 {
  z-index: 1;
  width: min(calc(50.488vw / 11.7),50.488px);
  bottom: min(calc(20vw / 11.7),20px);
  left: calc(0% - min(calc(20vw / 11.7),20px));
}
.about__deco-item--1-2 {
  z-index: 1;
  width: min(calc(81.6818vw / 11.7),81.6818px);
  top: 0;
  left: min(calc(120vw / 11.7), 120px);
}
.about__deco-item--2-1 {
  z-index: 1;
  width: min(calc(58.9268vw / 11.7),58.9268px);
  right: calc(0% - min(calc(25vw / 11.7),25px));
  bottom: min(calc(20vw / 11.7),20px);
}
.about__deco-item--2-2 {
  z-index: 1;
    width: min(calc(54.7351vw / 11.7), 54.7351px);
    right: min(calc(78vw / 11.7), 78px);
    top: min(calc(15vw / 11.7), 15px);
}
.about__deco-item--3-1 {
  z-index: 1;
  width: min(calc(116.8724vw / 11.7),116.8724px);
  left: calc(0% - min(calc(15vw / 11.7),15px));
  bottom: calc(0% - min(calc(35vw / 11.7),35px));
}
.about__deco-item--4-1 {
  z-index: 1;
  width: min(calc(59.0734vw / 11.7),59.0734px);
  right: calc(0% - min(calc(28vw / 11.7),28px));
  bottom: min(calc(5vw / 11.7),5px);
}
.about__deco-item--4-2 {
  z-index: 1;
  width: min(calc(45vw / 11.7),59.0734px);
  right: min(calc(120vw / 11.7),120px);
  top: min(calc(90vw / 11.7),90px);
}
@media screen and (max-width: 768px) {
.about__deco-item--1-1 {
  width: calc(45vw / 3.75);
  bottom: calc(0% - calc(3vw / 3.75));
  left: calc(0% - calc(10vw / 3.75));
}
.about__deco-item--1-2 {
        width: calc(59vw / 3.75);
        top: calc(120vw / 3.75);
        left: calc(113vw / 3.75);
}
.about__deco-item--2-1 {
  width: calc(47.2621vw / 3.75);
  right: calc(0% - calc(25vw / 3.75));
  bottom: calc(0% - calc(8vw / 3.75));
}
.about__deco-item--2-2 {
    width: calc(32vw / 3.75);
    right: calc(118vw / 3.75);
    top: auto;
    bottom: calc(55vw / 3.75);
}
.about__deco-item--3-1 {
  width: calc(53.7102vw / 3.75);
  left: calc(140vw / 3.75);
  bottom: calc(0% - calc(15vw / 3.75));
}
.about__deco-item--4-1 {
  width: calc(32vw / 3.75);
  right: calc(0% - calc(6vw / 3.75));
  bottom: calc(0% - calc(10vw / 3.75));
}
.about__deco-item--4-2 {
  width: calc(178.3553vw / 3.75);
  right: calc(0% - calc(5vw / 3.75));
  top: auto;
  bottom: 0;
}
}

.top-about {
  padding: clamp(min(calc(60vw / 3.75),60px),calc(90vw / 11.7),90px) 0 min(calc(100vw / 11.7),100px);
  background-image: url(../img/top/top-about_bg.webp);
  background-repeat: repeat-y;
  background-size: min(calc(1500vw / 11.7), 1500px);
  background-position: top center;
}
@media screen and (max-width: 768px) {
.top-about {
  background-size: calc(500vw / 3.75);
  background-image: url(../img/top/top-about_bg_sp.webp);
}
}

.top-about-titleLink {
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 20px;
  padding: 45px 100px;
}
@media screen and (max-width: 768px) {
.top-about-titleLink {
  padding: calc(15vw / 3.75) calc(40vw / 3.75);
  gap: calc(15vw / 3.75);
}
}

.top-about-titleLink-icon {
  width: min(calc(95.3865vw / 11.7),95.3865px);
  height: auto;
  aspect-ratio: 95.3865 / 88.4569;
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 95.39 88.46"><path fill="%23ffffff" d="M94.5,32.88c-5.04-19.52-26.78-5.71-27.17-10.9-.39-5.19,3.38-15.15-18.22-21.2-21.6-6.05-10.39,24.94-25.62,21.99-7.62-1.48-26.19-2.73-23.16,17.55,3.04,20.28,15.7,13.68,18.84,21.46,4.21,10.41-8.73,25.86,9.71,26.65,18.44.79,14.66-13.3,21.04-12.65,6.38.65,12.08,14.43,30.37,9.13,18.3-5.3-.92-26.81.13-32.19,1.04-5.38,19.12-.32,14.07-19.84ZM42.14,52.8c-1.13.43-2.68-1.04-3.46-3.28-.78-2.24-.49-4.42.64-4.85,1.13-.43,2.68,1.03,3.46,3.28.78,2.25.49,4.42-.64,4.85ZM47.69,50.9c-1.06,0-1.91-1.62-1.91-3.61s.86-3.61,1.91-3.61,1.91,1.62,1.91,3.61-.86,3.61-1.91,3.61ZM56.95,50.07c-.68,1.87-2.04,3.1-3.03,2.74-.99-.36-1.24-2.17-.56-4.05.68-1.87,2.04-3.1,3.03-2.74.99.36,1.24,2.17.56,4.05Z"/></svg>');
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}
@media screen and (max-width: 768px) {
.top-about-titleLink-icon {
  width: calc(47.6933vw / 3.75);
}
}

.top-about-titleLink h2 {
  font-size: 3rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.top-about-titleLink h2 {
  font-size: calc(18vw / 3.75);
}
}

.top-about-titleLink p {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: calc(30 / 18);
}
@media screen and (max-width: 768px) {
.top-about-titleLink p {
  font-size: calc(13vw / 3.75);
}
}

.top-about__accordion {
  border-radius: 30px;
}

.accordion-button-text {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
.accordion-button-text {
  font-size: 1.5rem;
}
}

.accordion-button {
  border-radius: 30px;
  min-height: 40px;
  padding: 10px min(calc(40vw / 11.7),40px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion[open] .under-arrow {
  transform: scale(1,1);
}

.accordion-content {
  opacity: 0;
  clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);
  padding-left: min(calc(70vw / 11.7),70px);
  padding-right: min(calc(70vw / 11.7),70px);
}
.accordion[open] .accordion-content  {
  animation-name: show-down;
  animation-duration: .6s;
  animation-fill-mode:forwards;
  padding-top: min(calc(40vw / 11.7),40px);
  padding-bottom: min(calc(40vw / 11.7),40px);
}
@media screen and (max-width: 768px) {
.accordion[open] .accordion-content  {
  padding-top: min(calc(20vw / 3.75),20px);
  padding-bottom: min(calc(30vw / 3.75),30px);
}
}

@keyframes show-down {
  0%{opacity: 0; clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%);}
  100%{opacity: 1; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

.top-facility-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(calc(30vw / 11.7),30px) min(calc(20vw / 11.7),20px);
}
@media screen and (max-width: 768px) {
.top-facility-list {
  grid-template-columns: 1fr;
}
}

@media screen and (min-width: 769px) {
  .top-facility-item:first-of-type {
    margin-bottom: 30px;
    grid-area: 1 / 1 / 2 / 3;
  }
  .top-facility-item:first-of-type .top-facility-img {
    width: 100%;
    aspect-ratio: 70 / 31;
  }
  .top-facility-item:first-of-type img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
.top-facility-item:first-of-type img {
  border-radius: min(calc(30vw / 3.75),50px);
}

.top-facility-text {
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.top-facility-text {
  font-size: 1.5rem;
}
}

.top-schedule {
  padding-right: clamp(min(calc(20vw / 3.75),20px),calc(40vw / 11.7),40px);
  padding-left: clamp(min(calc(20vw / 3.75),20px),calc(40vw / 11.7),40px);
}

.top-schedule-list {
  display: flex;
  flex-direction: column;
  /* gap: min(calc(30vw / 11.7),30px); */
}

.top-schedule-item {
  position: relative;
  display: grid;
  grid-template-columns: clamp(116.0407px,calc(200vw / 7.68),200px) 1fr;
  grid-template-rows: auto;
  gap: min(calc(30vw / 11.7),30px) min(calc(25vw / 11.7),25px);
  min-height: 80px;
}

.top-schedule-item dt {
  position: relative;
}
.top-schedule-item:not(:last-of-type) dt::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% + min(calc(30vw / 11.7),30px));
  width: 2px;
  background-color: #6f5a49;
}

.top-schedule-time {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  height: clamp(min(calc(30vw / 3.75),30px),calc(50vw / 7.68),50px);
  padding: min(calc(15vw / 11.7),15px) 0;
  background-image: var(--bg-zarazara-cream);
}
.top-schedule-item:nth-of-type(2n) dt .top-schedule-time {
  background-image: var(--bg-zarazara-light-pink);
}

.top-schedule-time p {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .top-schedule-time p {
    font-size: 1.5rem;
  }
}

.top-schedule-item dd {
  padding: min(calc(10vw / 11.7),10px);
}

.top-schedule-item dd p {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: calc(22 / 14);
}
@media screen and (max-width: 768px) {
  .top-schedule-item dd p {
    font-size: 1.4rem;
  }
}

.top-schedule-note {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: calc(22 / 14);
  text-indent: -1.4rem;
  padding-left: 1.4rem;
}
@media screen and (max-width: 768px) {
.top-schedule-note {
  font-size: 1.2rem;
  text-indent: -1.2rem;
  padding-left: 1.2rem;
}
}

.top-schedule__deco-item--1 {
  width: clamp(min(calc(48vw / 3.75),48px),calc(95.8484vw / 11.7),95.8484px);
  height: auto;
  right: min(calc(50vw / 11.7),50px);
  top: 50%;
  transform: translateY(-50%);
}
.top-schedule__deco-item--2 {
  width: clamp(min(calc(48.1224vw / 3.75),48.1224px),calc(96.2448vw / 11.7),96.2448px);
  height: auto;
  right: min(calc(20vw / 11.7),20px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .top-schedule__deco-item--2 {
    top: 100%;
    transform: translateY(-25%);
  }
}

.overview-list {
  border-radius: 30px;
  border: 1px solid #6f5a49;
  overflow: clip;
}

.overview-item {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.overview-item dt {
  width: calc(228.1187% / 7);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-right: 1px solid #6f5a49;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
.overview-item dt {
  width: calc(100% / 2.85);
}
}

.overview-item:not(:last-of-type) dt {
  border-bottom: 1px solid #6f5a49;
}

.overview-item--top dt p {
  font-size: 2rem;
  font-weight: 700;
  line-height: calc(37 / 20);
}
@media screen and (max-width: 768px) {
  .overview-item--top dt p {
    font-size: 1.4rem;
  }
}

.overview-item dd {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 10px 35px;
}
.overview-item:not(:last-of-type) dd {
  border-bottom: 1px solid #6f5a49;
}
@media screen and (max-width: 768px) {
  .overview-item dd {
    padding: min(calc(10vw / 3.75),10px) min(calc(5vw / 3.75),5px) min(calc(10vw / 3.75),10px) min(calc(10vw / 3.75),10px);
  }
}

.overview-item--top dd p {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: calc(34 / 16);
}
@media screen and (max-width: 768px) {
.overview-item--top dd p {
  font-size: 1.4rem;
}
}


.request-for-admission {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background-image: var(--bg-zarazara-orange);
  background-size: var(--mask-wave-size);
  background-position: center;
  padding: 0;
  margin: 0;
  line-height: 0;
}

.request-for-admission-img {
  width: calc(784.1117vw / 14);
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 784.11 398.02"><path fill="%23ffffff" d="M722.21,0H0v398.02h722.21s61.9-79.05,61.9-206.96S722.21,0,722.21,0Z"/></svg>');
  mask-repeat: no-repeat;
  mask-position: center right;
  mask-size: auto 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.request-for-admission-img {
  width: calc(167.8821vw / 3.75);
  mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 167.88 197.03"><path fill="%23ffffff" d="M135.57,0H0v197.03h135.57s32.31-41.63,32.31-98.52S135.57,0,135.57,0Z"/></svg>');
}
}

.request-for-admission-contents {
  flex: 1;
  padding-right: 20px;
  height: 100%;
  margin: auto 0;
}
@media screen and (max-width: 768px) {
.request-for-admission-contents {
  padding-right: 0;
}
}

.request-for-admission-contents-container {
  max-width: 600px;
  margin-right: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: min(calc(40vw / 14),40px);
  text-align: center;
  padding-right: min(calc(25vw / 14),25px);
}
@media screen and (max-width: 768px) {
.request-for-admission-contents-container {
  gap: calc(15vw / 3.75);
  padding-right: 0;
}
}

.request-for-admission-contents-text {
  font-size: min(calc(32vw / 14),32px);
  line-height: calc(50 / 32);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.request-for-admission-contents-text {
  font-size: calc(16vw / 3.75);
}
}

.top-topics {
  padding: clamp(50px,calc(100vw / 7.68),100px) 0 clamp(90px,calc(100vw / 7.68),100px);
}
@media screen and (max-width: 768px) {
.top-topics {
  padding-bottom: calc(100vw / 3.75);
}
}

.top-topics__deco-item--1 {
  width: min(calc(369.1059vw / 11.4),369.1059px);
  left: calc(50% - min(calc(823.5526vw / 11.4),823.5526px));
  top: 150px;
}
.top-topics__deco-item--2 {
  width: min(calc(369.1059vw / 11.4),369.1059px);
  right: calc(50% - min(calc(730vw / 11.4),730px));
  bottom: 90px;
}
@media screen and (max-width: 1170px) {
.top-topics__deco-item--1 {
  width: min(calc(230vw / 11.4),230px);
  top: min(calc(40vw / 11.7),40px);
  left: calc(50% - min(calc(550vw / 11.4),550px));
}
.top-topics__deco-item--2 {
  width: min(calc(200vw / 11.4),200px);
  right: calc(50% - min(calc(430vw / 11.4),430px));
  bottom: 50px;
}
}
@media screen and (max-width: 768px) {
.top-topics__deco-item--1 {
  width: calc(145.1383vw / 3.75);
  left: calc(-25vw / 3.75);
  top: auto;
  bottom: 0;
}
.top-topics__deco-item--2 {
  width: calc(133.3437vw / 3.75);
  right: calc(-25vw / 3.75);
  bottom: calc(15vw / 3.75);
}
}

.top-recruit-link {
  width: 100%;
  height: auto;
  aspect-ratio: 100 / 34;
  border-radius: 20px;
  background-color: rgba(244, 118, 135,.8);
  background-image: url(../img/top/top_recruit.webp);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  background-blend-mode: multiply;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: min(calc(20vw / 11.7),20px);
  position: relative;
  padding: 27px min(calc(90vw / 11.7),90px);
}
@media screen and (max-width: 768px) {
.top-recruit-link {
  background-image: url(../img/top/top_recruit_sp.webp);
  aspect-ratio: 334.1967 / 358.6011;
  gap: calc(11vw / 3.75);
  padding: calc(27vw / 3.75) 0;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
}

.top-recruit-link-title {
  font-size: 4.1rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.top-recruit-link-title {
  font-size: calc(20vw / 3.75);
}
}

.top-recruit-link-text {
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
}
.top-recruit-link-text--2 {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .top-recruit-link-text {
    font-size: calc(14vw / 3.75);
    line-height: calc(24 / 14);
  }
  .top-recruit-link-text--2 {
    font-size: calc(13vw / 3.75);
  }
}

.top-recruit__arrow {
  right: 0;
  transform: translate(calc(100% + 20px), -50%);
}

.map {
  width: 100%;
  text-align: center;
}

.map-container {
  width: 100%;
  padding: min(calc(85vw / 11.7),85px) 0 min(calc(150vw / 11.7),150px);
}
@media screen and (max-width: 768px) {
  .map-container {
    padding: calc(35vw / 3.75) 0 calc(45vw / 3.75);
  }
}

.map-area {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 768px) {
.map-area {
  height: 240px;
}
}

.map-text {
  position: relative;
  display: inline-block;
  max-width: 70%;
  font-size: 2.4rem;
  text-align: center;
  line-height: calc(25 / 18);
  font-weight: 700;
  margin: 0 auto min(calc(35vw / 11.7),35px);
  padding: 0;
}
@media screen and (max-width: 768px) {
  .map-text {
    font-size: calc(18vw / 3.75);
    margin-bottom: min(calc(25vw / 3.75),25px);
  }
}

.map-text::before ,.map-text::after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translate(-15px,-50%) rotate(-25deg);
  display: block;
  width: 1.5px;
  height: calc(100% + 5px);
  border-radius: 3px;
  background-color: #6f5a49;
}
.map-text::after {
  right: auto;
  left: 100%;
  transform: translate(15px,-50%) rotate(25deg);
}

.map__deco-item--1 {
  width: min(calc(382.5381vw / 14),382.5381px);
  left: calc(0% - min(calc(22vw / 14),22px));
  top: calc(0% - min(calc(45vw / 14),45px));
}
.map__deco-item--2 {
  width: min(calc(382.5381vw / 14),382.5381px);
  left: calc(100% + min(calc(50vw / 14),50px));
  top: calc(0% - min(calc(45vw / 14),45px));
  transform: translateX(-100%);
}
.map__deco-item--3 {
  width: min(calc(97.342vw / 14),97.342px);
  left: min(calc(55vw / 14),55px);
  top: min(calc(45vw / 14),45px);
}
.map__deco-item--4 {
  width: min(calc(107.23vw / 14),107.23px);
  right: min(calc(75vw / 14),75px);
  top: min(calc(40vw / 14),40px);
}
@media screen and (max-width: 768px) {
.map__deco-item--1 {
  width: calc(136.605vw / 3.75);
  left: calc(0% - calc(40vw / 3.75));
  top: calc(0% - calc(20vw / 3.75));
}
.map__deco-item--2 {
  width: calc(148.9339vw / 3.75);
  left: calc(100% + calc(40vw / 3.75));
  top: calc(0% - calc(25vw / 3.75));
  transform: translateX(-100%);
}
.map__deco-item--3 {
  width: calc(35.7777vw / 3.75);
  left: calc(10vw / 3.75);
  top: calc(10vw / 3.75);
}
.map__deco-item--4 {
  width: calc(39.411vw / 3.75);
  right:calc(15vw / 3.75);
  top: calc(10vw / 3.75);
}
}

/* お知らせ */

.common-title {
  text-align: center;
  padding: 0 0 clamp(45px,calc(100vw / 11.7),100px);
}

.common-title-text {
  position: relative;
  font-size: min(3.2rem,32px);
  font-weight: 700;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .common-title-text {
    font-size: min(2rem,20px);
  }
}

.top-topics .common-title {
  padding-bottom: clamp(20px,calc(40vw / 11.7),40px);
}

.flag::before ,.flag::after {
  position: absolute;
  top: 50%;
  left: calc(100% + 1.5rem);
  transform: translateY(-50%) rotate(5deg);
  content: "";
  width: 9rem;
  height:auto;
  aspect-ratio: 3 / 1;
  background-image: url(../img/decoration-parts/deco_flag.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform-origin: right;
}
.flag::after {
  left: auto;
  right: calc(100% + 1.5rem);
  transform: translateY(-50%) rotate(-5deg);
  transform-origin: left;
}
@media screen and (max-width: 768px) {
.flag::before ,.flag::after {
  width: 6rem;
}
}

.topics-container {
  padding: clamp(min(calc(30vw / 3.75),30px),calc(85vw / 11.7),85px) 0;
  border-radius: clamp(25px,calc(40vw / 7.68),40px);
}

.topics-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 1.7rem;
  line-height: 1.45;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .topics-list {
    font-size: 1.4rem;
  }
}

.top-topics .topics-list {
  padding-bottom: clamp(15px,calc(25vw / 11.7),25px);
}

.topics-list-item {
    font-size: 1.4rem;
    gap: 10px 25px;
    padding: 10px;
}
.topics-list-item:not(:first-of-type) {
    border-top: 1px solid #6f5a49;
}
@media screen and (max-width: 768px) {
  .topics-list-item {
    align-items: flex-start;
    flex-direction: column;

  }
}

.topics-list-title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.topics-list-date {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 5px;
  background-image: var(--bg-zarazara-pink);
}
.topics-list-item:nth-of-type(2n+1) .topics-list-date {
  background-image: var(--bg-zarazara-orange);
}


.topics-list-date p {
  line-height: 1;
}

/* TOPICS 記事 ページネーション */
.screen-reader-text {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
}

.archive-pagination {
  margin: clamp(20px,calc(60vw / 11.7),60px) auto 0;
}

.archive-pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}


.archive-pagination .page-numbers {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.6rem;
  width: clamp(18.75px,calc(25vw / 7.68),25px);
  height: 100%;
}
.archive-pagination .page-numbers.current {
    color: #0097c1;
}
@media screen and (max-width: 768px) {
.archive-pagination .page-numbers {
    font-size: 1.3rem;
  }
}

.archive-pagination .prev.page-numbers, .archive-pagination .next.page-numbers {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 25 25"><circle fill="%230097c1" cx="12.5" cy="12.5" r="12.5"/><path fill="%23ffffff" d="M12.01,16.49c-.37,0-.74-.15-1.02-.44-.53-.56-.51-1.45.05-1.98l1.9-1.8-1.9-1.8c-.56-.53-.58-1.42-.05-1.98.53-.56,1.42-.58,1.98-.05l2.97,2.82c.28.26.44.63.44,1.02s-.16.75-.44,1.02l-2.97,2.82c-.27.26-.62.38-.96.38Z"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  display: block;
  width: clamp(18.75px,calc(25vw / 7.68),25px);
  height: clamp(18.75px,calc(25vw / 7.68),25px);
  font-size: 0;
}
.prev.page-numbers {
  transform: scale(-1,1);
}



.recruit-page {
  background-image: var(--bg-zarazara-pink);
  background-size: var(--bg-zarazara-size);
  background-position: top center;
}

/* お問い合わせ電話 */

.contact-tel {
  padding: 130px 0 90px;
  mask-image: linear-gradient(to bottom , transparent min(calc(85vw / 14), 85px), #fff min(calc(85vw / 14), 85px), #fff 100%),
  var(--mask-wave-long);
  mask-position: bottom center ,top center;
  mask-repeat: repeat-x;
  mask-composite: add;
  background-size: var(--bg-zarazara-size);
  background-position: top center;
}
@media screen and (max-width: 768px) {
.contact-tel {
  padding: 50px 0 45px;
}
}

.recruit-page .contact-tel {
  background-image: var(--bg-zarazara-light-yellow);
}

.contact-tel-title {
  font-size: 2.8rem;
  font-weight: 700;
  text-align: center;
  padding-bottom: 55px;
}
@media screen and (max-width: 768px) {
.contact-tel-title {
    font-size: 2rem;
    padding-bottom: 30px;
  }
}

.contact-tel-item {
  max-width: 650px;
  margin: 0 auto;
}

.recruit_intro {
  mask-image: linear-gradient(to top , transparent min(calc(85vw / 14), 85px), #fff min(calc(85vw / 14), 85px), #fff 100%),
  var(--mask-wave-long);
  mask-position: top center, bottom center;
  mask-repeat: repeat-x;
  mask-composite: add;
}




/* コンタクトフォームセブン */

/* 全体背景とコンテナ */

.form {
  padding-top: 110px;
  padding-bottom: 90px;
}

.recruit-form-block {
  border-top: #6f5a49 1.5px solid;
  border-bottom: #6f5a49 1.5px solid;
}

.recruit-form-title {
  position: relative;
  display: inline-block;
  color: #6f5a49;
  text-align: center;
  font-size: 24px;
  margin-bottom: 90px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.recruit-form-title {
  font-size: 20px;
  margin-bottom: 40px;
}
}


.recruit__deco-item-blue1 ,.recruit__deco-item-blue2 {
  width: 37.313px;
  left: calc(100% + 5rem);
  top: 50%;
  transform: translateY(-50%);
}
.recruit__deco-item-blue2 {
  left: auto;
  right: calc(100% + 5rem);
}
@media screen and (max-width: 768px) {
  .recruit__deco-item-blue1 ,.recruit__deco-item-blue2 {
    width: 26.9591px;
    left: calc(100% + 3rem);
  }
  .recruit__deco-item-blue2 {
      left: auto;
    right: calc(100% + 3rem);
  }
}

.recruit__deco-item-blue1 img {
  transform: scale(-1,1);
}


.recruit-form-intro {
    text-align: center;
    font-size: 1.8rem;
    color: #6f5a49;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.recruit-form-intro {
    font-size: 1.8rem;
}
}

.recruit-form-container {
    background-color: #fff;
    margin: 0 auto;
    padding: 40px 40px 100px;
    border-radius: 30px; /* 大きめの角丸 */
}    
@media screen and (max-width: 768px) {
.recruit-form-container {
  padding: 50px 20px 40px;
}
}

/* 各行のレイアウト */
.recruit-form-row {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #d9c2b5;
    align-items: center;
    min-height: 100px;
}

.recruit-form-Row--interest .wpcf7-form-control.wpcf7-radio {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.recruit-form-Row--status .wpcf7-form-control.wpcf7-radio {
  gap: min(calc(30vw / 11.7),30px);
  display: flex;
}

.wpcf7-radio .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.recruit-form-row.no-border {
    border-bottom: none;
}

.recruit-form-label {
    width: 35%;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #6f5a49;
}
@media screen and (max-width: 768px) {
.recruit-form-label {
    font-size: 15px;
    width: 100%;
    margin-bottom: 8px;
}
}

/* 必須バッジ */
.badge-required {
    background-color: #f48196;
    color: #fff;
    font-size: 16px;
    padding: 2px 10px;
    border-radius: 4px;
    font-weight: normal;
}
@media screen and (max-width: 768px) {
.badge-required {
    font-size: 14px;
}
}

.recruit-form-field {
    flex: 1;
}

/* 入力要素のスタイル（ベージュ背景） */
.recruit-form-field input[type="text"],
.recruit-form-field input[type="email"],
.recruit-form-field input[type="tel"],
.recruit-form-field input[type="number"],
.recruit-form-field textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #999;
    border-radius: 10px;
    background-color: #fcf8ec; /* 画像の薄いベージュ色 */
    box-sizing: border-box;
    font-size: 16px;
}
@media screen and (max-width: 768px) {
.recruit-form-field input[type="text"],
.recruit-form-field input[type="email"],
.recruit-form-field input[type="tel"],
.recruit-form-field input[type="number"],
.recruit-form-field textarea {
    font-size: 14px;
}
}

.recruit-form-field textarea {
    height: 150px;
}

/* 年齢の入力欄と単位の調整 */
.flex-items {
    display: flex;
    align-items: center;
    gap: 10px;
}
.age-input {
    width: 100px !important;
}

/* ラジオボタンの余白 */
.wpcf7-list-item {
    margin: 0 15px 0 0 !important;
}

.recruit-form-row--textarea {
    margin-bottom: auto;
    align-items: flex-start;
    padding: 30px 0;
}


/* 確認ボタン（青色） */
.recruit-form-submit {
    text-align: center;
    margin-top: 100px;
}
@media screen and (max-width: 768px) {
.recruit-form-submit {
    margin-top: 50px;
}
}

.recruit-form-submit input[type="submit"] {
    background-color: #0097c1; /* 画像の青色 */
    color: #fff;
    border: none;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    width: 220px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28.79 28.79"><circle fill="%23ffffff" cx="14.39" cy="14.39" r="14.39"/><path fill="%230097c1" d="M21.02,14.65c.07-.16.07-.34,0-.5-.03-.08-.08-.15-.14-.21l-4.75-4.75c-.26-.26-.67-.26-.93,0-.26.26-.26.67,0,.93l3.62,3.62h-10.44c-.36,0-.66.29-.66.66s.29.66.66.66h10.44l-3.62,3.62c-.26.26-.26.67,0,.93.13.13.3.19.47.19s.34-.06.47-.19l4.75-4.75c.06-.06.11-.13.14-.21Z"/></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: clamp(min(calc(20vw / 3.75),20px),calc(26vw / 7.68),26px);
    /* padding-right: 45px; */
}
@media screen and (max-width: 768px) {
.recruit-form-submit input[type="submit"] {
    min-height: 42px;
    width: 170px;
    font-size: 13px;
}
}

.recruit-form-submit input[type="submit"]:hover {
    opacity: .7;
}

.unit-text ,.wpcf7-list-item-label {
  font-size: 18px;
  color: #6f5a49;
}
@media screen and (max-width: 768px) {
.unit-text ,.wpcf7-list-item-label {
  font-size: 15px;
}
}

/* スマホ対応 */
@media screen and (max-width: 768px) {

    .recruit-form-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .recruit-form-field {
        width: 100%;
    }
}


/* about */

.about-intro {
  padding: clamp(45px,calc(85vw / 11.7),85px) 0;
}

.about-anchor {
  display: flex;
  justify-content: space-between;
  gap: clamp(min(calc(6vw / 3.75),6px),calc(15vw / 11.7),15px);
}
@media screen and (max-width: 768px) {
.about-anchor {
  margin-bottom: 30px;
}
}

.about-anchor a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 18 18"><circle fill="%23ffffff" cx="9" cy="9" r="9"/><path fill="%230097c1" d="M8.9,12.26c-.21,0-.42-.09-.56-.25l-3.43-3.82c-.28-.31-.25-.78.06-1.06.31-.28.78-.25,1.06.06l2.88,3.2,2.88-3.2c.28-.31.75-.33,1.06-.06s.33.75.06,1.06l-3.43,3.82c-.14.16-.35.25-.56.25Z"/></svg>');
  background-repeat: no-repeat;
  background-position: calc(100% - clamp(min(calc(6vw / 3.75),6px),calc(15vw / 11.7),15px)) center;
  background-size: clamp(min(calc(12.5vw / 3.75),12.5023px),calc(18vw / 11.7),18px);
  background-color: #0097c1;
  max-width: 330px;
  min-height: 70px;
  border-radius: 10px;
  padding: min(calc(5vw / 3.75),5px) min(calc(15vw / 3.75),15px) min(calc(5vw / 3.75),5px) min(calc(6vw / 3.75),6px);
}

.about-anchor a p {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: calc(17 / 13);
}
@media screen and (max-width: 768px) {
  .about-anchor a p {
    font-size: 1.3rem;
  }
}

.about-intro-container {
  display: flex;
  flex-direction: column;
  gap: min(calc(65vw / 11.7),65px);
}
@media screen and (max-width: 768px) {
.about-intro-container {
  gap: 15px;
}
}

.about-intro-title {
  font-size: 2.8rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.about-intro-title {
  font-size: 2rem;
}
}

.about-intro-subtitle {
  font-size: 4rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.about-intro-subtitle {
  font-size: 2.2rem;
}
}

.about-intro-main {
  position: relative;
}

.about-intro__deco-item--1 {
  width: min(calc(61.4613vw / 11.7),61.4613px);
  top: 0;
  left: min(calc(115vw / 11.7),115px);
}
.about-intro__deco-item--1 img {
  transform: scale(-1,1);
}
.about-intro__deco-item--2 {
  width: min(calc(83.383vw / 11.7),83.383px);
  top: min(calc(60vw / 11.7),60px);
  right: min(calc(140vw / 11.7),140px);
}
.about-intro__deco-item--3 {
  width: min(calc(117.629vw / 11.7),117.629px);
  top: min(calc(320vw / 11.7),320px);
  right: min(calc(80vw / 11.7),80px);
}
.about-intro__deco-item--4 {
  width: min(calc(57.1258vw / 11.7),57.1258px) ;
  top: min(calc(430vw / 11.7),430px);
  left: min(calc(310vw / 11.7),310px);
}
@media screen and (max-width: 768px) {
.about-intro__deco-item--1 {
  width: calc(35.3964vw / 3.75);
  top: calc(190vw / 3.75);
  left: calc(15vw / 3.75);
}
.about-intro__deco-item--1 img {
  transform: scale(-1,1) rotate(45deg);
}
.about-intro__deco-item--2 {
  width: calc(56.9913vw / 3.75);
  top: calc(75vw / 3.75);
  right: calc(265vw / 3.75);
}
.about-intro__deco-item--3 {
  width: calc(56.9913vw / 3.75);
  top: calc(15vw / 3.75);
  right:calc(170vw / 3.75);
}
.about-intro__deco-item--4 {
  width: calc(29.1342vw / 3.75);
  top: calc(310vw / 3.75);
  left: calc(145vw / 3.75);
}
}

.about-intro-text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: calc(40 / 16);
}
@media screen and (max-width: 768px) {
.about-intro-text {
  font-size: 1.5rem;
    line-height: calc(26 / 15);
}
}

.about-policy {
  position: relative;
  background-image: linear-gradient(to bottom, #fff 50%,transparent 50%);
}

.about-policy-contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 0 min(calc(25vw / 3.75),25px);
  gap: min(calc(85vw / 11.7),80px);
}
@media screen and (max-width: 768px) {
.about-policy-contents {
  gap: min(calc(15vw / 3.75),15px);
}
}

.about-policy-contents-title {
  font-size: 2.8rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.about-policy-contents-title {
  font-size: 2rem;
}
}

.about-policy-contents-text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: calc(5 / 2);
}
@media screen and (max-width: 768px) {
.about-policy-contents-text {
  font-size: 1.4rem;
  line-height: calc(12 / 7);
}
}

.about-policy-img {
  mask-image: linear-gradient(to bottom , transparent min(calc(85vw / 14), 85px), #fff min(calc(85vw / 14), 85px), #fff calc(100% - min(calc(85vw / 14), 85px)),transparent calc(100% - min(calc(85vw / 14), 85px))),
  var(--mask-wave-long),var(--mask-wave-long);
  mask-size: 100%,calc(var(--mask-wave-long-width) / 14,var(--mask-wave-long-width)px),calc(var(--mask-wave-long-width) / 14,var(--mask-wave-long-width)px);
  mask-position: center center, bottom center, top center;
  mask-repeat: no-repeat,repeat-x,repeat-x;
  mask-composite: add ,add;
}

.program-title {
  font-size: 2.8rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.program-title {
  font-size: 2rem;
}
}

.program-list {
  position: relative;
  padding: clamp(30px,calc(70vw / 11.7),70px) 0 clamp(40px,calc(150vw / 11.7),150px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(35px,calc(60vw / 11.7),60px) 45px;
}

.program-list-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(10px,calc(20vw / 11.7),20px);
}
.program-list-item:first-of-type {
  width: 100%;
}
@media screen and (max-width: 768px) {
.program-list-item {
  position: relative;
}
}

.program-list-title {
  position: relative;
  font-size: 2rem;
  font-weight: 700;
  line-height: calc(38 / 20);
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .program-list-title {
    font-size: 1.6rem;
  }
}

.program-list-title::before ,.program-list-title::after {
  content: "";
  position: absolute;
  left: calc(100% + 1.6rem);
  top: 50%;
  transform: translate(0,-50%) rotate(25deg);
  width: 1px;
  height: 100%;
  border-left: 2px dotted #6f5a49;
}
.program-list-title::after {
  left: auto;
  right: calc(100% + 1.6rem);
  transform: translate(0,-50%) rotate(-25deg);
}

.program-list-img {
  max-width: clamp(min(calc(281.6898vw / 3.75),281.6898px),calc(469.483vw / 11.7),469.483px);
}

.program-list-text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: calc(24 / 14);
}
@media screen and (max-width: 768px) {
.program-list-text {
  font-size: 1.4rem;
}
}

.program__deco-item--1 {
  width: min(calc(158.4068vw / 11.7),158.4068px);
  right: calc(100% - min(calc(1000vw / 11.7),1000px));
  top: 300px;
}
.program__deco-item--2 {
  width: min(calc(100.8935vw / 11.7),100.8935px);
  left: calc(100% - min(calc(920vw / 11.7),920px));
  top: 280px;
}
.program__deco-item--3 {
  width: min(calc(142.3311vw / 11.7),142.3311px);

    left: calc(100% - min(calc(1000vw / 11.7),1000px));
  top: 450px;
}
.program__deco-item--4 {
  width: min(calc(57.7217vw / 11.7),57.7217px);
  right: calc(100% - min(calc(860vw / 11.7),860px));
  top: 150px;
}
@media screen and (max-width: 768px) {
.program__deco-item--1 {
  width: min(calc(71.2832vw / 3.75),71.2832px);
  right: calc(0% - min(calc(40vw / 3.75),40px));
  top: min(calc(55vw / 3.75),55px);
}
.program__deco-item--2 {
  width: min(calc(41.6915vw / 3.75),41.6915px);
  left: calc(0% - min(calc(35vw / 3.75),35px));
  top: min(calc(200vw / 3.75),200px);
}
.program__deco-item--3 {
  width: min(calc(73.1446vw / 3.75),73.1446px);
  left: auto;
  right: calc(0% - min(calc(40vw / 3.75),40px));
  top: min(calc(65vw / 3.75),65px);
}
.program__deco-item--4 {
  width: min(calc(28.8609vw / 3.75),28.8609px);
  right: auto;
  left: calc(0% - min(calc(5vw / 3.75),5px));
  top: min(calc(55vw / 3.75),55px);
}
}

.requirements {
  padding-top: 110px;
  padding-bottom: clamp(45px,calc(100vw / 11.7),100px);
}
@media screen and (max-width: 768px) {
.requirements {
  padding-top: 45px;
}
}

.program__deco-item--top {
  width: clamp(min(calc(103.6166vw / 3.75),103.6166px),calc(300vw / 11.7),300px);
  top: min(calc(35vw / 11.7),35px);
  left: calc(50% - min(calc(500vw / 11.7),500px));
}
.program__deco-item--top--2 {
  left: auto;
  right: calc(50% - min(calc(500vw / 11.7),500px));
  transform: scale(-1,1);
}
@media screen and (max-width: 768px) {
.program__deco-item--top--1 {
  left: 0;
  top: calc(0% - min(calc(5vw / 3.75),5px));
}
.program__deco-item--top--2 {
  right: 0;
  top: calc(0% - min(calc(5vw / 3.75),5px));
}
}

.tab-wrapper {
  padding-top: 120px;
}
@media screen and (max-width: 768px) {
.tab-wrapper {
  padding-top: 60px;
}
}

.tab {
  position: relative;
  display: flex;

}

.tab-item[open] {
  flex: 1;
}

.tab-button {
  position: absolute;
  bottom: calc(100% - 1px);
  left: 5%;
  width: 44%;
}

.tab-wrapper details[name="accordion"][open] > summary {
  pointer-events: none;
  cursor: default;
}

.about-younger .tab-button {
  left: auto;
  right: 5%;
}

.about-baby .variable-color {
  color: #f48196;
}
.about-younger .variable-color {
  color: #ec7820;
}

.tab-contents {
  border-radius: 0 0 30px 30px;
  overflow: clip;
}

.tab-contents-subheading {
  font-size: clamp(min(calc(18vw / 3.75),18px),calc(25vw / 11.7),25px);
  font-weight: 700;
}

.tab-contents__container {
  display: flex;
  flex-direction: column;
  gap: clamp(30px,calc(80vw / 11.7),80px);
  padding: clamp(30px,calc(60vw / 11.7),60px) clamp(min(calc(25vw / 3.75),25px),calc(60vw / 11.7),60px);
  background-color: #fff;
}
.tab-contents__container--inner {
  display: flex;
  flex-direction: column;
  gap: clamp(15px,calc(20vw / 11.7),20px);
}

.overview-list--details dd {
  gap: clamp(5px,calc(15vw / 11.7),15px) 0;
}

.overview-item--about dd {
  padding-right: min(calc(20vw / 3.75),20px,calc(25vw / 11.7),25px);
}

.tab-contents-common-text {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(18vw / 11.7),18px);
  font-weight: 700;
  line-height: calc(24 / 14);
}

.tab-contents-common-text small {
  font-size: 1.4rem;
  line-height: calc(20 / 13);
}
@media screen and (max-width: 768px) {
.tab-contents-common-text small {
  font-size: 1.3rem;
  line-height: calc(20 / 13);
}
}

.tab-list-description {
  font-size: clamp(min(calc(14vw / 3.75),14px),calc(18vw / 11.7),18px);
  font-weight: 700;
  line-height: calc(34 / 18);
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .tab-list-description {
    letter-spacing: -0.08rem;
    text-align: justify;
    word-break: break-all;
    line-height: 1.5;
  }
  .tab-list-description--letterspace018rem {
    letter-spacing: -0.18rem;
  }
  .tab-list-description--sp-block {
    width: 100%;
  }
}

.tab-list-description--indent {
  padding-left: clamp(min(calc(13vw / 3.75),13px),calc(18vw / 11.7),18px);
  text-indent: calc(0% - clamp(min(calc(13vw / 3.75),13px),calc(18vw / 11.7),18px));
  line-height: 1.35;
}

.tab-list-description--left {
  line-height: 1.35;
}
@media screen and (max-width: 768px) {
.tab-list-description--left {
  padding-left: clamp(min(calc(13vw / 3.75),13px),calc(18vw / 11.7),18px);
}
}

.tab-list-description strong {
  text-align: left;
  font-size: clamp(min(calc(18vw / 3.75),18px),calc(25vw / 11.7),25px);
  line-height: 1.25;
}

.tab-list-description strong .tab-list-description-verystrong {
  font-size: clamp(min(calc(23.5vw / 3.75),23.5px),calc(32.5vw / 11.7),32.5px);
}

.tab-list-description small {
  font-size: clamp(min(calc(13vw / 3.75),13px),calc(14vw / 11.7),14px);
}

.tab-list-description--small {
    font-size: clamp(min(calc(13vw / 3.75),13px),calc(16vw / 11.7),16px);
    line-height: 1.2;
}
.tab-list-description--18px {
  font-size: 1.8rem;
  line-height: 1.2;
}
.tab-list-description--circle  {
  padding-right: 0.6rem;
}


.overview-item-title {
  font-size: clamp(min(calc(18vw / 3.75),18px),calc(22vw / 11.7),22px);
  font-weight: 700;
  line-height: 1.25;
}

.overview-item-title small {
  font-size: clamp(min(calc(12vw / 3.75),12px),calc(18vw / 11.7),18px);
  line-height: 1.4;
}

.tab-list-inlineflex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0 min(calc(5vw / 3.75),5px);
}
.tab-list-inlineflex--row {
  align-items: flex-start;
}
.tab-list-inlineflex--dot {
  flex: 1;
}
@media screen and (max-width: 768px) {
.tab-list-inlineflex--dot {
  min-width: min(calc(140vw / 3.75),140px);
  padding-left: 1.4rem;
}
}

.tab-list-inlineblock {
  width: 100%;
  flex: 1;
}
@media screen and (max-width: 1000px) {
.tab-list-inlineblock {
  flex: auto;
}
}

.tab-list-inlineflex--dot .tab-list-description {
  line-height: 1.2;

}

.tab-list-inlineflex--dot::before {
  content: "";
  flex: 1;
  height: 1px;
  border-top: 2px dotted #6f5a49;
  transform: translateY(1px);
  /* background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 4.3 1.49"><path fill="%236f5a49" d="M.75,1.49c-.1,0-.2-.02-.29-.06-.09-.04-.17-.09-.24-.16-.07-.08-.13-.16-.16-.25-.04-.09-.06-.18-.06-.28,0-.2.08-.4.22-.53C.49-.07,1.01-.07,1.28.21c.14.13.22.33.22.53,0,.1-.02.19-.06.28-.03.09-.09.17-.16.25-.14.14-.33.22-.53.22Z"/></svg>');
  background-repeat: repeat-x;
  background-position: center;
  background-size: clamp(min(calc(4.5vw / 3.75),4.5px),calc(7vw / 11.7),7px); */
}

.qa-list {
  display: flex;
  flex-direction: column;
  gap: clamp(20px,calc(30vw / 11.7),30px);
}

.qa-list-container:not(:last-of-type) {
  border-bottom: 2px dotted #6f5a49;
  padding-bottom: clamp(20px,calc(30vw / 11.7),30px);
}

.qa-list-container summary {
  pointer-events: none;
}

.qa-list-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(min(calc(7vw / 3.75),7px),calc(12vw / 11.7),12px);
  border-radius: 35px;
  overflow: clip;
  padding-top: clamp(min(calc(10vw / 3.75),10px),calc(18vw / 11.7),18px);
  padding-bottom: clamp(min(calc(12vw / 3.75),12px),calc(18vw / 11.7),18px);
  padding-left: clamp(min(18vw / 3.75),calc(55vw / 11.7),55px);
  padding-right: 5px;
}

.qa-list-item--q {
  min-height: 60px;
}

.qa-list-item--a {
  min-height: 60px;
  padding-bottom: 0;
  padding-top: clamp(min(calc(20vw / 3.75),20px),calc(25vw / 11.7),25px);
  align-items: flex-start;
}

.qa-list-item .tab-contents-common-text {
  line-height: 1.4;
}

.qa-icon {
  flex-shrink: 0;
  display: block;
  width: clamp(32.153px,calc(42.8706vw / 11.7),42.8706px);
  height: auto;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 42.87 42.87"><path fill="%236f5a49" d="M21.12,29.04c-1.14,0-2.16-.27-3.05-.81-.89-.54-1.59-1.3-2.1-2.29-.5-.99-.76-2.15-.76-3.48s.25-2.51.76-3.5c.5-.99,1.2-1.76,2.1-2.3.89-.55,1.91-.82,3.05-.82s2.15.27,3.03.82c.88.55,1.58,1.31,2.09,2.3s.77,2.16.77,3.5c0,.65-.06,1.26-.19,1.83-.13.57-.31,1.09-.55,1.57l1.93,1.48-1.33,1.69-1.85-1.44c-.5.47-1.08.83-1.74,1.08-.65.25-1.37.38-2.15.38ZM21.12,27.02c.42,0,.82-.07,1.19-.21.37-.14.7-.33.99-.57l-1.69-1.33,1.28-1.64,1.6,1.24c.11-.3.19-.62.25-.97.06-.35.09-.71.09-1.1,0-.92-.15-1.73-.46-2.42-.31-.69-.73-1.22-1.29-1.6-.55-.38-1.21-.57-1.96-.57s-1.4.19-1.96.57-1,.91-1.3,1.6c-.31.69-.46,1.5-.46,2.42s.15,1.71.46,2.4c.31.69.74,1.22,1.3,1.6s1.22.57,1.96.57Z"/><path fill="%236f5a49" d="M30.87,28.95c-.37,0-.69-.13-.96-.4s-.4-.58-.4-.95.13-.71.4-.97.59-.4.96-.4.69.13.96.4.4.59.4.97-.13.69-.4.95-.59.4-.96.4Z"/></svg>');
  border-radius: 50%;
  background-color: #fff;
}

.qa-icon--a {
  transform: translateY(-10%);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 42.87 42.87"><path fill="%236f5a49" d="M15.62,28.16l4.81-12.6h1.84l4.81,12.6h-2.36l-.97-2.77h-4.84l-.97,2.77h-2.3ZM19.58,23.46h3.49l-1.73-4.91-1.76,4.91Z"/><path fill="%236f5a49" d="M30.47,28.36c-.37,0-.69-.13-.96-.4s-.4-.58-.4-.95.13-.71.4-.97.59-.39.96-.39.69.13.96.39.4.59.4.97-.13.69-.4.95-.59.4-.96.4Z"/></svg>');
}

.tab__common-link,.tab__common-link-item {
  width: clamp(min(calc(170vw / 3.75),170px),calc(220vw / 11.7),220px);
}
@media screen and (max-width: 768px) {
.tab__common-link,.tab__common-link-item {
  width: 100%;
  max-width: 170px;
}
.tab__common-link {
 margin-left: 0;
}
}
   
.tab__common-link-text {
  line-height: 1.2;
  font-size: 1.6rem;
  padding-right: 3rem;
}
@media screen and (max-width: 768px) {
.tab__common-link-text {
  font-size: 1.2rem;
  padding-right: 2rem;
}
}

.tab__arrow {
  width: min(calc(26vw / 3.75),26px);
}

@media screen and (max-width: 768px) {
.about-flow {
  max-width: 225px;
  margin: 0 auto;
}
}

.about__common-link {
  margin-top: clamp(50px,calc(90vw / 11.7),90px);
}


/* お問い合わせ */

.contact-form-container {
  padding: 0;
  max-width: 800px;
  background-color: #fff;
  margin: 0 auto;
  border-radius: 30px;
}

.contact-form-title { 
  display: inline-block;
  color: #6f5a49;
  font-size: 2.8rem;
  margin-bottom: clamp(30px,calc(80vw / 11.7),80px);
  letter-spacing: 0.1em; 
}
@media screen and (max-width: 768px) {
.contact-form-title { 
  font-size: 2rem;
}
}

.contact-form-intro {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
} 
@media screen and (max-width: 768px) {
.contact-form-intro {
  font-size: 1.3rem;
  line-height: calc(24 / 14);
} 
}
.contact-form-intro--thanks {
  margin-top: clamp(30px,calc(60vw / 11.7),60px);
}

.contact-page .contact-tel {
  padding-top: 0;
  mask-image: none;
}

.contact-form-thankstitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: calc(47.1556 / 20);
}
@media screen and (max-width: 768px) {
.contact-form-thankstitle {
  font-size: 1.8rem;
  line-height: calc(28 / 18);
} 
}

.form-note {
  margin-top: 0.3em;
  font-size: 14px;
}

.form-note a {
  color: #0097c1;
  text-decoration: underline;
}

.details-head {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px 25px;
  padding-bottom: clamp(20px,calc(35vw / 11.7),35px);
  border-bottom: 1px solid #6f5a49;
}

@media screen and (max-width: 768px) {
.details-head {
  flex-direction: column;
}
}

.details-title {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: calc(40 / 26);
}
@media screen and (max-width: 768px) {
.details-title {
  font-size: 1.8rem;
}
}

.details-date {
  display: inline-block;
  padding: 5px 20px;
  border-radius: 5px;
  background-image: var(--bg-zarazara-pink);
}

.details-date p {
  font-size: 1.9rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
.details-date p {
  font-size: 1.5rem;
}
}

.details-contents {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: clamp(20px,calc(35vw / 11.7),35px);
}

.details-contents p {
  font-size: 1.8rem;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .details-contents p {
    font-size: 1.4rem;
  }
}

.details-contents h1,
.details-contents h2,
.details-contents h3,
.details-contents h4,
.details-contents h5,
.details-contents h6,
.details-contents li {
  line-height: 1.75;
}

.details-contents a {
  color: #0097c1;
  text-decoration: underline;
}

.details-contents a:has(img) {
  display: inline-block;
}

.details-contents a:hover {
  opacity: 0.8;
}

.details-contents h1,
.details-contents h2,
.details-contents h3,
.details-contents h4,
.details-contents h5,
.details-contents h6,
.details-contents b,
.details-contents strong {
  font-weight: bolder;
}

.details-contents blockquote {
  margin-left: 40px;
  margin-right: 40px;
}

.details-contents i,
.details-contents cite,
.details-contents em,
.details-contents var,
.details-contents address {
  font-style: italic;
}

.details-contents pre,
.details-contents tt,
.details-contents code,
.details-contents kbd,
.details-contents samp {
  font-family: monospace;
}

.details-contents pre {
  white-space: pre;
}

.details-contents button,
.details-contents textarea,
.details-contents input,
.details-contents select {
  display: inline-block;
}

.details-contents big {
  font-size: 1.17em;
}

.details-contents small,
.details-contents sub,
.details-contents sup {
  font-size: 0.83em;
}

.details-contents sub {
  vertical-align: sub;
}

.details-contents sup {
  vertical-align: super;
}

.details-contents thead,
.details-contents tbody,
.details-contents tfoot {
  vertical-align: middle;
}

.details-contents td,
.details-contents th,
.details-contents tr {
  vertical-align: inherit;
}

.details-contents s,
.details-contents strike,
.details-contents del {
  text-decoration: line-through;
}

.details-contents hr {
  border: 1px inset;
}

.details-contents ol,
.details-contents ul,
.details-contents dir,
.details-contents menu,
.details-contents dd {
  margin-left: 40px;
}

.details-contents ol {
  list-style-type: decimal;
}

.details-contents ol ul,
.details-contents ul ol,
.details-contents ul ul,
.details-contents ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

.details-contents u,
.details-contents ins {
  text-decoration: underline;
}

.details-contents center {
  text-align: center;
}

.details-contents .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.details-contents .alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.details-contents .alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

.details-contents img {
  width: auto;
  max-width: 100%;
}

.details__common-link {
  margin-top: clamp(30px,calc(80vw / 11.7),80px);
}

.common-link--return .arrow {
  right: auto;
  left: clamp(min(calc(6vw / 3.75), 6px), calc(12vw / 11.7), 12px);
  transform: translateY(-50%) rotate(180deg);
}

/* Contact Form 7 */
.wpcf7-not-valid-tip {
  margin-top: 0.5em;
  color: #f42927;
  font-size: 1.6rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .wpcf7-not-valid-tip {
    font-size: 1.3rem;
  }
}

.wpcf7-not-valid {
  background-color: #ffd6d6 !important;
}