/*! 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 { margin: 0; color: #A18366;}
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 Maru Gothic", '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'Noto Sans JP', sans-serif;}
@media screen and (max-width: 820px) {
  .sp-none { display: none !important;}}
@media screen and (min-width: 768px) {
  .pc-none {display: none !important;}}
.hidden { display: none !important;}
.image { display: block; width: 100%;}
.wrapper {position: relative; overflow:clip;} /* overflowは適宜hiddenに変更 */
.container {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(100px,calc(200vw / 14),200px);
  padding-right: clamp(100px,calc(200vw / 14),200px);
}
@media screen and (max-width: 820px) {
.container {
  padding-left: min(calc(25vw / 3.75),25px);
  padding-right: min(calc(25vw / 3.75),25px);
}
}

body * { min-height: 0vw;} 
a * {pointer-events: none;} 
.WBR { word-break: keep-all; overflow-wrap: anywhere; } 
img ,svg { width: 100%; height: auto; object-fit: contain; }

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

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

/*!////////////////////////////////////////////*/
/*!//////////// ↑↑↑common↑↑↑ ////////////*/
/*!////////////////////////////////////////////*/



@media screen and (max-width: 820px) {
  body.hd-ac {
    overflow: clip;
  }
}

main {
  position: relative;
}

.wrapper {
  background-color: #F4EEE0;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 700;
  background-color: #fff;
  padding: min(calc(40vw / 14),40px) 0 min(calc(17vw / 14),17px);
  transition: .3s;
  background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-repeat: top left;
}
@media screen and (max-width: 820px) {
  .header {
    padding: 10px 0 15px;
  }
}

.page-top .header {
  background-color: transparent;
  background-size: 100% 0;
  background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));
}

.header-container {
  padding-right: calc(190vw / 14);
  padding-left: calc(40vw / 14);
  width: 100%;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 820px) {
  .header-container {
    padding-right: calc(40vw / 3.75);
    padding-left: 20px;
  }
}

.header a {
  position: relative;
  display: block;
}

.header-logo {
  display: block;
  width: clamp(115px,calc(180vw / 14),180px);
  transition: .3s;
}
.header-logo:hover {
  transform: scale(.97);
  opacity: .8;
}

.header-button {
  position: relative;
  display: block;
  width: 20px;
  height: 18px;
  background-image: linear-gradient(#A18366,#A18366);
  background-size: 100% 2px;
  background-position: right center;
  background-repeat: no-repeat;
  margin-left: auto;
  cursor: pointer;
  transition: .3s;
}
.header-button:hover {
  transform: scale(1.5);
}
.header-button::before ,.header-button::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  top: 0;
  background-color: #A18366;
  width: 100%;
  height: 2px;
  transition: .3s;
  pointer-events: none;
}
.header-button::after {
  top: 100%;
  transform: translate(-50%,-100%);
}

.header-button-2 {
  display: none;
}

.hd-ac .header-button-1 {
  display: none;
}

.hd-ac .header-button-2 {
  display: block;
  background-size: 0% 2px;
  transform-origin: center;
}
.hd-ac .header-button-2::before {
  width: 22px;
  top: 50%;
  transform: translate(-50%,-50%) rotate(-45deg);
}
.hd-ac .header-button-2::after {
  width: 22px;
  top: 50%;
  transform: translate(-50%,-50%) rotate(45deg);
}
.hd-ac .header-button-2:hover {
  transform: scale(1.5);
}

@media screen and (max-width: 820px) {
  .hd-ac .header-contents {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: min(calc(40vw / 10),40px) calc(40vw / 3.75) 120px;
  }
}

.header-list {
  display: none;
}
@media screen and (min-width: 821px) {
  .header-list {
    display: grid;
    grid-auto-flow: column;
    grid-auto-rows: 100%;
    grid-auto-columns: min(calc(150vw / 14),150px);
    place-items: center;
  }

}
@media screen and (max-width: 820px) {
  .hd-ac .header-list {
    display: grid;
    grid-template-columns: 1fr;
    max-height: 400px;
    height: 100%;
    border-top: dashed 1px #A18366;
    margin-top: 20px;
  }
}

.header-list a {
  width: 100%;
  border-right: dashed 1px #A18366;
  height: 100%;
  display: flex;
  align-items: center;
  transition: .3s;
}
.header-list a:last-of-type {
  border: none;
}
@media screen and (min-width: 821px) {
  .header-list a {
    justify-content: center;
    text-align: center;
  }
  .page-top .header-list a.header-item-link--top {
    opacity: 0;
    pointer-events: none;
  }
}
@media screen and (max-width: 820px) {
  .header-list a {
    position: relative;
    border-right: none;
    border-bottom: dashed 1px #A18366;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-list a::after {
    content: "";
    display: block;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9.54 15.45"><path fill="%23a18366" d="M.75,15.45c-.21,0-.42-.09-.57-.26-.27-.31-.24-.79,.07-1.06L7.64,7.73,.26,1.32C-.05,1.05-.09,.57,.18,.26,.45-.05,.93-.09,1.24,.18L9.28,7.16c.16,.14,.26,.35,.26,.57s-.09,.42-.26,.57L1.24,15.27c-.14,.12-.32,.18-.49,.18Z"/></svg>');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    width: min(calc(9.5395vw / 3.75),9.5395px);
    height: auto;
    aspect-ratio: 9.5395 / 15.4506;
  }
}

