/* === リセット & フォント === */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /*outline: 1px solid;*/
}

body {
  font-family: "Zen Kaku Gothic New","Zen Old Mincho","Hiragino Mincho ProN", "MS PMincho",'Noto Serif JP',"Hiragino Kaku Gothic ProN",'Noto Sans JP' ,sans-serif;
  color: #7d695f;
  background: #fff;
  line-height: 1.8;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  /*background-color: #fac0c6;*/
}

section {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}


/*========================================
  loading
========================================*/
#loading {
  display: none;
}

#main-content {
  position: relative;
}

/*========================================
  header,hero
========================================*/
.header {
  position: relative;
}

.header__inner {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #36064B;
  height: 5vw;
  align-items: center;
}

.header__logo {
  width: 15vw;
  margin-left: 2vw;
}

.header__logo img {
  width: 100%;
}

.header__btn {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.header__btn__inner {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 2vw;
  margin-left: auto;
}

.header__recrute__btn {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 9.5vw;
  top: 5%;
}

.header__recrute__btn-text {
  position: absolute;
  color: #fff;
  width: 100%;
  height: 100%;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  font-size: 1.1vw;
  line-height: 1;
  font-weight: 500;
}

.header__recrute__btn-bg {
  position: relative;
  top: 0;
  width: 100%;
}

.header__recrute__btn-bg img {
  width: 100%;
}

/* ここから下がハンバーガーメニューに関するCSS */

.header__hamburger {
  background: #fff;
  position: relative;
}
  
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {
  display: flex;
  height: 5vw;
  width: 5vw;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 0.3vw;
  width: 3.5vw;
  border-radius: 3px;
  background: #36064B;
  transition: 0.5s;
  position: absolute;
}

/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 1vw;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 1vw;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #e9d2f3;
  transition: .5s;
}

/* メニュー黒ポチを消す */
.nav_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.nav_item {
  font-size: 2vw;
}

.nav_item-btn {
  text-decoration: none;
  color: #000;
  font-family: "Zen Old Mincho", serif;
  letter-spacing: 0.5vw;
  font-weight: 400;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}




/* ----- hero ----- */
.hero {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.hero__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  text-align: center;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3.5vw;
  padding-bottom: 3.5vw;
}

.hero__subcopy {
  font-size: 2vw;
  font-weight: 400;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
}

.hero__ornament {
  width: 65%;
  display: flex;
}

.hero__ornament img {
  width: 100%;
}

.hero__main-img {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  text-align: center;
  gap: 5vw;
  position: relative;
  left: 2vw;
}

.hero__img__watch {
  display: block;
  width: 12vw;
  align-self: flex-end;
  margin-right: 2vw;
}

.hero__img__mirror {
  display: block;
  width: 20vw;
  transform: scaleY(1.03);
}

.hero__img__glass {
  display: block;
  width: 20vw;
  align-self: flex-start;
  margin-left: -2vw;
  transform: translateY(-4vw);
}