.header-list a p {
  color: #A18366;
  font-size: clamp(12px,calc(16vw / 14),16px);
  font-weight: 700;
  line-height: 1.25;
  transition: .3s;
}
@media screen and (max-width: 820px) {
  .header-list a p {
    font-size: 15px;
  }
}
.header-list a:hover p {
  transform: translateY(-5px) scale(1.1);
  filter: drop-shadow(0 8px 1px rgba(0,0,0,.1));
}

.top {
  position: relative;
}

.top h1 {
  width: 100%;
}

.top p {
  position: absolute;
  left: calc(200vw / 14);
  bottom: calc(50vw / 14);
  font-size: calc(30vw / 14);
  font-weight: 700;
  line-height: 1.75;
}
@media screen and (max-width: 820px) {
.top p {
  left: calc(25vw / 3.75);
  bottom: calc(30vw / 3.75);
  font-size: calc(22vw / 3.75);
}
}

.tuiju-link {
  z-index: 500;
  position: fixed;
  right: 0;
  top: max(140px,calc(140vw / 14));
  transform: translate(6px,0);
  max-width: 153px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  row-gap: 8px;
}
@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  .tuiju-link {
    position: sticky;
    top: calc(100% - 85px);
    left: auto;
    transform: translate(0, 0);
    max-width: 450px;
    height: 85px;
    overflow: clip;
    width: 100%;
    margin: 0 auto;
    flex-wrap: nowrap;
  }
}

@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  .tuiju-link .sp-none {
    display: none;
  }
}


.tuiju-link * {
  font-weight: 700;
  line-height: 1.1;
}

.tuiju-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 3px;
  border: clamp(3px,calc(4vw / 10),4px) solid #fff;
  width: 100%;
  height: 230px;
  text-align: center;
  transition: .3s;
  border-radius: 45px 0 0 45px;
}
@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  .tuiju-link a {
    width: 50%;
    height: 100%;
  }
}

.tuiju-link a:hover {
  transform: scale(.98);
  transform-origin: bottom;
  filter: drop-shadow(0 5px 3px rgba(0,0,0,.2));
}

a.tuiju-link--inochi {
  background-color: #E9A35E;
}
a.tuiju-link--kurashiki {
  background-color: #77B241;
}
@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  a.tuiju-link--inochi ,a.tuiju-link--kurashiki {
    border-radius: 20px 20px 0 0 ;
    border-bottom: 1px;
  }
}
@media screen and (max-width: 410px) {
  a.tuiju-link--inochi {
    border-radius: 0 20px 0 0 ;
    padding-right: 5px;
    border-left: none;
  }
  a.tuiju-link--kurashiki {
    border-radius: 20px 0 0 0 ;
    padding-left: 5px;
    border-right: none;
  }
}

.tuiju-link-name {
  color: #fff;
  font-size: 18px;
}
@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  .tuiju-link-name {
    font-size: min(calc(15vw / 3.75),15px);
  }
}


@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  .tuiju-link-denwawokakeru {
    display: inline-flex;
    align-items: center;
  }
}

.tuiju-link-denwawokakeru-icon {
  display: inline-block;
  width: 55.5254px;
  height: 47.0059px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 55.53 47.01"><path fill="%23ffffff" d="M43.29,1.09c10.84,.81,15.44,14.43,9.84,25.77-5.61,11.35-16.36,20.14-25.59,20.14-11.71,0-23.67-11.11-26.34-21.45C-2.5,11.28,2.65,.93,12.83,.06c6.04-.52,9.11,2.43,10.54,4.02,1.94,2.14,5.66,2.9,7.94,1.69,3.65-1.93,5.38-5.18,11.98-4.68Z"/><path fill="%23a18366" d="M14.77,15.72c-.07,2.24,.29,6.7,3.92,12.79,3.63,6.09,7.38,8.53,9.38,9.54,2.01,1,4.59,.75,5.98-.17,1.39-.92,1.46-1.48,1.35-2.18-.11-.67-.56-1.68-2.28-3.23-1.53-1.38-2.27-1.58-2.83-1.8-.57-.21-1.78-.28-2.15,.55-.25,.57-.53,1.22-.99,1.35-.54,.16-1.18-.21-1.73-.76-1.09-1.09-2.76-3.57-3.68-5.13-.93-1.55-2.31-4.2-2.75-5.68-.22-.74-.24-1.48,.16-1.88,.34-.34,1.04-.28,1.66-.22,.9,.08,1.42-1.03,1.5-1.63,.08-.6,.26-1.35-.23-3.35-.54-2.24-1.22-3.13-1.75-3.54-.56-.43-1.08-.64-2.56,.15-1.47,.79-2.92,2.94-3,5.18Z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: .3s;
}
@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  .tuiju-link-denwawokakeru-icon {
    width: min(calc(27.6694vw / 3.75),27.6694px);
    height: min(calc(23.4239vw / 3.75),23.4239px);
  }
}
.tuiju-link a:hover .tuiju-link-denwawokakeru-icon {
  transform: rotate3d(0,1,0,350deg) scale(.8);
  transition: .6s;
}