.hero__maincopy {
  font-size: 5.5vw;
  width: 40vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero__maincopy img {
  width: 100%;
}

.hero__maincopy-light {
  position: absolute;
  top: 0;
  mix-blend-mode: screen;
}

.hero__bg-ornament {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.hero__bg-ornament img {
  width: 100%;
}

.hero__bg-cloud-back-left {
  position: absolute;
  width: 20vw !important;
  display: block;
  left: 15%;
  top: 10%;
}

.hero__bg-cloud-back-right {
  position: absolute;
  width: 20vw !important;
  display: block;
  right: 10%;
  top: 15%;
}

.hero__bg-cloud-front-left {
  position: absolute;
  width: 55vw !important;
  display: block;
  left: -18%;
  bottom:5%;
}

.hero__bg-cloud-front-right {
  position: absolute;
  width: 40vw !important;
  display: block;
  right: 0;
  bottom: 0;
}

.hero__bg-bottom {
  position: absolute;
  display: block;
  margin-left: auto;
  margin-right: auto;
  bottom: -26.5%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.hero__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}

.hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/*========================================
  introduction
========================================*/

/*----- intro__recommend -----*/
.intro {
  position: relative;
  z-index: 0;
}

.intro__inner {
  position: relative;
  z-index: 1;
}

.intro__recommend {
  background: linear-gradient(180deg,#36064b,#c678e7);
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  text-align: center;
  z-index: -5;
}

.intro__recommend__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3vw;
  padding-bottom: 5vw;
}

.intro__features {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 7vw;
  margin-top: 3vw;
  margin-bottom: 9vw;
  left: 2vw;
}

.intro__feature {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  width: 22%;
}

.intro__feature-text {
  font-size: 1.8vw;
  color: #fff; 
  position: relative;
  margin-left: -30%;
  line-height: 0.6vw;
  font-family: "Zen Old Mincho", serif;
}

.intro__feature-detail {
  display: block;
  font-size: 2vw;
  line-height: 1.5;
}

.intro__feature__ornament {
  position: absolute;
  margin-top: 60%;
  width: 11vw;
}

.intro__feature__ornament img {
  width: 100%;
}

.intro__recommend-line {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  margin-bottom: 1vw;
}

.intro__recommend-line img {
  width: 100%;
}

.intro__recommend-title {
  font-size: 2.5vw;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  letter-spacing: 0.7vw;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  margin-bottom: 2vw;
}

.intro__recommend-list {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.intro__recommend-list__inner {
  position: absolute;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  gap: 0.5vw;
  width: 70%;
}

.intro__recommend-list__inner li + li  {
  border-top: 0.2vw dotted  #BFAFA2;
}

.intro__recommend-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  text-align: left;
  gap: 1vw;
}

.intro__recommend-checkbox {
  width: 2vw;
}

.intro__recommend-text {
  font-size: 2vw;
  color: #242424;
  letter-spacing: 0.3vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
}

.intro__recommend-list__bg  {
  position: relative;
  top: 0;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  z-index: -1;
  width: 47vw;
}

.intro__recommend-list__bg img {
  width: 100%;
}

.intro__recommend__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.intro__recommend__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/*----- intro__cta -----*/
.intro__cta {
  position: relative;
}

.intro__cta__inner {
  position: relative;
  padding-top: 7vw;
  padding-bottom: 5vw;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.intro__cta-grid {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  text-align: left;
  align-items: center;
  width: fit-content;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  left: -1.5vw;
  transform: translateX(4vw);
}

.intro__cta-person {
  display: block;
  width: 25vw;
  position: relative;
  /*margin-right: -5vw;*/
  transform: translateX(-4vw);
}

.intro__cta-person img {
  width: 100%;
}

.intro__cta-right {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1vw;
}

.intro__cta-copy {
  font-size: 2vw;
  line-height: 1.3;
  color: #fff;
  letter-spacing: 0.5vw;
  transform: translate(1vw,-1vw);
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
}

.intro__cta-store {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-self: flex-end;
  gap: 1vw;
  align-items: center;
}

.intro__cta-store1, .intro__cta-store2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
  gap: 1vw;
  align-items: center;
}

.intro__cta-name {
  font-size: 1.5vw;
  color: #fff;
  width: fit-content;
}

.intro__cta-store-image {
  width: 16vw;
}

.intro__cta-store2 p {
  transform: translateX(-1vw);
}

.intro__cta-button {
  display: flex;
  flex-direction: column;
  width: 30vw;
  color: #fff;
  font-size: 2.5vw;
  text-decoration: none;
  align-items: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.intro__cta__btn__text {
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  color: #694800;
  z-index: 1;
  font-family: "Zen Old Mincho", serif;
  font-weight: 800;
}

.intro__cta__btn__bg {
  position: relative;
  z-index: -1;
  width: 30vw;
}

.intro__cta__btn__bg img {
  width: 100%;
}

.intro__cta__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.intro__cta__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*----- intro__message -----*/
.intro__message {
  position: relative;
  /*background-color: #eddaed;*/
}

.intro__message__inner {
  position: relative;
  padding-top: 9vw;
  padding-bottom: 5vw;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
  align-items: center;
  width: 62%;
  margin-left: auto;
  margin-right: auto;
  /*background-color: #fff;*/
}

.intro__message-subcopy {
  position: absolute;
  top: 4vw;
  left: 10%;
  width: 15vw;
}

.intro__message-subcopy img {
  width: 100%;
}

.intro__message-maincopy {
  margin-bottom: 2vw;
}

.intro__message__maincopy-1, .intro__message__maincopy-2 {
  position: relative;
  display: flex;
}

.intro__message__maincopy-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 4.5vw;
  font-weight: normal;
  color: #a594d0;
  line-height: 1.25;
  font-family: "Zen Old Mincho", serif;
}

/* 装飾（右：デフォルト） */
.intro__message__maincopy-ornament {
  display: flex;
  align-items: center;
  position: relative;
}


/* 線部分 */
.intro__message__maincopy-line-1, .intro__message__maincopy-line-2 {
  position: relative;
  display: block;
  height: 1px;
  background-color: #b6a8d6;
  z-index: -1;
}
.intro__message__maincopy-line-1 {
  width: 7vw;
}

.intro__message__maincopy-line-2 {
  width: 5vw;
}

/* ダイヤ画像 */
.intro__message__maincopy1-diamond {
  position: absolute;
  z-index: 0;
  right: -15%;
  width: 2vw;
  height: auto;
  filter: brightness(0) saturate(100%) invert(87%) sepia(34%) saturate(5072%) hue-rotate(198deg) brightness(88%) contrast(80%);
}

.intro__message__maincopy2-diamond {
  position: absolute;
  z-index: 0;
  left: -15%;
  width: 3vw;
  height: auto;
  filter: brightness(0) saturate(100%) invert(87%) sepia(34%) saturate(5072%) hue-rotate(198deg) brightness(88%) contrast(80%);
}

.intro__message-main {
  position: relative;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.intro__message-company {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.intro__message-company__image {
  position: relative;
  margin-bottom:  0.5vw;
  width: 18vw;
}

.intro__message-company__image img {
  width: 100%;
}

.intro__message-company__title {
  position: relative;
  font-size: 1.5vw;
  color: #8c538e;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.5;
  margin-bottom: 3vw;
}

.intro__message-company__title span {
  font-size: 2.3vw;
  margin-left: 0.5vw;
}

.intro__message-text {
  font-size: 1.8vw;
  color: #8c538e;
  text-align: left;
  line-height: 1.8;
  font-family: "Zen Old Mincho", serif;
}

.intro__message__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.intro__message__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/*========================================
  workplace
========================================*/

.workplace {
  position: relative;
}

.workplace__inner {
  position: relative;
}

/* ----- features ----- */

.workplace__features {
  position: relative;
}

.workplace__features__inner {
  position: relative;
  padding-top: 7vw;
  padding-bottom: 10vw;
  /*width: 70%;*/
  /*display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;*/
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  justify-items: center;
}

.workplace__features-title {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  width: 27vw;
  margin-left: auto;
  margin-right: auto;
}

.workplace__features-title-text {
  position: absolute;
  top: 47.5%;
  transform: translateY(-52.5%);
  color: #654600;
  font-size: 2.2vw;
  font-weight: 800;
  font-family: "Zen Old Mincho", serif;
  z-index: 1;
  letter-spacing: 0.3vw;
}

.workplace__features-title-bg {
  position: relative;
  z-index: -1;
  width: 100%;
}

.workplace__features-title-bg img {
  width: 100%;
}

.workplace__list {
  display: flex;
  flex-direction: column;
  gap: 6vw;
  /*width: 70%;*/
  margin: 0 auto;
}

.workplace__item, .workplace__item--reversed {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2vw;
  position: relative;
}

.workplace__item {
  flex-direction: row;
}

.workplace__item--reversed {
  flex-direction: row-reverse;
}

.workplace__image {
  position: relative;
  width: 22vw;
  flex-shrink: 0;
  }

.workplace__image img {
  /*width: 100%;*/
  height: auto;
  /*display: block;*/
}

.workplace__image-follow {
  width: 100%;
}

.workplace__image-easy_1 {
  width: 100%;
}

.workplace__image-easy_2 {
  width: 65%;
  left: 50%;
  transform: rotateZ(-10deg) translateX(-50%);
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*justify-self: center;*/
  position: absolute;
  top: 90%;
  z-index: 1;
}

.workplace-hybrid-1__image {
  width: 100%;
}

.workplace-hybrid-2__image {
  width: 65%;
  left: 50%;
  transform: rotateZ(10deg) translateX(-50%);
  /*margin-left: auto;*/
  /*margin-right: auto;*/
  /*justify-self: center;*/
  position: absolute;
  top: 100%;
  z-index: 1;
}

.workplace__follow__text, .workplace-hybrid-1__text {
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN",'Noto Sans JP';
  width: fit-content;
  font-size: 1.4vw;
  font-weight: 400;
  color: #FFF;
  background: #B166B1;
  padding: 0.3vw 1vw;
  line-height: 1;
  justify-self: end;
  position: absolute;
  bottom: 6%;
  z-index: 2;
  right: 0;
}

.workplace__image-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.frame-1 {
  transform: rotateZ(-8deg) scale(1,1);
}

.frame-2 {
  transform: rotateZ(10deg) scale(1,0.8);
  top: -10%;
}

.frame-3 {
  transform: rotateZ(-8deg) scale(1,0.9);
}

.frame-4 {
  transform: rotateZ(8deg);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}

.workplace__content, .workplace__content2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.workplace__content {
  width: 30vw;
  position: relative;
}

.workplace__content2 {
  width: 52vw;
}

.workplace__item-subtitle {
  position: relative;
  justify-self: start;
  width: 25%;
  margin-bottom: -2vw;
}

.workplace__item-subtitle img {
  width: 100%;
}

.subtitle-1 {
  position: relative;
  left: -100%;
}

.subtitle-2 {
  position: relative;
  left: -100%;
  top: 1vw;
}

.subtitle-3 {
  position: relative;
  left: -130%;
  top: -0.5vw;
}

.subtitle-4 {
  position: relative;
  left: -85%;
  top: 1vw;
  transform: scale(0.7);
}

.workplace__item-title {
  font-size: 3vw;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.2vw;
  color: #242424;
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
}

.workplace__item-ornament {
  width: 100%;
  margin: 1vw 0;
}

.workplace__item-ornament2 {
  width: 55%;
  margin: 2vw 0;
}

.workplace__item-ornament img,
.workplace__item-ornament2 img{
  width: 100%;
}


.workplace__item-text, .workplace__item-text2 {
  font-size: 1.8vw;
  line-height: 1.4;
  letter-spacing: 0.1vw;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  color: #242424;
  font-weight: 500;
}

.workplace__item2 {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-top: 5vw;
  gap: 1vw;
}

.workplace__image2 {
  width: 37vw;
  position: relative;
  margin-top: 3vw;
}

.image2-4 {
  position: relative;
  z-index: 2;
  width: 100%;
}


.workplace__features__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.workplace__features__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

  


  /* ----- stats ----- */
.workplace__stats {
  position: relative;
}

.workplace__stats__inner {
  position: relative;
  padding-top: 10vw;
  padding-bottom: 5vw;
}

.workplace__stats-grid {
  display: grid;
  grid-template-columns: repeat(5,10vw);
  grid-template-rows: repeat(8,10vw);
  width: 50vw;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3vw;
}

.grid-item--wide1-tall1 {
  grid-column: span 1;
  grid-row: span 1;
}

.grid-item--wide2-tall1 {
  grid-column: span 2;
  grid-row: span 1;
}

.grid-item--wide2-tall2 {
  grid-column: span 2;
  grid-row: span 2;
}

.grid-item--wide3-tall2 {
  grid-column: span 3;
  grid-row: span 2;
}

.grid-item--wide5-tall4 {
  grid-column: span 5;
  grid-row: span 4;
}

.grid-item {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  text-align: center;
  justify-content: center;

}

.grid-item [class^="grid-item__text"] {
  font-size: 1.5vw;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 0.2vw;
}

.grid-item [class^="grid-item__text"] h1 {
  font-size: 4.5vw;
  color: #fff;
}
  
.grid-item [class^="grid-item__text"] h2 {
  font-size: 2vw;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
}

.grid-item [class^="grid-item__text"] h3 {
  font-size: 3.5vw;
  line-height: 1;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
}

.grid-item [class^="grid-item__text"] h5 {
  font-size: 2.5vw;
  line-height: 1;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
}

.grid-item [class^="grid-item__text"] h4 {
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.1vw;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
}

.grid-item__text-2 h3 {
  margin-top: 0.5vw;
  margin-bottom: 1vw;
}

.grid-item__text-2-cross {
  font-size: 3.5vw !important;
  line-height: 1.2 !important;
  color: #fff;
  font-family: "Zen Old Mincho", serif !important;
  font-weight: 200;
}

.grid-item__text-12 {
  font-weight: 600;
}

.grid-item__text-12_underline {
  background: linear-gradient(transparent 55%, #967F00 55%); /* 70%〜下だけ色つけ */
}

.grid-item__text-16 {
  width: 95%;
  /*text-align: left;*/
  letter-spacing: 0.1vw !important;
}

.grid-item__text-16_underline {
  background: #9b0057;
  border-radius: 0.5vw;
  padding: 0.1vw 0.3vw 0.2vw 0.5vw;
  line-height: 1 !important;
  letter-spacing: 0.2vw;
}

.grid-item__text-number {
  font-size: 3.4vw !important;
  /*color: #907a0b !important;*/
  line-height: 1.2;
  letter-spacing: 0 !important;
  font-family: "Zen Old Mincho", serif;
  font-weight: bold;
}

.grid-item__text-number2 {
  font-size: 3.5vw !important;
  /*color: #840000 !important;*/
  line-height: 0.9 !important;
  letter-spacing: 0;
  font-family: "Zen Old Mincho", serif;
}

.grid-item__text-number3 {
  font-size: 2vw !important;
  /*color: #840000 !important;*/
  line-height: 1.2 !important;
  letter-spacing: 0;
  font-family: "Zen Old Mincho", serif;
}




.grid-item__image-3, .grid-item__image-13,
.grid-item__image-15, .grid-item__image-17 {
  position: relative;
  width: 20vw;
}

.grid-item__image-6, .grid-item__image-7, .grid-item__image-18{
  width: 10vw;
}

.grid-item__image-4 {
  width: 20%;
}

.grid-item__image-8, .grid-item__image-9,
.grid-item__image-11, .grid-item__image-15{
  width: 30%;
}

.grid-item__image-4 img, .grid-item__image-8 img,
.grid-item__image-9 img, .grid-item__image-11 img,
.grid-item__image-15 img{
  width: 100%;
}

.grid-item__image-12 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1vw;
}

.grid-item__image-12 img {
  width: 100%;
}


.grid-item [class^="grid-item__image_name"] {
  position: absolute;
  bottom: 0.5vw;
  font-size: 1vw;
  color: #0f0f0f;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 9999px;
  padding: 0.25vw 1vw;
  width: fit-content;
  z-index: 2;
}

.grid-item__image_name-3 {
  right: 0.5vw;
}

.grid-item__image_name-13 {
  left: 0.5vw;
}

.grid-item__image_name-14 {
  right: 0.5vw;
}


.grid-pos-1 {
  background-color: #3c3cbf97
}

.grid-pos-2 {
  background-color: #C680C5
}

.grid-pos-3 {
  background-color: #3c3cbf97
}

.grid-pos-4 {
  background: linear-gradient(180deg, #8A4FF7, #492098) ;
}

.grid-pos-5 {
  background-color: #6051B1
}

.grid-pos-5 p {
  position: relative;
  top: 1vw;
  line-height: 1.7;
}

.grid-pos-6 {
  background-color: #F5E2FF
}

.grid-pos-7 {
  background-color: #F0ACDD
}

.grid-pos-8 {
  background-color: #F0ACDD
}

.grid-pos-9 {
  background-color: #C489C3
}

.grid-pos-10 {
  background-color: #C9C0DF
}

.grid-pos-11 {
  background: linear-gradient(180deg,#E6C200,#866D01)
}

.grid-pos-12 {
  background-color: #BA9D00
}

.grid-pos-13 {
  background-color: #3c3cbf97
}

.grid-pos-14 {
  background-color: #F9C9E6
}

.grid-pos-15 {
  background:linear-gradient(180deg,#FA4FA4,#7B0C84)
}

.grid-pos-16 {
  background-color: #CB4B8B
}

.grid-pos-17 {
  background-color: #3c3cbf97
}

.grid-pos-18 {
  background-color: #6B7AD6
}

.grid-pos-19 {
  background-color: #9579CB
}

.grid-parson1-1 {
  width: 10.5vw;
  position: absolute;
  transform: translate(-52%,-55%);
}

.grid-parson1-2 {
  width: 11vw;
  position: absolute;
  transform: translate(-50%,-50%);
}

.grid-parson1-3 {
  height: 11vw;
  position: absolute;
  transform: translate(-50%,-55%);
}

.grid-parson2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.workplace__present {
  width: 50vw;
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3vw;
  padding-bottom: 2vw;
}

.workplace__present__inner {
  position: relative;
}

.workplace__present__title {
  position: relative;
}

.workplace__present__title-text {
  font-size: 4vw;
  line-height: 1.5;
  letter-spacing: 0.2vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 800;
}

.workplace__present__title-text p
 {
  color: transparent;
  background: linear-gradient(180deg, #B0772A 45%,#DDB763 50%,#F4D780 56%, #FBF9D8 60%,#F4D780 64%, #B0772A 70%, #DDB763 74%, #F4D780 76%, #FBF9D8 80%, #F4D780 84%, #B0772A 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.workplace__present__title-text span,
.workplace__present__title-text h3 {
  color: transparent;
  background: linear-gradient(180deg, #B0772A 0%,#DDB763 10%,#F4D780 15%, #FBF9D8 25%,#F4D780 35%, #B0772A 50%, #DDB763 60%, #F4D780 65%, #FBF9D8 75%, #F4D780 85%, #B0772A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.workplace__present__title-text span {
  font-size: 8vw;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0;
}

.workplace__present__title-text h3 {
  font-size: 5vw;
  line-height: 1.2;
  letter-spacing: normal;
}

.workplace__present__title-ornament {
  position: absolute;
  width: 90%;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}


.workplace__present__title-ornament_L,
.workplace__present__title-ornament_R {
  width: 6vw;
}

.workplace__present__title-ornament_L img,
.workplace__present__title-ornament_R img {
  width: 100%;
}

.workplace__present__title-ornament_R {
 transform: scaleX(-1);
}

.workplace__present__line {
  border: 0.1vw solid #fff;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  margin-top: 1vw;
  margin-bottom: 1vw;
}

.workplace__present__text{
  width: 87%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.3vw;
  color: #fff;
  text-align: left;
}

.workplace__present__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -3;
}

.workplace__present__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}




.workplace__stats__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.workplace__stats__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*========================================
  recrute
========================================*/
.recrute {
  position: relative;
  background-color: #380060;
  width: 100%;
}

.recrute__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  padding-top: 5vw;
  padding-bottom: 8vw;
}

.recrute__title {
  font-size: 4vw;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  font-family: "Zen Old Mincho", serif;
  margin-bottom: 1vw;
}

.recrute__ornament {
  width: 100%;
  margin-bottom: 2vw;
}

.recrute__ornament img {
  width: 100%;
}

.recrute__table {
  font-family: "Zen New Gothic", sans-serif;
  font-size: 1.8vw;
  color: #fff;
  margin-bottom: 2vw;
  letter-spacing: 0.5vw;
}

.recrute__table dl {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.recrute__table-border {
  border-top: 0.2px solid #ffffff;
  margin-top: 3vw;
  margin-bottom: 3vw;
}

.recrute__table dt {
  display: flex;
  width: 30%;
  align-items: center;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0.2vw;
  font-size: 2vw;
}

.recrute__table dd ,.recrute__table__text {
  display: flex;
  text-align: left;
  font-weight: 300;
  font-style: normal;
  width: 70%;
  line-height: 1.6;
  letter-spacing: 0.1vw;
  font-family: "Zen New Gothic", sans-serif;
}

.recrute__table__text {
  line-height: 2 !important;
}

.recrute__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.recrute__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*========================================
  reward
========================================*/

.reward {
  position: relative;
}

.reward__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  padding-top: 15vw;
  padding-bottom: 18vw;
}

.reward__title {
  position: relative;
  width: 100%;
  height: 19vw; /* 任意の高さ。調整可 */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3vw;
}

.reward__title-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.reward__title-image img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* or cover */
}

.reward__title-text {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 3vw;
  font-family: "Zen Old Mincho", serif;
  color: transparent;
  background: linear-gradient(180deg, #B0772A 30%,#DDB763 40%,#F4D780 45%, #FBF9D8 50%,#F4D780 55%, #B0772A 70%, #DDB763 74%, #F4D780 76%, #FBF9D8 80%, #F4D780 84%, #B0772A 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.reward__list {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1vw;
  margin-bottom: 5vw;
}

.reward__item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  position: relative;
}

.reward__item-title {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.8vw;
  color: #242424;
  line-height: 1;
  padding: 0.5vw 1.5vw;
  background: linear-gradient(180deg,#FFE196,#CC9100);
  width: fit-content;
  position: relative;
  top: 2vw;
  left: 2vw;
  letter-spacing: 0.1vw;
}

.reward__item-text {
  font-size: 1.7vw;
  color: #fff;
  padding: 4vw 2vw 2vw 2vw;
  background:#343434;
  width: 100%;
  letter-spacing: 0.1vw;
  line-height: 1.6;
}

.reward__item-text h3 {
  font-size: 2.3vw;
}

.reward__item-text span {
  color: #FFF500;
}

.reward__item-text_pink-text {
  color: #FF64A6;
}

.reward__item-text_skyblue-text {
  color: #52EBFF;
}

.reward__item-text_lightgreen-text {
  color: #9CEF00;
}

.reward__item-text_pink,
.reward__item-text_skyblue,
.reward__item-text_lightgreen {
  margin-bottom: 2vw;
}

.reward__item-topix {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1vw;
  margin-top: 1.5vw;
}

.reward__item-topix-1, .reward__item-topix-2 {
  padding: 0.5vw 0.7vw;
  background:#815F00;
  width: fit-content;
  letter-spacing: 0.2vw;
  line-height: 1;
}


.reward__recrute {
  position: relative;
  text-decoration: none;
  margin-bottom: 2.5vw;
}



.reward__recrute__inner {
  position: relative;
  width: 35vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.reward__recrute-text {
  position: absolute;
  top: 47.5%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 2vw;
  font-family: "Zen Old Mincho", serif;
  text-decoration: none;
  letter-spacing: 0.3vw;
  z-index: 1;
}

.reward__recrute-image {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.reward__recrute-image img {
  width: 100%;
}


/* ----- モーダル表示時の設定 ----- */
body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.PageTop.modal-open {
  display: none;
}


/* ----- モーダル表示時の設定　ここまで ----- */


.reward__detail-open {
  position: relative;
  text-decoration: none;
  all: unset;
}

.reward__detail__inner {
  position: relative;
}

.reward__detail-text {
  font-size: 1.5vw;
  line-height: 1;
  padding: 1vw 5vw;
  background-color: #E3E089;
  text-decoration: none;
  color: #242424;
  font-weight: 600;
  letter-spacing: 0.3vw;
}

.reward__detail-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 /70%);
}

.reward__detail-modal.is-active {
  display: block;
}

.reward__detail-modal__inner {
  position: relative;
  width: 80%;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  transform: translateY(-50%);
  background-color: white;
}

.reward__detail-close {
  font-size: 3vw !important;
  color:#787878;
  text-decoration: none;
  all: unset;
  cursor: pointer;
  margin-left: auto;
  margin-right: 1.5vw;
  position: relative;
}

.reward__detail-modal__content {
  width: 95%;
  /*overflow: scroll;*/
  background-color: white;
  padding-left: 3vw;
  padding-bottom: 2vw;
}

.reward__detail-modal__content img {
  width: 100%;
}


.reward__recrute-image img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* or cover */
}

.reward__bg-light1 {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -4;
  mix-blend-mode: screen;
  transform: scale(1.15);
  transform-origin: top;
}

.reward__bg-light1 img {
  width: 100%;
  height: auto;
  display: block;
}

.reward__bg-light2 {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: -4;
  mix-blend-mode: screen;
}

.reward__bg-light2 img {
  width: 100%;
  height: auto;
  display: block;
}


.reward__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -6;
  transform: translateY(-0.5%) scaleY(1.01);
}

.reward__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*========================================
  income-example
========================================*/

.income-example {
  position: relative;
}

.income-example__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 47.5%;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  padding-top: 10vw;
  padding-bottom: 10vw;
}

.income-example__title {
  position: relative;
  width: 26vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.income-example__title-text {
  font-size: 3.5vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 800;
  letter-spacing: 0.1vw;
  position: absolute;
  top: 47.5%;
  transform: translateY(-50%);
  z-index: 1;
  text-align: center;
  color: #654600;
}

.income-example__title-image {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.income-example__title-image img {
  width: 100%;
}

.income-example__list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 47vw;
}

.income-example__item {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 5vw;
  width: 100%;
}

.income-example__item-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  top: 2vw;
  z-index: 1;
  width: 90%;
}

.income-example__item-title-text {
  display: block;
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  font-size: 1.7vw;
  color: #fff;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.1vw;
  font-family: "Zen New Gothic", sans-serif;
}

.income-example__item-title-text span {
  font-size: 2.5vw;
  line-height: 1;
  
}

.income-example__item-title-image {
  display: block;
  position: relative;
  z-index: -1;
  width: 100%;
}

.income-example__item-title-image img  {
  width: 100%;
}

.income-example__item-visual {
  position: relative;
  width: 100%;
  z-index: 0;
}

.income-example__item-visual img {
  width: 100%;
  height: auto;
  border-radius: 3vw;
}

.income-example__item-detail__grid {
  display: grid;
  grid-template-columns: repeat(2,20vw);
  grid-template-rows: repeat(2,10vw);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 4vw 1vw;
  border-radius: 3vw;
  margin-top: -5%;
  position: relative;
  margin-bottom: 2vw;
  z-index: 1;
  gap: 2vw 0;
}

.income-example__item-detail_item {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}


.income-example__item-detail__grid-title {
  font-size: 1.5vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  line-height: 1.55;
  color: #242424;
  width: 75%;
  justify-self: center;
  border: 1px solid;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5vw;
}

.income-example__item-detail__grid-title p {
  letter-spacing: 0.1vw;
}

.income-example__item-detail__grid-text {
  font-size: 3vw;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.2;
  color: #242424;
  font-weight: 700;
}

.income-example__item-detail__grid-text span {
  font-size: 6.5vw;
}

.income-example__item-comment-text-red {
  color: #FF0303;
}

.income-example__item-comment {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
}

.income-example__item-comment-title {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 2vw;
  color: #242424;
  line-height: 1;
  gap: 1vw;
  margin-bottom: 2vw;
  letter-spacing: 0.2vw;
}

.income-example__item-comment-text-ornament_L,
.income-example__item-comment-text-ornament_R {
  width: 3vw;
  position: relative;
  transform: translateY(10%);
}

.income-example__item-comment-text-ornament_R {
  transform: translateY(10%) scaleX(-1);
}

.income-example__item-comment-text-ornament_L img,
.income-example__item-comment-text-ornament_R img {
  width: 100%;
}

.income-example__item-comment-text {
  font-size: 2vw;
  color: #242424;
  line-height: 1.5;
}

.income-example__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.income-example__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*========================================
  campain
========================================*/
.campain {
  position: relative;
}

.campain__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 10vw;
  padding-bottom: 8vw;
}

.campain__title {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  width: 40vw;
}

.campain__title-image {
  position: relative;
  z-index: -1;
  width: 80%;
}

.campain__title-image img {
  width: 100%;
}

.campain__title-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 2.7vw;
  font-weight: 800;
  font-family: "Zen Old Mincho", serif;
  z-index: 1;
}


.campain__copy {
  font-size: 2.7vw;
  color: #fff;
  font-family: "Zen Old Mincho", serif;
  text-align: center;
}

.campain__copy span {
  color: #FFEB00;
  font-size: 3.5vw;
}

.campain__copy h1 {
  font-size: 5vw;
  font-weight: 600;
}

.campain__detail {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  gap: 5vw;
}

.campain__detail-card {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  width: 40vw;
}

.campain__detail-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  top: 50%;
  transform: translateY(-50%);
  /*font-family: "Hiragino Kaku Gothic ProN",'Noto Sans JP' ,sans-serif;*/
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
}

.campain__detail-before {
  font-size: 1.8vw;
  color: #242424;
  text-align: center;
}

.campain__detail-before p {
  background: linear-gradient(180deg, transparent 0% 45%, #E8D0EB 50% 85%,transparent 85% 100%); /* 70%〜下だけ色つけ */
  /*font-weight: 600;*/
}

.campain__detail-before h2 {
  font-size: 3.5vw;
  line-height: 1;
}

.campain__detail-arrow {
  margin-top: 1vw;
  margin-bottom: 1vw;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 1.5vw solid transparent;
  border-left: 1.5vw solid transparent;
  border-top: 1.3vw solid #555555;
  border-bottom: 0;
}

/*
.campain__detail-arrow img {
  width: 100%;
}*/

.campain__detail-after {
  color: #242424;
  font-size: 3.5vw;
  text-align: center;
  line-height: 1;
  /*font-weight: 600;*/
}

.campain__detail-after span {
  color: #FF3838;
  line-height: 1;
  font-family: "Zen Old Mincho", serif;
  margin-left: 0.1vw;
}

.yen-number {
  font-size: 5vw;
  line-height: 1;
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic ProN","Zen Kaku Gothic New",'Noto Sans JP' ,sans-serif;
}

.campain__detail-bg {
  position: relative;
  /*top: 50%;
  transform: translateX(-50%);*/
  z-index: -1;
  width: 100%;
}

.campain__detail-bg img {
  width: 100%;
}

.campain__condition {
  margin-top: 3vw;
}

.campain__condition-title, .campain__condition-detail,
.campain__condition-detail-1, .campain__condition-detail-2 {
  position: relative;
  color:#fff;
  font-size: 1.5vw;
}

.campain__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.campain__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*========================================
  store-intro
========================================*/
.store-intro {
  position: relative;
  background-color: #F9F2E9;
}

.store-intro__inner {
  position: relative;
  padding-top: 12vw;
  padding-bottom: 12vw;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 60vw;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  overflow: hidden;
}

.store-intro__title {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  width: 26vw;
  margin-bottom: 5vw;
}

.store-intro__title-text {
  font-size: 3.5vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 800;
  letter-spacing: 0.1vw;
  color: #654600;
  position: absolute;
  top: 47.5%;
  transform: translateY(-52.5%);
  z-index: 1;
}

.store-intro__title-image {
  position: relative;
  z-index: 0;
  width: 100%;
}

.store-intro__title-image img {
  width: 100%;
}

.store-intro__list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5vw;
}

.store-intro__item {
  background-color: #fff;
  width: 50vw;
}

input[name="Nishiki"] {
  display: none;
}

.store__visual__slider #Nishiki1:checked ~ .store-intro__item-visual {
  transform: translateX(0%);
}
.store__visual__slider #Nishiki2:checked ~ .store-intro__item-visual {
  transform: translateX(-50vw);
}
.store__visual__slider #Nishiki3:checked ~ .store-intro__item-visual {
  transform: translateX(-100vw);
}
.store__visual__slider #Nishiki4:checked ~ .store-intro__item-visual {
  transform: translateX(-150vw);
}
.store__visual__slider #Nishiki5:checked ~ .store-intro__item-visual {
  transform: translateX(-200vw);
}

input[name="Yaba"] {
  display: none;
}

.store__visual__slider #Yaba1:checked ~ .store-intro__item-visual {
  transform: translateX(0%);
}
.store__visual__slider #Yaba2:checked ~ .store-intro__item-visual {
  transform: translateX(-50vw);
}
.store__visual__slider #Yaba3:checked ~ .store-intro__item-visual {
  transform: translateX(-100vw);
}
.store__visual__slider #Yaba4:checked ~ .store-intro__item-visual {
  transform: translateX(-150vw);
}
.store__visual__slider #Yaba5:checked ~ .store-intro__item-visual {
  transform: translateX(-200vw);
}


.store__visual__slider {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  justify-content: space-between;
  width: 50vw;
  transition:  transform 0.4s ease;
  position: relative;
  overflow: hidden;
}

.store-intro__item-visual {
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  margin-bottom: 2vw;
  justify-content: space-between;
  width: 250vw;
  transition:  transform 0.4s ease;
  position: relative;
}

.store-intro__item-visual-inner {
  width: 50vw;
}

.store-intro__item-visual-inner img {
  width: 100%;
  height: auto;
}


.Nishiki__pagination {
  display: flex;
  justify-content: center;
  gap: 2vw;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.Nishiki__pagination label {
  width: 1.2vw;
  height: 1.2vw;
  border-radius: 50%;
  border: 0.25vw solid #ffffff;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-bottom: 3.5vw;
}

.store__visual__slider #Nishiki1:checked ~ .Nishiki__pagination label[for="Nishiki1"],
.store__visual__slider #Nishiki2:checked ~ .Nishiki__pagination label[for="Nishiki2"],
.store__visual__slider #Nishiki3:checked ~ .Nishiki__pagination label[for="Nishiki3"],
.store__visual__slider #Nishiki4:checked ~ .Nishiki__pagination label[for="Nishiki4"],
.store__visual__slider #Nishiki5:checked ~ .Nishiki__pagination label[for="Nishiki5"]{
  background-color: #ffffff;
}