.tuiju-link-denwawokakeru-text {
  display: inline-block;
  color: #FFFF71;
  font-size: clamp(21px,calc(28vw / 10),28px);
  padding: 0 5px;
  white-space: nowrap;
}
@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  .tuiju-link-denwawokakeru-text {
    font-size: min(calc(21vw / 3.75),21px);
  }
}

.tuiju-link-time {
  background-color: #fff;
  border-radius: 5px;
  font-size: 16px;
  line-height: 1;
  padding: 3px 5px;
}
@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  .tuiju-link-time {
    font-size: min(calc(14vw / 3.75),14px);
    padding: 3px min(calc(4vw / 3.75),4px);
  }
}

.tuiju-link--inochi .tuiju-link-time {
  color: #E9A35E;
}

.message {
  padding: clamp(45px,calc(145px),145px) 0;
}
@media screen and (max-height: 600px), screen and (max-width: 1040px) {
  .message {
    padding: 0 0 45px;
  }
}

.message-list {
  display: grid;
  grid-template-columns: repeat(auto-fit,clamp(280px,calc(480vw / 10),480px));
  gap: 30px min(calc(30vw / 13),30px);
  justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 820px) {
.message-list {
  grid-template-columns: 1fr;
  max-width: 375px;
}
}

.message-list * {
  color: #fff;
}

.message-list-link {
  grid-template-columns: calc(210% / 4.8) 1fr;
  gap: clamp(10px,calc(16vw / 13),16px);
  padding: clamp(40px,calc(53vw / 10),53px) 0 clamp(75px,calc(105vw / 10),105px);
  background-color: #94BB6B;
  justify-content: center;
}
.message-list-link--orange {
  background-color: #E9A35E;
}
@media screen and (max-width: 820px) {
.message-list-link {
  gap: min(calc(10vw / 3.75),10px);
  grid-template-columns: calc(128% / 3.233607) 1fr;
}
}

.kadomaru-box {
  border-radius: clamp(80px,calc(152vw / 10),152px);
}

.message-list-link:hover {
  transform: translateY(2px);
  filter: drop-shadow(-1px -3px 5px rgba(0,0,0,.2));
  /* box-shadow: 1px 2px 3px rgba(0,0,0,.2); */
}

.link_bar {
  transition: .3s;
  position: relative;
}


.link_bar_button {
  display: block;
  position: absolute;
  right: 50%;
  bottom: clamp(43px,calc(60vw / 10),60px);
  width: clamp(30px,calc(63vw / 10),63px);
  height: 2px;
  transition: .3s;
  transform: translateX(50%);
}

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

.link_bar_button span::before ,.link_bar_button span::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: .3s;
  transform-origin: 0;
}

.link_bar_button span::before {
  background-color: #fff;
  border-radius: 3px;
}

.link_bar_button span::after {
  top: 1px;
  width: 25px;
  height: auto;
  aspect-ratio: 1;
  background-image: 
  radial-gradient( circle at center 50%, white 3.75px, transparent 3.75px) ,
  radial-gradient( circle at center 50%, rgba(255,255,255,.4) 50%, transparent 50%);
  transform: translate(-50%,-50%);
}
.link_bar:hover .link_bar_button span::after {
  width: 35px;
  transform: translate(-50%,-50%);
  left: 100%;
}
@media screen and (max-width: 820px) {
.link_bar .link_bar_button span::after {
  width: 20px;
  transform: translate(-50%,-50%);
  left: 100%;
}
.link_bar:hover  span::after {
  width: 28px;
}
}

.message-list-h {
   grid-area: 1 / 1 / 2 / 3;
   text-align: center;
  font-size: clamp(20px,calc(28vw / 10),28px);
  font-weight: 700;
}

.message-list-img {
  padding-left: clamp(20px,calc(50vw / 10),50px);
}

.message-list-t {
  font-size: clamp(14px,calc(18vw / 10),18px);
  font-weight: 700;
  line-height: calc(35 / 18);
}

.message-text {
  position: relative;
  padding: clamp(45px,calc(100vw / 10),100px) 40px;
  text-align: center;
}

.message-text p {
  font-size: clamp(16px,calc(20vw / 10),20px);
  font-weight: 700;
  line-height: 4;
}
@media screen and (max-width: 820px) {
  .message-text p {
    line-height: calc(40 / 16);
  }
}

.window {
  background-color: #fff;
  text-align: center;
}

.kadomaru-wrapper {
  padding: 95px 0;
  background-color: #fff;
  border-radius: clamp(50px,calc(100vw / 10),100px) clamp(50px,calc(100vw / 10),100px) 0 0;
  transform: translateY(-95px);
}
@media screen and (max-width: 820px) {
  .kadomaru-wrapper {
    padding: 50px 0;
    transform: translateY(-50px);
  }
}