.Nishiki__slide_arrow {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 48vw;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.Nishiki__slide_arrow img {
  width: 5%;
}

.Nishiki__slide_arrow_left {
  
  opacity: 1;
  transition: opacity 0.3s ease;
}

.Nishiki__slide_arrow_right {
  justify-items: right;
  opacity: 1;
  transition: opacity 0.3s ease;
  transform: scalex(-1);
}

/* yaba */
.Yaba__pagination {
  display: flex;
  justify-content: center;
  gap: 2vw;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.Yaba__pagination label {
  width: 1.2vw;
  height: 1.2vw;
  border-radius: 50%;
  border: 0.25vw solid #ffffff;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-bottom: 3.5vw;
}

.store__visual__slider #Yaba1:checked ~ .Yaba__pagination label[for="Yaba1"],
.store__visual__slider #Yaba2:checked ~ .Yaba__pagination label[for="Yaba2"],
.store__visual__slider #Yaba3:checked ~ .Yaba__pagination label[for="Yaba3"],
.store__visual__slider #Yaba4:checked ~ .Yaba__pagination label[for="Yaba4"],
.store__visual__slider #Yaba5:checked ~ .Yaba__pagination label[for="Yaba5"]{
  background-color: #ffffff;
}

.Yaba__slide_arrow {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 48vw;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.Yaba__slide_arrow img {
  width: 5%;
}

.Yaba__slide_arrow_left {
  
  opacity: 1;
  transition: opacity 0.3s ease;
}

.Yaba__slide_arrow_right {
  justify-items: right;
  opacity: 1;
  transition: opacity 0.3s ease;
  transform: scalex(-1);
}



.store-intro__item-detail {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 45vw;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.store-intro__item-title {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1vw;
  margin-bottom: 1vw;
}

.store-intro__item-title-image_L, .store-intro__item-title-image_R {
  width: 5vw;
}

.store-intro__item-title-image_L img, .store-intro__item-title-image_R img {
  width: 100%;
}

.store-intro__item-title-image_R {
  transform: scaleX(-1);
}

.store-intro__item-title-text {
  font-size: 2.5vw;
  font-family: "Zen Old Mincho", serif;
  color: #242424;
  letter-spacing: 1vw;
}

.store-intro__item-text {
  font-size: 1.8vw;
  color: #242424;
  letter-spacing: 0.2vw;
  margin-bottom: 2vw;
}


/*========================================
  customer-intro
========================================*/

.customer-comment {
  position: relative;
}

.customer-comment__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 13vw;
  padding-bottom: 17vw;
}

.customer-comment__title {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  width: 35vw;
  margin-bottom: 3vw;
}

.customer-comment__title-text {
  position: absolute;
  top: 47.5%;
  transform: translateY(-50%);
  color: #654600;
  font-size: 3.2vw;
  font-weight: 800;
  font-family: "Zen Old Mincho", serif;
  z-index: 1;
}

.customer-comment__title-image {
  position: relative;
  z-index: -1;
  width: 100%;
}

.customer-comment__title-image img {
  width: 100%;
}

.customer-comment__list {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5vw;
}

.customer-comment__item, .customer-comment__item--reverse  {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1vw;
}

.customer-comment__item--reverse {
  display: flex;
  flex-direction: row-reverse;
}

.customer-comment__item-visual {
  width: 13vw;
  align-self: flex-end;
  margin-bottom: -5%;
}

.customer-comment__item-visual img {
  width: 100%;
}

.customer-comment__item-comment {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 34vw;
}

.customer-comment__item-comment-text {
  font-size: 1.8vw;
  color: #242424;
  position: absolute;
  top: 46%;
  left: 53%;
  transform: translate(-50%,-50%);
  width: 89%;
  letter-spacing: 0.1vw;
}

.customer-comment__item-comment-bg {
  position: relative;
  width: 100%;
  z-index: -1;
}

.customer-comment__item-comment-bg img {
  width: 100%;
}


.customer-comment__bg1 {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  z-index: -4;
  transform: translateX(-50%);
  width: 45vw;
}

.customer-comment__bg1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.customer-comment__bg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.customer-comment__bg2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
  
/*========================================
  welfare
========================================*/

.welfare {
  position: relative;
}

.welfare__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 10vw;
  padding-bottom: 6vw;
  overflow: hidden;
}

.welfare__title {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  width: 30vw;
  margin-bottom: 3vw;
}

.welfare__title-text {
  position: absolute;
  top: 47.5%;
  transform: translateY(-52.5%);
  color: #654600;
  font-size: 3vw;
  font-weight: 800;
  font-family: "Zen Old Mincho", serif;
  z-index: 1;
}

.welfare__title-image {
  position: relative;
  z-index: -1;
  width: 100%;
}

.welfare__title-image img {
  width: 100%;
}

.welfare__detail__slider {
  position: relative;
  width: 100vw;
}

input[name="welfare"] {
  display: none;
}

.welfare__detail__slider #welfare1:checked ~ .welfare__detail__slider-list {
  transform: translateX(0%);
}
.welfare__detail__slider #welfare2:checked ~ .welfare__detail__slider-list {
  transform: translateX(-60vw);
}
.welfare__detail__slider #welfare3:checked ~ .welfare__detail__slider-list {
  transform: translateX(-120vw);
}
.welfare__detail__slider #welfare4:checked ~ .welfare__detail__slider-list {
  transform: translateX(-180vw);
}
.welfare__detail__slider #welfare5:checked ~ .welfare__detail__slider-list {
  transform: translateX(-240vw);
}