.common-title {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 25px;
  margin-bottom: 40px;
}

.common-title h2 {
  font-size: clamp(20px,calc(30vw / 10),30px);
  font-weight: 700;
  line-height: calc(38 / 18);
  line-height: 1.45;
  text-align: center;
}

.window .common-title h2 {
  color: #94BB6B;
}

.common-title-text {
  font-weight: clamp(14px,calc(18vw / 10),18px);
  font-weight: 500;
  line-height: calc(38 / 18);
}

.window-point {
  grid-template-columns: repeat(auto-fit,clamp(280px,calc(380vw / 10),380px));
  gap: clamp(20px,calc(25vw / 10),25px);
  justify-content: center;
}

.window-point-item--pink {
  background-color: #FFE4E6;
}
.window-point-item--orange {
  background-color: #FFEBD8;
}
.window-point-item--green {
  background-color: #E9F0D5;
}

.window-point-item {
  display: flex;
  row-gap: 5px;
  flex-direction: column;
  justify-content: center;
  padding-top: 30px;
  padding-bottom: 20px;
  border-radius: clamp(80px,calc(120vw / 10),120px);
  transition: .3s;
  filter: drop-shadow(0 2px 0 rgba(0,0,0,0));
}

.window-point-item:hover {
  transform: translateY(2px) scale(.98);
  filter: drop-shadow(-1px -2px 3px rgba(0,0,0,.1));
  /* box-shadow: 2px 3px 10px rgba(0,0,0,.15); */
}

.window-point-h {
  font-size: clamp(16px,calc(24vw / 10),24px);
  font-weight: 700;
  line-height: calc(27 / 24);
}
.window-point-item--pink h3 {
  color: #F28795;
}
.window-point-item--orange h3 {
  color: #E9A35E;
}
.window-point-item--green h3 {
  color: #94BB6B;
}

.window-point-text {
  text-align: left;
  padding-left: clamp(35px,calc(50vw / 10),50px);
}

.window-point-text p {
  position: relative;
  display: inline-block;
  font-size: clamp(13px,calc(18vw / 10),18px);
  font-weight: 500;
  text-align: left;
}

.window-point-text p::before {
  content: "●";
  display: inline-block;
  font-size: clamp(11px,calc(15vw / 10),15px);
  font-weight: 500;
  padding-right: 3px;
}
.window-point-item--pink .window-point-text p::before {
  color: #F28795;
}
.window-point-item--orange .window-point-text p::before {
  color: #E9A35E;
}
.window-point-item--green .window-point-text p::before {
  color: #94BB6B;
}

.window-point-img {
  padding: 0 clamp(35px,calc(50vw / 10),50px);
  transition: .3s;
}

.window-point-item:hover .window-point-img {
  transform: scale(.95);
}
.others {
background-color: #F4EEE0;
}

.others .kadomaru-wrapper {
background-color: #F4EEE0;
}

.others-list-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: clamp(30px,calc(50vw / 10),50px);
  overflow: clip;
}
@media screen and (max-width: 820px) {
.others-list-link {
  margin: 0 auto;
  max-width: 500px;
}
}

.others-list-link:hover {
  transform: translateY(2px);
  filter: drop-shadow(-1px -3px 5px rgba(0,0,0,.1));
}