.welfare__detail__slider-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 400vw;
  margin-bottom: 1vw;
  transition:  transform 0.4s ease;
}

.welfare__detail__slider-list-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 60vw;
  position: relative;
  left: 5%;
}

.welfare__detail__slider-item, .welfare__detail__slider-item-big {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 45vw;
}

.welfare__detail__slider-item-big {
  width: 40vw;
}

.welfare__detail__slider-item-inner, .welfare__detail__slider-item-inner-big {
  position: absolute;
  color: #383465;
  font-size: 1.5vw;
  font-weight: 800;
  font-family: "Zen Old Mincho", serif;
  z-index: 1;
  display: flex;
  align-items: center;
  top: 47.5%;
  transform: translateY(-52.5%);
  flex-direction: column;
}

.welfare__detail__slider-item-inner {
  width: 45vw;
}

.welfare__detail__slider-item-inner-big  {
  width: 35vw;
}

.welfare__detail__slider-title, .welfare__detail__slider-title-big {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.welfare__detail__slider-title {
  flex-direction: row;
}

.welfare__detail__slider-title-big {
  flex-direction: column;
}

.welfare__detail__slider-title-visual {
  width: 10vw;
}

.image-massage,
.image-phone,
.image-consignment {
  width: 10vw;
}
.image-eating {
  width: 3vw;
  margin-right: 1vw;
}
.image-debut {
  width: 4vw;
  margin-right: 1vw;
}
.image-photo {
  width: 7vw;
  margin-right: 1vw;
}
.image-traning {
  width: 13w;
}


.welfare__detail__slider-title-visual img {
  width: 100%;
}

.welfare__detail__slider-title-text,
.welfare__detail__slider-title-text-big {
  font-size: 2vw;
  font-family: "Zen Old Mincho", serif;
  text-align: left;
  line-height: 1.2;
}

.welfare__detail__slider-title-text-big {
  text-align: center;
}

.welfare__detail__slider-title-text span {
  font-size: 1.7vw;
}

.welfare__detail__slider-border {
  border: 1px solid;
  width: 70%;
  color: #C3B08A;
  margin-bottom: 1vw;
}

.welfare__detail__slider-text {
  font-size: 1.8vw;
  width: 70%;
  line-height: 1.2;
  color: #383465;
  font-family: "Hiragino Kaku Gothic ProN",'Noto Sans JP' ,sans-serif;
  font-weight: 400;
  letter-spacing: 0.03vw;
}

.welfare__detail__slider-bg {
  position: relative;
  z-index: -1;
  width: 100%;
}

.welfare__detail__slider-bg img {
  width: 100%;
}

.welfare__detail__slider__pagination {
  display: flex;
  justify-content: center;
  gap: 1.5vw;
  width: 100%;
}

.welfare__detail__slider__pagination label {
  width: 1.5vw;
  height: 1.5vw;
  border-radius: 50%;
  border: 0.4vw solid #666;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.3s;
  margin-bottom: 5vw;
}

.welfare__detail__slider #welfare1:checked ~ .welfare__detail__slider__pagination label[for="welfare1"],
.welfare__detail__slider #welfare2:checked ~ .welfare__detail__slider__pagination label[for="welfare2"],
.welfare__detail__slider #welfare3:checked ~ .welfare__detail__slider__pagination label[for="welfare3"],
.welfare__detail__slider #welfare4:checked ~ .welfare__detail__slider__pagination label[for="welfare4"],
.welfare__detail__slider #welfare5:checked ~ .welfare__detail__slider__pagination label[for="welfare5"] {
  background-color: #666;
}