.others-list-link-head {
  min-width: clamp(300px,calc(350vw / 10),350px);
  min-height: clamp(56px,calc(100vw / 10),100px);
  background-color: #E9A35E;
  flex: 1;
  padding: 10px 5px 10px clamp(20px,calc(45vw / 10),45px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.others-list-link-head * {
  color: #fff;
}

.others-list-link-head h3 {
  font-size: clamp(18px,calc(22vw / 10),22px);
  font-weight: 700;
  line-height: 1.25;
}

.others-list-link-head p {
  font-size: clamp(14px,calc(16vw / 10),16px);
  font-weight: 700;
  line-height: 1.25;
}

.others-list-link-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  min-width: 590px;
  min-height: clamp(56px,calc(100vw / 10),100px);
  flex: 1;
  background-color: #fff;
  column-gap: 3px;
  padding: 10px clamp(55px,calc(115vw / 10),115px) 10px clamp(7px,calc(20vw / 10),20px);
}
@media screen and (max-width: 820px) {
  .others-list-link-body {
    min-width: auto;
  }
}

.others-list-link-body .link_bar_button {
  right: clamp(30px,calc(62.5vw / 10),62.5px);
  bottom: 50%;
  transform: translate(50%,50%);
}

.others-list-link-body .link_bar_button span::before {
  background-color: #E9A35E;
}
.others-list-link-body .link_bar_button span::after {
  background-image: radial-gradient( circle at center 50%, #E9A35E 3.75px, transparent 3.75px) , radial-gradient( circle at center 50%, rgba(233,163,94,.4) 50%, transparent 50%);
}

.others-list-link-body-contact {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 2px;
  row-gap: 3px;
}

.others-list-link-body-contact-item {
  width: 195px;
  grid-template-columns: auto 1fr;
  justify-content: flex-start;
  align-items: center;
  gap: 3px;
}
@media screen and (max-width: 820px) {
.others-list-link-body-contact-item {
  width: auto;
}
}

.others-list-link-imgicon {
  max-width: clamp(40px,calc(50vw / 10),50px);
  height: clamp(27px,calc(35vw / 10),35px);
  width: 100%;
}

.others-list-link-svg--mail {
  padding: 0 7px;
}

.others-list-link-imgicon svg {
  height: 100%;
}

.others-list-link-svg {
  fill: #E9A35E;
}

.others-list-link-body-contact-item h4 {
  font-size: clamp(16.5px,calc(20vw / 10),20px);
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
  color: #E9A35E;
  font-feature-settings: "palt";
  letter-spacing: -0.025rem;
}

.others-list-link-body-contact-item p {
  font-size: clamp(12px,calc(14vw / 10),14px);
  font-weight: 500;
  line-height: calc(19 / 14);
  font-feature-settings: "palt";
}
@media screen and (min-width: 821px) {
  .others-list-link-body-contact-item p {
    word-break: normal;
    white-space: nowrap;
  }
}

.others-list-link-body-icons {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 5px;
}

.others-list-link-body-icons-item-block {
  place-items: center;
  min-width: clamp(44px,calc(60vw / 10),60px);
  min-height: clamp(44px,calc(60vw / 10),60px);
  padding: 0 3px;
  font-size: clamp(12.6px,calc(17vw / 10),17px);
  letter-spacing: -0.03rem;
  white-space: nowrap;
  font-feature-settings: "palt";
  text-align: center;
  font-weight: 700;
  line-height: 1.25;
  color: #fff;
  background-color: #A18366;
  border-radius: clamp(10px,calc(20vw / 10),20px);
}

.others-list-link-body-icons-item p {
  font-size: clamp(10px,calc(12vw / 10),12px);
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: -0.025rem;
}

.others-list-link--kakurega .others-list-link-head {
  background-color: #94BB6B;
}

.others-list-link--kakurega .others-list-link-body-contact-item {
  max-width: none;
  width: 100%;
}

.others-list-link--kakurega .others-list-link-body-contact-item h4 {
  color: #94BB6B;
  padding-left: 1rem;
}

.others-list-link--kakurega .others-list-link-body .link_bar_button span::before {
  background-color: #94BB6B;
}
.others-list-link--kakurega .others-list-link-body .link_bar_button span::after {
  background-image: radial-gradient( circle at center 50%, #94BB6B 3.75px, transparent 3.75px) , radial-gradient( circle at center 50%, rgba(148,187,107,.4) 50%, transparent 50%);
}

.kimoti {
  margin-top: clamp(45px,calc(120vw / 10),120px);
}

.gatekeeper ,.kadomaru-wrapper {
  background-color: #fff;
}

.gatekeeper .kadomaru-wrapper {
  padding-bottom: 50px;
}
@media screen and (max-width: 820px) {
.gatekeeper .kadomaru-wrapper {
  padding-bottom: 25px;
}
}

.gatekeeper .common-title  {
  row-gap: min(calc(10vw / 10),10px);
}
.gatekeeper .common-title h2 ,.gatekeeper .common-title p {
  color: #94BB6B;
}
.gatekeeper .common-title p {
  font-size: clamp(20px,calc(24vw / 10),24px);
  font-weight: 700;
  line-height: 1.45;
}

.gatekeeper-info li {
  position: relative;
  background-color: #F4EEE0;
  text-align: center;
  padding: clamp(30px,calc(60vw / 10),60px) clamp(24px,calc(100vw / 10),100px);
}
@media screen and (max-width: 820px) {
  .gatekeeper-info li {
    padding: clamp(30px,calc(60vw / 10),60px) 25px 120px;
    max-width: 450px;
    margin: 0 auto;
  }
  .gatekeeper-info li.gatekeeper-info--deco--3 {
    padding-bottom: 135px;
  }
}

.gatekeeper-info h3 {
  position: relative;
  z-index: 1;
  color: #E9A35E;
  font-size: clamp(20px,calc(30vw / 10),30px);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: clamp(20px,calc(30vw / 10),30px);
  filter: drop-shadow(0 0 2px #F4EEE0);
}

.gatekeeper-info-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  column-gap: 5px;
  row-gap: 20px;
}
@media screen and (max-width: 820px) {
.gatekeeper-info-flex {
  flex-direction: column;
  align-items: center;
}
}

.clover {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  place-items: center;
  width: 170px;
  height: 170px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 168.91 167.88"><path fill="%2394bb6b" d="M37.62,5c12-11.33,31.15-2.19,38.99,15.35,9.49,21.23,7.03,42.63-2.43,52.99-10.43,11.42-37.86,11.53-52.19,3.94C2.19,66.8-4.15,50.43,5.29,38.11c5.6-7.31,12.05-7.73,15.3-7.71,4.38,.02,9.05-3.39,10.02-7.17,1.57-6.07-.3-11.33,7-18.23Z"/><path fill="%2394bb6b" d="M131.29,162.89c-12,11.33-31.15,2.19-38.99-15.35-9.49-21.23-7.03-42.63,2.43-52.99,10.43-11.42,37.86-11.53,52.19-3.94,19.79,10.47,26.13,26.84,16.69,39.16-5.6,7.31-12.05,7.73-15.3,7.71-4.38-.02-9.05,3.39-10.02,7.17-1.57,6.07,.3,11.33-7,18.23Z"/><path fill="%2394bb6b" d="M5.35,131.56c-11.66-11.68-3.06-31.07,14.25-39.4,20.95-10.08,42.42-8.22,53.03,.95,11.7,10.11,12.59,37.52,5.41,52.06-9.91,20.07-26.1,26.87-38.68,17.78-7.46-5.4-8.06-11.83-8.14-15.08-.11-4.38-3.64-8.95-7.45-9.82-6.11-1.4-11.32,.62-18.42-6.49Z"/><path fill="%2394bb6b" d="M163.56,36.33c11.66,11.68,3.06,31.07-14.25,39.4-20.95,10.08-42.42,8.22-53.03-.95-11.7-10.11-12.59-37.52-5.41-52.06C100.78,2.64,116.97-4.16,129.55,4.94c7.46,5.4,8.06,11.83,8.14,15.08,.11,4.38,3.64,8.95,7.45,9.82,6.11,1.4,11.32-.62,18.42,6.49Z"/></svg>') ;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding: clamp(12px,calc(17vw / 10),17px) clamp(4px,calc(15vw / 10),15px);
  column-gap: clamp(2px,calc(6vw / 10),6px);
}


.clover-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.clover-wrapper * {
  font-size: 16px;
  text-align: center;
  font-weight: 700;
}

.clover p {
  color: #fff;
  line-height: .7;
  font-size: clamp(12.8px,calc(16vw / 10),16px);
}

.clover-yakuwari {
  color: #94BB6B;
  line-height: 1.25;
  margin-bottom: 3px;
}

.gatekeeper-info-text {
  width: auto;
  flex: 1;
  min-width: 250px;
  padding-right: 120px;
}
.gatekeeper-info--deco--1 .gatekeeper-info-text {
  max-width: 620px;
  padding-right: 0;
}
.gatekeeper-info--deco--3 .gatekeeper-info-text {
  padding-right: 200px;
}
@media screen and (max-width: 820px) {
.gatekeeper-info-text ,.gatekeeper-info--deco--3 .gatekeeper-info-text {
  min-width: 150px;
  padding-right: 0;
}
}

.gatekeeper-info-text p {
  text-align: left;
  font-size: clamp(16px,calc(18vw / 10),18px);
  font-weight: 500;
  line-height: calc(26 / 16);
}
@media screen and (min-width: 821px) {
  .gatekeeper-info-text p {
  word-break: keep-all; overflow-wrap: anywhere;
  }
}
@media screen and (max-width: 820px) {
  .gatekeeper-info-text p {
  text-align: justify;
  }
}

.gatekeeper-info--deco::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 100%;
  background-image: url(../img/gatekeeper_deco1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  width: clamp(150px,calc(192vw / 10),192px);
  height: auto;
  aspect-ratio: 192 / 177;
  pointer-events: none;
}
.gatekeeper-info--deco--1::before {
  right: 50%;
  bottom: calc(100% + clamp(45px,calc(60vw / 10),60px));
  transform: translate(calc(50% + clamp(225px,calc(300vw / 14),300px)),100%);
}
.gatekeeper-info--deco--2::before { 
  background-image: url(../img/gatekeeper_deco2.png);
  right: clamp(35px,calc(50vw / 10),50px);
  bottom: 50%;
  transform: translateY(50%);
}
.gatekeeper-info--deco--3::before { 
  background-image: url(../img/gatekeeper_deco3.png);
  right: clamp(50px,calc(120vw / 10),120px);
  bottom: 50%;
  transform: translateY(50%);
}
@media screen and (max-width: 820px) {
  .gatekeeper-info--deco::before {
    right: 50%;
    bottom: 0;
    transform: translate(50%,10%);
  }
}

.gatekeeper-link-wrapper {
text-align: center;
margin: clamp(30px,calc(50vw / 10),50px) auto 0;
}

.gatekeeper-link ,.sien-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background-color: #E9A35E;
  color: #fff;
  font-size: clamp(13px,calc(18vw / 10),18px);
  font-weight: 700;
  padding: 20px clamp(10px,calc(20vw / 10),20px) 20px clamp(15px,calc(35vw / 10),35px);
  border-radius: 30px;
}
@media screen and (max-width: 820px) {
.gatekeeper-link ,.sien-link {
  display: flex;
  max-width: 350px;
  width: 100%;
  margin: 0 auto;
}
}

.gatekeeper-link:hover ,.sien-link:hover {
  filter: drop-shadow(-1px -3px 5px rgba(0,0,0,.1));
  /* box-shadow: 1px 2px 3px rgba(0,0,0,.2); */
  transform: translateY(2px);
}

.gatekeeper-link .link_bar_button,.sien-link .link_bar_button {
  position: static;
  transform: translate(0,0);
  width: clamp(25px,calc(40vw / 10),40px);
  margin-left: clamp(5px,calc(15vw / 10),15px);
  flex-shrink: 0;
}

.genjo-data {
  background-color: #A18366;
  display: block;
  height: clamp(180px,calc(280vw / 10),280px);
}
.genjo-data:hover {
  background-color: rgba(161,131,103,.8);
}

.genjo-data .container {
  height: 100%;
  place-items: center;
  padding-right: 250px;
  padding-left: 250px;
  max-width: 1500px;
}
@media screen and (max-width: 820px) {
  .genjo-data .container {
    padding-right: 50px;
    padding-left: 50px;
  }
}


.genjo-data p {
  color: #fff;
  text-align: center;
  font-size: clamp(18px,calc(30vw / 10),30px);
  font-weight: 700;
  line-height: 1.45;
  transition: .3s;
}

.genjo-data:hover p {
  filter: drop-shadow(0 0 3px rgba(0,0,0,.3));
}

.genjo-data .link_bar_button {
 bottom: 50%;
 transform: translateY(50%); 
}
@media screen and (min-width: 821px) {
  .genjo-data .link_bar_button {
    right: auto;
    left: calc(100% - clamp(30px,calc(63vw / 10),63px) - 180px);
  }
}
@media screen and (max-width: 820px) {
  .genjo-data .link_bar_button {
    right: 20px;
  }
}

.sien {
  padding: clamp(50px,calc(95vw / 10),95px) 0 95px;
}

.sien-items-wrapper {
  background-color: #fff;
  padding: clamp(60px,calc(70vw / 10),70px) clamp(35px,calc(135vw / 10),135px);
  text-align: center;
}
@media screen and (max-width: 820px) {
  .sien-items-wrapper {
    padding: clamp(60px,calc(70vw / 10),70px) 25px;
  }
}

.sien-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.sien-items-text {
  flex: 1;
  min-width: clamp(200px,calc(350vw / 10),350px);
}

.sien-items-text p {
  font-size: clamp(13px,calc(18vw / 10),18px);
  font-weight: 500;
  line-height: calc(38 / 18);
  text-align: left;
}
@media screen and (min-width: 821px) {
  .sien-items-text p {
    word-break: keep-all; overflow-wrap: anywhere; 
  }
}

.sien-items-img {
  width: clamp(150px,calc(200vw / 8.2),200px);
  padding: 10px 0;
}

.sien-link {
  background-color: #94BB6B;
  margin-top: clamp(20px,calc(30vw / 10),30px);
}

footer {
  background-color: #fff;
  text-align: center;
  padding-top: clamp(50px,calc(100vw / 10),100px);
}

p.copyright {
  color: #000;
  text-align: center;
  font-size: clamp(10px,calc(11vw / 8.2),11px);
  padding: clamp(25px,calc(40vw / 8.2),40px) 0;
}

.footer-title {
  position: relative;
  padding: 0 60px clamp(30px,calc(45vw / 10),45px);
}
@media screen and (max-width: 820px) {
.footer-title {
  padding: 0 min(calc(50vw / 3.75),50px) clamp(30px,calc(45vw / 10),45px);
}
}

.footer-title h2 {
  font-size: clamp(20px,calc(30vw / 10),30px);
  font-weight: 700;
  line-height: 1.45;
}

.footer-title p {
  font-size: clamp(15px,calc(18vw / 10),18px);
  font-weight: 500;
  line-height: 1.75;
}

.kurashikishi-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 10px;
  align-items:center;
  padding-bottom: clamp(20px,calc(35vw / 10),35px);
}

.kurashikishi-info-img {
  width: 255px;
  margin: 0 15px;
  display: block;
  transition: .3s;
}

.kurashikishi-info-img:hover {
  opacity: .7;
  transform: scale(.98);
}

.kurashikishi-info-text {
  width: clamp(300px,calc(350vw / 10),350px);
}
@media screen and (min-width: 821px) {
.kurashikishi-info-text {
  text-align: left;
}
}

.kurashikishi-info-text p {
  color: #505050;
  font-size: clamp(14px,calc(16vw / 10),16px);
  font-weight: 500;
  line-height: calc(30 / 16);
}

.deco-parts {
  position: absolute;
  width: clamp(27.5046px,calc(47.7511vw / 10),47.7511px);
  height: clamp(23.2846px,calc(40.4243vw / 10),40.4243px);
  mix-blend-mode: multiply;
  pointer-events: none;
}

.deco-parts svg {
  height: 100%;
}

.deco-parts--org svg { fill: #FFE2D1; }
.deco-parts--grn svg { fill: #E9F0D5; }
.deco-parts--pnk svg { fill: #FFE4E6; }
.deco-parts--ylw svg { fill: #FFECC1; }

/* message-textの飾り */
.message-text__deco-parts--1 {
  top: calc(50% - 5px);
  left: 0;
  transform: translate(0, -50%);
}
.message-text__deco-parts--2 {
  top: calc(50% + 40px);
  left: 40px;
  transform: translate(0, -50%);
}
.message-text__deco-parts--3 {
  top: calc(50% - 20px);
  right: 30px;
  transform: translate(0, -50%);
}
.message-text__deco-parts--4 {
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.message-text__deco-parts--5 {
  top: calc(50% + 60px);
  right: 30px;
  transform: translate(0, -50%);
}
@media screen and (max-width: 820px) {
.message-text__deco-parts--1 {
  top: calc(50% - 30px);
  left: 10px;
}
.message-text__deco-parts--2 {
  top: calc(50% + 25px);
  left: 0;
}
.message-text__deco-parts--3 {
  top: calc(50% - 30px);
  right: 16px;
}
.message-text__deco-parts--4 {
  top: calc(50% - 15px);
  right: 0;
}
.message-text__deco-parts--5 {
  top: calc(50% + 40px);
  right: 0;
}
}

/* window titleの飾り */
.window__common-title-deco-parts--1 {
  top: 0;
  right: 50%;
  transform: translate(calc(50% - clamp(125px,calc(250vw / 10),250px)), 0);
}
.window__common-title-deco-parts--2 {
  top: clamp(15px,calc(25vw / 10),25px);
  right: 50%;
  transform: translate(calc(50% - clamp(140px,calc(280vw / 10),280px)), 0);
}
.window__common-title-deco-parts--3 {
  top: 10px;
  left: 50%;
  transform: translate(calc(50% + clamp(100px,calc(270vw / 10),270px)), 0);
}

/* others titleの飾り ※gatekeeperと共通 */
.others__common-title-deco-parts--1 {
  top: -25px;
  right: 50%;
  transform: translate(calc(50% - clamp(125px,calc(350vw / 10),350px)), 0);
}
.others__common-title-deco-parts--2 {
  top: -2px;
  right: 50%;
  transform: translate(calc(50% - clamp(115px,calc(320vw / 10),320px)), 0);
}
.others__common-title-deco-parts--3 {
  top: 25px;
  right: 50%;
  transform: translate(calc(50% - clamp(125px,calc(390vw / 10),390px)), 0);
}
.others__common-title-deco-parts--4 {
  top: -35px;
  left: 50%;
  transform: translate(calc(50% + clamp(80px,calc(280vw / 10),280px)), 0);
}
.others__common-title-deco-parts--5 {
  top: 10px;
  left: 50%;
  transform: translate(calc(50% + clamp(100px,calc(330vw / 10),330px)), 0);
}
@media screen and (max-width: 820px) {
.others__common-title-deco-parts--1 { top: 5px; }
.others__common-title-deco-parts--2 {
  top: 20px;
}
.others__common-title-deco-parts--3 {
  top: 45px;
}
.others__common-title-deco-parts--4 {
  top: 15px;
}
.others__common-title-deco-parts--5 {
  top: 50px;
}
}

/* kimoti titleの飾り */
.kimoti__common-title-deco-parts--1 {
  top: -20px;
  right: 50%;
  transform: translate(calc(50% - clamp(130px,calc(300vw / 10),320px)), 0);
}
.kimoti__common-title-deco-parts--2 {
  top: 35px;
  right: 50%;
  transform: translate(calc(50% - clamp(150px,calc(370vw / 10),390px)), 0);
}
.kimoti__common-title-deco-parts--3 {
  top: -30px;
  left: 50%;
  transform: translate(calc(50% + clamp(100px,calc(300vw / 10),300px)), 0);
}
.kimoti__common-title-deco-parts--4 {
  top: -10px;
  left: 50%;
  transform: translate(calc(50% + clamp(120px,calc(340vw / 10),340px)), 0);
}
@media screen and (max-width: 820px) {
.kimoti__common-title-deco-parts--1 { top: 5px; }
.kimoti__common-title-deco-parts--2 { top: 30px; }
.kimoti__common-title-deco-parts--3 { top: 10px; }
.kimoti__common-title-deco-parts--4 { top: 30px; }
}


/* gatekeeper titleの飾り ※othersと共通 */
.gatekeeper__common-title-deco-parts--3 {
  transform: translate(calc(50% - clamp(170px,calc(390vw / 10),390px)), 0);
}
@media screen and (max-width: 820px) {
.gatekeeper__common-title-deco-parts--3 {
  top: 35px;
}
}

/* footer titleの飾り */
.footer__title-deco-parts--1 {
  top: 15px;
  right: 50%;
  transform: translate(calc(50% - clamp(155px,calc(380vw / 10),380px)), 0);
}
.footer__title-deco-parts--2 {
  top: clamp(25px,calc(45vw / 10),45px);
  right: 50%;
  transform: translate(calc(50% - clamp(135px,calc(360vw / 10),360px)), 0);
}
.footer__title-deco-parts--3 {
  top: 30px;
  left: 50%;
  transform: translate(calc(50% + clamp(120px,calc(280vw / 10),280px)), 0);
}