.welfare__slide_arrow {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 55vw;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}



.welfare__slide_arrow_left {
  
  opacity: 1;
  transition: opacity 0.3s ease;
}

.welfare__slide_arrow_right {
  justify-items: right;
  opacity: 1;
  transition: opacity 0.3s ease;
  transform: scalex(-1);
}

.welfare__slide_arrow img {
  width: 5%;
}



.welfare__btn {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  width: 35vw;
}

.welfare__btn-text {
  position: absolute;
  top: 47.5%;
  transform: translateY(-52.5%);
  color: #ffffff;
  font-size: 2.2vw;
  font-weight: 800;
  font-family: "Zen Old Mincho", serif;
  z-index: 1;
}

.welfare__btn-bg {
  position: relative;
  z-index: -1;
  width: 100%;
}

.welfare__btn-bg img {
  width: 100%;
}

.welfare_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.welfare_bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*========================================
  qusetion
========================================*/
.question {
  position: relative;
  background-color: #F9F2E9;
}

.question__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 10vw;
  padding-bottom: 10vw;
  width: 50vw;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
}

.question__title {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.question__title-text {
  font-size: 4vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  color: #242424;
  letter-spacing: 0.5vw;
  margin-bottom: 3vw;
}

.question__title-subtext {
  font-size: 1.8vw;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  color: #242424;
  letter-spacing: 0.1vw;
  margin-bottom: 3vw;
}

.question__ornament {
  width: 100%;
}

.question__ornament img {
  width: 100%;
}

.question__list {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.question__item {
  background-color: #ffffff;
  border: 2px solid #E3CFA0;
}

.question__label {
  display: flex;
  flex-direction: row;
  text-align: left;
  align-items: center;
  background-color: #E3CFA0;
  padding: 0.8vw 0;
  position: relative;
}

.question__label__icon {
  width: 3.33vw;
  margin: 0 0.5vw 0 1.3vw;
}

.question__label__title {
  font-weight: bold;
  display: flex;
  align-items: center;
  width: 100%;
  letter-spacing: 0.2vw;
  font-size: 2vw;
  line-height: 1.3;
  color: #242424;
}

.question__state {
  display: flex;
  align-items: center;
  width: 2.5vw;
  height: auto;
  filter: drop-shadow(0.25vw 0.25vw 0.5vw rgba(0, 0, 0, 0.1));
  will-change: filter;
  margin-top: unset;
  transition: 0.5s;
  margin-right: 1vw;
}

.question__state::before, .question__state::after {
  content: "";
	position: absolute;
	height: 0.25vw;
  width: 2.5vw;
  background: #ffffff;
  opacity: 1;
  transition: 0.5s;
}

.question__state::after {
  -webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}




/* 初期状態：非表示（PC用） */
.question__answer {
font-size: 2vw;
font-weight: 500;
line-height: 2.5vw;
color: #444;
letter-spacing: 0.1vw;
margin: 0vw 2vw;
transform: translateY(-10%);
opacity: 0; /* 本番は0 */
transition: max-height 0.4s ease, opacity 0.4s ease, transform 0.4s ease, margin 0.4s ease;
max-height: 0; /* 本番は0*/
overflow: hidden;
}

.question__item.open .question__state {
  transform: rotateZ(-90deg);
}

.question__item.open .question__state::before {
  background: rgba(255, 255, 255, 0);
}

/* 開いたときの表示状態 */
.question__item.open .question__answer {
  max-height: 15vw; /* 想定される最大値。大きめに */
  opacity: 1;
  margin: 2vw 2vw;
  /*margin-top: 2vw;
  margin-bottom: 2vw;*/
  transform: translateY(0);
  
}

/*========================================
  closing
========================================*/
.closing {
  position: relative;
}

.closing__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  padding-top: 13vw;
  padding-bottom: 10vw;
  overflow: hidden;
}

.closing__title {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  width: 33vw;
}

.closing__title-text {
  position: absolute;
  top: 47.5%;
  transform: translateY(-52.5%);
  color: #654600;
  font-size: 2.2vw;
  font-weight: 800;
  font-family: "Zen Old Mincho", serif;
  z-index: 1;
}

.closing__title-image {
  position: relative;
  z-index: -1;
  width: 100%;
}

.closing__title-image img {
  width: 100%;
}

.closing__subtitle {
  font-size: 3.2vw;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.1vw;
}



.closing__slider {
  /*overflow: hidden;*/
  padding: 1% 0;
  width: 100vw;
  position: relative;
}


input[name="closing"] {
  display: none;
}

.closing__slider #closing1:checked ~ .closing__slider__list {
  transform: translateX(0%);
}
.closing__slider #closing2:checked ~ .closing__slider__list {
  transform: translateX(-58vw);
}
.closing__slider #closing3:checked ~ .closing__slider__list {
  transform: translateX(-116vw);
}
.closing__slider #closing4:checked ~ .closing__slider__list {
  transform: translateX(-174vw);
}
.closing__slider #closing5:checked ~ .closing__slider__list {
  transform: translateX(-232vw);
}
.closing__slider #closing6:checked ~ .closing__slider__list {
  transform: translateX(-290vw);
}


.closing__slider__list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 7vw;
  margin-top: 3vw;
  justify-content: space-between;
  /*transition:  transform 0.4s ease;*/
  /*margin-left: auto;
  margin-right: auto;*/
  width: 330vw;
  position: relative;
  left: 30%;
  transition:  transform 0.4s ease;
}

.closing__item {
  padding: 20px;
  border-radius: 12px;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  box-shadow: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40vw;
  height: 60vw;
  justify-self: center;
  background-color: #fff;
  border-radius: 2.5vw;
}

.closing__item-step {
  position: absolute;
  top: -3%;
  font-size: 2.5vw;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.2vw;
  width: fit-content;
  padding: 0.7vw 5vw;
  border-radius: 9999px;
  background-color: #E2139A;
}

.closing__item-image {
  width: 11vw;
  margin-top: 11vw;
}

.closing__item-image img {
  width: 100%;
}

.image-step1 {
  width: 11vw;
  margin-top: 11vw;
}
.image-step2 {
  width: 10vw;
  margin-top: 10vw;
}
.image-step3 {
  width: 9vw;
  margin-top: 7vw;
}
.image-step4 {
  width: 12vw;
  margin-top: 6vw;
}
.image-step5 {
  width: 9vw;
  margin-top: 7vw;
}
.image-step6 {
  width: 10vw;
  margin-top: 6vw;
}

.closing__item-title {
  font-size: 2.6vw;
  font-family: "Zen Old Mincho", serif;
  color: #4E10B1;
  margin-top: 3.5vw;
  text-align: center;
  line-height: 1.2;
}

.closing__item-detail {
  width: 90%;
  font-size: 2vw;
  letter-spacing: 0.1vw;
  color: #242424;
  margin-top: 3.5vw;
  line-height: 1.6;
}

.closing__detail__slider__pagination {
  display: flex;
  justify-content: center;
  gap: 2vw;
  width: 100%;
}

.closing__detail__slider__pagination label {
  width: 2vw;
  height: 2vw;
  border-radius: 50%;
  border: 0.4vw solid #ffffff;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.3s;
  /*margin-bottom: 5vw;*/
}

.closing__slider #closing1:checked ~ .closing__detail__slider__pagination label[for="closing1"],
.closing__slider #closing2:checked ~ .closing__detail__slider__pagination label[for="closing2"],
.closing__slider #closing3:checked ~ .closing__detail__slider__pagination label[for="closing3"],
.closing__slider #closing4:checked ~ .closing__detail__slider__pagination label[for="closing4"],
.closing__slider #closing5:checked ~ .closing__detail__slider__pagination label[for="closing5"],
.closing__slider #closing6:checked ~ .closing__detail__slider__pagination label[for="closing6"] {
  background-color: #ffffff;
}

.closing__slide_arrow {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 55vw;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

.closing__slide_arrow img {
  width: 5%;
}


.closing__slide_arrow_left {
  
  opacity: 1;
  transition: opacity 0.3s ease;
}

.closing__slide_arrow_right {
  justify-items: right;
  opacity: 1;
  transition: opacity 0.3s ease;
  transform: scalex(-1);
}

.closing__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -5;
}

.closing__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/*========================================
  forms
========================================*/
.forms {
  position: relative;
  background-color: #DBE7FF;
}

.forms__inner {
  position: relative;
  padding: 8vw 6.5vw;
}

.forms__bg {
  position: relative;
  background-color: #fff;
  border-radius: 5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  width: 100%;
}

.forms__text {
  position: relative;
  padding-top: 5vw;
  padding-bottom: 5vw;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.forms__title {                                                                                                                                                                                                                                                                                                                      
  font-size: 2.8vw;
  font-family: "Zen Old Mincho", serif;
  color: #242424;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  margin-bottom: 2vw;
}

.forms__contact {
  text-align: left;
  font-size: 2.4vw;
  color: #242424;
  font-weight: 500;
  position: relative;
  display: flex;
  flex-direction: column;
}

.title-message span {
  font-size: 1.85vw;
}

.forms__field input,
.forms__field textarea {
  width: 85%;
  height: 4.5vw;
  padding: 0.5vw 1vw;
  border: 0.1vw solid #707070;
  /*border-radius: 6px;*/
  font-size: 1.30vw;
  background: rgb(255, 255, 255);
  /*margin-left: auto;
  margin-right: auto;
  justify-self: center;*/
  border-radius: 0.5vw;
  margin-bottom: 2vw;
  margin-top: 1vw;
  align-self: center;
  max-width: 85%;
}

.forms__field textarea {
  height: unset !important;
}

.input-name {
  width: 70% !important;
}

.input-fortune__years {
  width: 17.5% !important;
  margin-left: 7.5%;
}

.input-address {
  width: 30% !important;
  margin-left: 7.5%;
  align-self: flex-start !important;
}

.title-name, .title-tell, .title-email,
.title-fortune__years, .title-address, .title-message {
  justify-self: start;
  align-self: flex-start;
  width: 100%;
  background-color: #DFDFFD;
  padding-left: 5vw;
  margin-bottom: 1vw;
  margin-top: 1vw;
}

.forms__field {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 55vw;
}

.forms__family-name, .forms__given-name, .forms__years {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.forms__family-name-text,.forms__given-name-text, .forms__years-text {
  position: relative;
  justify-self: flex-start;
  margin: 0 5vw 0 5vw;
  transform: translateY(-15%);
}

.forms__years-text {
  position: relative;
  justify-self: flex-start;
  margin: 0 0 0 1vw;
  transform: translateY(-15%);
}

.forms__tel-group {
  display: grid;
  grid-template-columns: 20% 5% 35% 5% 35%;
  align-items: center;
  margin: 0 5%;
}

.forms__tel-group input {
  width: 100% ;
  max-width: 100%;
}

.forms__hyphen {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  line-height: 1;
  transform: translateY(-30%);
}

.forms__years {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.forms__submit {
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  margin-top: 2vw;
}

.forms__submit button {
  background: #DFDFFD;
  padding: 1vw 5vw;
  font-size: 3vw;
  border: none;
  border-radius: 2vw;
  cursor: pointer;
  transition: opacity 0.3s;
  color: #242424;
}


/*========================================
  footer
========================================*/
.footer {
  position: relative;
  background: #36064B;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.footer__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-top: 5vw;
}

.footer__logo {
  width: 20vw;
  margin-bottom: 3vw;
}

.footer__logo img {
  width: 100%;
}

.footer__about {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.footer__about, .footer__company,
.footer__policy, .footer__contact {
  font-size: 1.5vw;
  color: #fff;
}

.copyright {
  color: #fff;
  font-size: 1.5vw;
  margin-left: auto;
  margin-right: auto;
  justify-self: center;
  padding-bottom: 2vw;
}

.footer__company {
  margin-bottom: 2vw;
}

.footer__policy {
  margin-bottom: 2vw;
}

.footer__contact {
  margin-bottom: 5vw;
}

/*========================================
  Page Top
========================================*/

.PageTop {
  display: none;
}


/*========================================
  RecruteNow
========================================*/

.RecruteNow {
  display: none;
}

/*========================================
  animation
========================================*/

/* 左へ移動 */
.move_toLeft {
  opacity: 0;
}

.move_toLeft.active {
  animation: move_toLeft 1.5s ease-out both;
}

@keyframes  move_toLeft {
  from {
    transform:translatex(10vw);
    opacity: 0;
  }

  to {
    transform:translatex(0);
    opacity: 1;
  }
}

/* 左へ移動2　スロー */
.move_toLeft2 {
  opacity: 0;
}

.move_toLeft2.active {
  animation: move_toLeft2 2s ease-out both;
  transition-delay: 0.3s;
}

@keyframes  move_toLeft2 {
  from {
    transform:translatex(5vw);
    opacity: 0;
  }

  to {
    transform:translatex(0);
    opacity: 1;
  }
}

/* 右へ移動 */
.move_toRight {
  opacity: 0;
 }
 
 .move_toRight.active {
   animation: move_toRight 1.5s ease-out both;
 }
 
 @keyframes  move_toRight {
   from {
     transform:translatex(-10vw);
     opacity: 0;
   }
 
   to {
     transform:translatex(0);
     opacity: 1;
   }
 }

 /* 右へ移動2 スロー */
.move_toRight2 {
  opacity: 0;
 }
 
 .move_toRight2.active {
   animation: move_toRight2 2s ease-out both;
   transition-delay: 0.2s;
 }
 
 @keyframes  move_toRight2 {
   from {
     transform:translatex(-5vw);
     opacity: 0;
   }
 
   to {
     transform:translatex(0);
     opacity: 1;
   }
 }

/* 上へ移動 */
.move_toUp {
  opacity: 0;
 }
 
 .move_toUp.active {
   animation: move_toUp 1s ease-out both;
 }
 
 @keyframes  move_toUp {
   from {
     transform:translateY(3vw);
     opacity: 0;
   }
 
   to {
     transform:translateY(0);
     opacity: 1;
   }
 }

 /* フェードイン */
 .fade-in {
  opacity: 0;
  transform: scale(90%);
  transition: opacity 1s ease, transform 1s ease;
  visibility: hidden;
  display: block;
}

.fade-in.active {
  opacity: 1;
  visibility: visible;
  transform: scale(100%);
}