:root {
  /* --color-orange: #ec6d34; */
  --color-orange: #ff6d2c;
  --color-gray: #dcdddd;
}

html {
  font-size: 62.5%;
}
body {
  font-family: "Helvetica Neue", "Helvetica", "Noto Sans JP", "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.9rem;
  line-height: 1.7;
  color: #000;
  background: #fff;
  letter-spacing: 0.1em;

  /* cursor: url(../img_common/custom_cursor.png), auto; */
}

.ff_hel {
  font-family: "Helvetica Neue", "Helvetica", "Arial Black", "Arial", sans-serif;
  /* font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal; */
}

a,
a:hover,
a:visited {
  color: #000;
  text-decoration: none;
  cursor: url("../img_common/custom_cursor.png"), auto;
  transition: 0.7s;
}
a:hover {
  opacity: 0.5;
  cursor: url("../img_common/custom_cursor.png"), auto;
  transition: 0.7s;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.mb_0px {
  margin-bottom: 0 !important;
}
.mb_40px {
  margin-bottom: 40px !important;
}
.pb_0px {
  padding-bottom: 0 !important;
}
.wrapper {
  width: 100%;
  height: 100%;
  min-width: 1200px;
}
.header {
  width: 100%;
  height: 100px;
  background: #fff;
  position: fixed;
  z-index: 999;
}
.header .header_pc {
  position: relative;
  height: 0;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  /* background: var(--color-gray); */
}
.header .header_pc .logo {
  display: block;
  position: absolute;
  top: calc(22 / 100 * 100%);
  left: 0;
  width: calc(89 / 1200 * 100%);
}
.header .header_pc ul.header_menu {
  padding-left: 0;
  list-style-type: none;
  position: absolute;
  top: calc(40 / 100 * 100%);
  left: calc(386 / 1200 * 100%);
}
.header .header_pc ul.header_menu li {
  display: inline-block;
  margin-right: 78px;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
}
.header .header_pc ul.header_menu li > a.selected {
  color: var(--color-orange);
}
/* .header .header_pc ul.header_menu li > a.selected:hover {
  opacity: 1;
} */
.header .header_pc ul.header_menu li:last-child {
  margin-right: 0;
}
.header .header_pc .icon_recruit {
  display: block;
  position: absolute;
  width: 164px;
  height: 34px;
  top: 33px;
  right: 0;
  opacity: 1;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  background-image: url("../img_common/menu_recruit_off.svg");
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.header .header_pc .icon_recruit:hover {
  background-image: url("../img_common/menu_recruit_on.svg");
}
/* .header .header_pc .icon_recruit > img.on {
  display: none;
  opacity: 0;
}
.header .header_pc .icon_recruit > img.off {
  display: block;
  opacity: 1;
}
.header .header_pc .icon_recruit:hover > img.on {
  display: block;
  opacity: 1;
}
.header .header_pc .icon_recruit:hover > img.off {
  display: none;
  opacity: 0;
} */

.header.fixed {
  height: 100px;
  transition: 200ms linear 50ms;
}
.header.fixed .header_pc {
  padding-top: 100px;
  transition: 200ms linear 50ms;
}
.mt_header {
  padding-top: 100px;
}
.mb_header_adjust {
  margin-bottom: 100px;
}
.wrapper_inner {
  width: 100%;
  /* min-width: 1400px; */
  /* height: 300px; */
}
.wrapper_inner.orange {
  /* background-image: url(../img_common/pic_corner_left_orange.png),
    url(../img_common/pic_corner_right_orange.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 100px, 100px;
  background-position: top left, top right; */
  background-color: var(--color-orange);
}
.wrapper_inner.orange.egao_ni_nareba {
  background-size: 120px, 120px;
}
.inner_con {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* .oniku_de_tsunagaru {
  width: 100%;
  position: relative;
  padding-top: 832px;
}
.oniku_de_tsunagaru .pic_01 {
  position: absolute;
  width: 799px;
  top: 102px;
  left: -19px;
  z-index: 99;
} */
.page_about .mv_oniku_block {
  position: relative;
  width: 850px;
  margin-left: auto;
  margin-right: auto;
  height: 832px;
  overflow: hidden;
}
.page_about .mv_oniku_block .mv_pic {
  position: absolute;
  width: 850px;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  clip-path: url("#clip01");
}
.page_about .mv_oniku_block .mv_moji {
  position: absolute;
  width: 850px;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
}
.page_about .mv_oniku_block .mv_line {
  position: absolute;
  width: calc(853px * 5);
  top: 2px;
  left: 0;
  /* left: 0; */
  /* transform: translateX(-50%); */
  opacity: 0;
  animation: splice 0.4s steps(4) forwards;
  animation-delay: 4s;
}
@keyframes splice {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  /* 20% {
    transform: translateX(-20%);
  }
  40% {
    transform: translateX(-40%);
  }
  60% {
    transform: translateX(-60%);
  }
  80% {
    transform: translateX(-80%);
  } */
  100% {
    transform: translateX(-80%);
    opacity: 1;
  }
}

#mv_moji {
  animation: 20s linear infinite rotation1;
}

@keyframes rotation1 {
  0% {
    transform: translateX(-50%) rotate(0);
  }
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}

.inner_con.pic_02 {
  /* position: relative;
  padding-top: 573px; */
  padding-top: 31px;
  padding-bottom: 100px;
  z-index: 99;
}
.inner_con.pic_02 .ttl_block {
  /* position: absolute;
  top: 33px;
  left: 50%;
  transform: translateX(-50%); */
  width: 315px;
  margin-left: auto;
  margin-right: auto;
  height: 38px;
  border-radius: 19px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 62px;
}
.inner_con.pic_02 .ttl_block .ttl_core_message {
  width: 247px;
  height: 18px;
}
/* .inner_con.pic_02 .pic_02 {
  position: absolute;
  top: 139px;
  left: 50%;
  transform: translateX(-50%);
  width: 754px;
} */
.inner_con.pic_02 .mess_items {
  width: 690px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 45px;
}
.inner_con.pic_02 .message_items .mess_item {
}
.inner_con.pic_02 .mess_line {
  width: 752px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
.inner_con.pic_02 .egao_mess {
  font-size: 2.8rem;
  line-height: 1.57;
  text-align: center;
  margin-bottom: 85px;
  color: #fff;
}
.wrapper_inner.white {
  /* background-image: url(../img_common/pic_corner_left_white.png),
    url(../img_common/pic_corner_right_white.png);
  background-repeat: no-repeat, no-repeat;
  background-size: 100px, 100px;
  background-position: top left, top right; */
  background-color: #fff;
}
.inner_con.pic_03 {
  position: relative;
  /* padding-top: calc(1444px - 80px - 300px); */
  padding-top: 1000px;
}
.inner_con.pic_03 .ttl_kodo {
  position: absolute;
  top: calc(119px - 78px);
  left: 50%;
  transform: translateX(-50%);
  width: 222px;
}
.inner_con.pic_03 .ttl_kodo_copy {
  position: absolute;
  top: calc(212px - 78px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
  width: 100%;
}
/* .inner_con.pic_03 .pic_03 {
  position: absolute;
  top: 192px;
  left: 50%;
  transform: translateX(-50%);
  width: 772px;
  z-index: 99;
} */
.inner_con.pic_03 .kodo_bg {
  position: absolute;
  width: 800px;
  top: 200px;
  left: 0;
}
.inner_con.pic_03 .kodo_line {
  position: absolute;
  width: 800px;
  top: 200px;
  left: 0;
  opacity: 0;
}
.inner_con.pic_03 .kodo_main {
  position: absolute;
  width: 800px;
  top: 200px;
  left: 0;
  opacity: 0;
}
.page_about .inner_con.pic_03 .kodo_main.anime-zoom-up {
  animation: anime-zoom-up 1s forwards ease-in-out;
  animation-delay: 0.5s;
}
@keyframes anime-zoom-up {
  0% {
    transform: scale(0.05);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.page_about .inner_con.pic_03 .kodo_line.anime-line-rotate {
  animation: anime-line-rotate 8s infinite linear;
  animation-delay: 3s;
}

@keyframes anime-line-rotate {
  0% {
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform: rotate(-360deg);
    opacity: 1;
  }
}

/* .page_about .inner_con .wa_moji_block {
  position:relative;
  width: 800px;
  top: 0;
  left: 0;
  z-index: 99;
} */
.page_about .inner_con .wa_moji_block .wa_moji_items {
  position: relative;
  width: 100%;
  height: 380px;
  z-index: 99;
  opacity: 0;
  overflow: hidden;
}
.page_about .inner_con .wa_moji_block .wa_moji_items.displayed {
  opacity: 1;
}
.page_about .inner_con .wa_moji_block .wa_moji_items .wa_moji_item {
  position: absolute;
  display: none;
}
.page_about .inner_con .wa_moji_block .wa_moji_items.displayed .wa_moji_item {
  display: block;
}
.page_about .inner_con .wa_moji_block .wa_moji_items .wa_moji_item.wa_01 {
  width: 77px;
  top: 0;
  left: 365px;
}
.page_about .inner_con .wa_moji_block .wa_moji_items .wa_moji_item.wa_02 {
  width: 48px;
  top: 73px;
  left: 422px;
  /* animation: anime-fall-down 0.5s forwards;
  animation-delay: 4s; */
}
.page_about .inner_con .wa_moji_block .wa_moji_items .wa_moji_item.wa_03 {
  width: 77px;
  top: 127px;
  left: 360px;
  /* animation: anime-fall-down 0.5s forwards;
  animation-delay: 4s; */
}
.page_about .inner_con .wa_moji_block .wa_moji_items .wa_moji_item.wa_04 {
  width: 50px;
  top: 182px;
  left: 397px;
  /* animation: anime-fall-down 0.5s forwards;
  animation-delay: 4s; */
}
.page_about .inner_con .wa_moji_block .wa_moji_items .wa_moji_item.wa_05 {
  width: 76px;
  top: 271px;
  left: 385px;
}

@keyframes anime-fall-down {
  0% {
    top: 0;
    left: 365px;
    opacity: 1;
  }
  90% {
    transform: translateX(110%) translateY(110%);
    opacity: 1;
  }
  100% {
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

.inner_con.philosophy {
  position: relative;
  padding-top: 1415px;
}
.inner_con.philosophy .ttl_block {
  position: absolute;
  top: calc(148px - 75px);
  left: 50%;
  transform: translateX(-50%);
  width: 315px;
  height: 38px;
  border-radius: 19px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inner_con.philosophy .ttl_block .ttl_philosophy {
  width: 198px;
  height: 14px;
}
/* .inner_con.philosophy .pic_egao_de_tsunagaru {
  position: absolute;
  top: calc(250px - 75px);
  left: 50%;
  transform: translateX(-50%);
  width: 754px;
  z-index: 99;
} */
.inner_con.philosophy .phil_items {
  position: absolute;
  width: 734px;
  top: 151px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
.inner_con.philosophy .mess_line {
  position: absolute;
  width: 752px;
  top: 245px;
  left: 50%;
  transform: translateX(-50%);
}
.inner_con.philosophy .phil_con {
  position: absolute;
  top: 330px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.1;
  color: #fff;
}
.wrapper_inner.overflow_hidden {
  overflow: hidden;
}
.wrapper_inner .philo_block {
  position: relative;
  height: 0;
  width: 100%;
}
.wrapper_inner .philo_pic {
  width: 397px;
  height: 397px;
  border: solid 6px #fff;
  border-radius: 50%;
  /* overflow: hidden; */
  position: absolute;
  /* animation: jump-repeat 1s infinite; */
}
.wrapper_inner .philo_pic.jump-repeat {
  animation: jump-repeat 10s infinite;
}
@keyframes jump-repeat {
  0% {
    transform: translate(0%, 0);
  }
  47% {
    transform: translate(0%, 0);
  }
  50% {
    transform: translate(0%, 10px);
  }
  53% {
    transform: translate(0%, 0);
  }
  0% {
    transform: translate(0%, 0);
  }
}

.wrapper_inner .philo_pic.philo_pic_01 {
  top: calc(-406px - 321px - 75px);
  left: calc((90 / 1920 * 100%));
}
.wrapper_inner .philo_pic.philo_pic_02 {
  top: calc(-406px - 150px - 75px);
  left: calc(396 / 1920 * 100%);
  z-index: 80;
}
.wrapper_inner .philo_pic.philo_pic_03 {
  top: calc(-406px - 104px - 75px);
  left: calc(767 / 1920 * 100%);
  /* left: 50%;
  transform: translateX(-50%); */
  z-index: 90;
}
.wrapper_inner .philo_pic.philo_pic_04 {
  top: calc(-406px - 150px - 75px);
  right: calc(396 / 1920 * 100%);
  z-index: 80;
}
.wrapper_inner .philo_pic.philo_pic_05 {
  top: calc(-406px - 321px - 75px);
  right: calc((90 / 1920 * 100%));
}
.inner_con.service {
  padding-top: calc(154px - 75px);
  padding-bottom: calc(135px + 75px);
}
.inner_con.service .ttl_block {
  width: 315px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 19px;
  background-color: var(--color-orange);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 116px;
}
.inner_con.service .ttl_block .ttl_service {
  width: 131px;
  height: 19px;
}
.inner_con.service .service_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* padding-bottom: 98px;
  border-bottom: dotted 4px var(--color-gray); */
  margin-bottom: 113px;
}
.inner_con.service .service_item .service_item_left {
  width: calc(466 / 800 * 100%);
}
.inner_con.service .service_item .service_item_left .service_pic {
  width: 243px;
  margin-top: 62px;
  margin-left: 90px;
}
.inner_con.service .service_item .service_item_right {
  width: calc(100% - (466 / 800 * 100%));
}
.inner_con.service .service_item .service_item_right > h3 {
  font-size: 2.4rem;
  line-height: 1;
  margin-bottom: 15px;
}
.inner_con.service .service_item .service_item_right > p {
  font-size: 1.35rem;
  line-height: 1.63;
  margin-bottom: 24px;
  white-space: nowrap;
}
.inner_con.service .service_item .service_item_right .btn_brand_site {
  /* display: flex;
  justify-content: center;
  align-items: center;
  width: 168px;
  height: 34px;
  border-radius: 17px;
  border: solid 2px var(--color-orange); */
  width: 169px;
  /* margin-left: auto;
  margin-right: auto; */
  height: 32px;
  border: solid 2px var(--color-orange);
  border-radius: 16px;
  display: block;
  /* justify-content:center;
    align-items:center; */
  background-image: url(../img_top/btn_brand_site_off.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.inner_con.service .service_item .service_item_right .btn_brand_site:hover {
  background-image: url(../img_top/btn_brand_site_on.png);
  background-color: var(--color-orange);
  opacity: 1;
}
/* .inner_con.service .service_item .service_item_right .btn_brand_site > img {
  display: block;
  width: 110px;
} */
/* .inner_con.service .service_item .service_item_left .pic_kiwamiya_labo {
  width: 132px;
  margin-top: -16px;
  margin-left: 148px;
}
.inner_con.service .service_item.kiwamiya_labo {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
} */
.wrapper_inner.gray {
  background-color: var(--color-gray);
}
.inner_con.company {
  padding-top: calc(150px - 75px);
  /* padding-bottom: calc(186px - 75px); */
  padding-bottom: 162px;
}
.inner_con.company .ttl_block {
  width: 315px;
  height: 38px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 19px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
}
.inner_con.company .ttl_block .ttl_company {
  width: 151px;
  height: 20px;
}
.inner_con.company .company_items {
  width: 645px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 16px;
}
.inner_con.company dl.company {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-bottom: 24px;
  margin-bottom: 24px;
  /* border-bottom: solid 1px #000; */
  position: relative;
}
.inner_con.company dl.company::after {
  background-color: #000;
  content: "";
  display: block;
  position: absolute;

  z-index: 10;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;

  width: 0;
  height: 1px;
  left: -1px;
  bottom: -1px;
  transition-delay: 1.5s;
}
/* is-inview */
.inner_con.company dl.company.is-inview::after {
  width: calc(100% + 1px);
}
.inner_con.company dl.company.border_bottom_none {
  border-bottom: none;
}
.inner_con.company dl.company > dt {
  width: 168px;
  padding-left: 10px;
  font-size: 1.8rem;
  line-height: 1;
}
.inner_con.company dl.company > dd {
  width: calc(100% - 168px);
  font-size: 1.6rem;
  line-height: 1;
}
.inner_con.company .map {
  width: 645px;
  border-radius: 12px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}

.footer_copy_line_block {
  position: relative;
  height: 76px;
  z-index: 998;
  overflow-x: clip;
}
.footer_copy_line_block.gray {
  background-color: var(--color-gray);
}
.footer_copy_line_block .footer_copy_line {
  height: 95px;
  display: flex;
}
.footer_copy_line_block .footer_copy_line .footer_copy {
  height: auto;
  height: 76px;
}

.footer {
  width: 100%;
  /* margin-top: -2px; */
}

.footer.gray {
  background-color: var(--color-gray);
}
.footer .footer_wrapper {
  width: 100%;
  border-radius: 100px 100px 0 0;
  background-color: var(--color-orange);
}
.footer .wrapper_inner {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.footer .footer_upper_block {
  display: flex;
  justify-content: space-between;
  padding-bottom: 55px;
}
.footer .footer_upper_block .logo_wahhahha {
  width: 356px;
  margin-top: 165px;
}
.footer .footer_upper_block ul.footer_menu {
  padding-left: 0;
  list-style-type: none;
  width: 170px;
  margin-top: 95px;
}
.footer .footer_upper_block ul.footer_menu > li {
  margin-bottom: 22px;
}
.footer .footer_upper_block ul.footer_menu > li > a {
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
}
.footer .footer_down_block {
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding-bottom: 75px;
}
.footer .footer_down_block .copy_right {
  font-size: 1.63rem;
  letter-spacing: 0.3rem;
  color: #fff;
  padding-bottom: 5px;
}
.footer .footer_down_block .icon_block {
  display: flex;
  justify-content: space-between;
}
.footer .footer_down_block .icon_block > a {
  display: block;
}
.footer .footer_down_block .icon_block .icon_x {
  width: 38px;
  margin-right: 37px;
}
.footer .footer_down_block .icon_block .icon_insta {
  width: 36px;
  margin-right: 40px;
}
.footer .footer_down_block .icon_block .footer_menu_recruit {
  width: 180px;
  height: 36px;
  opacity: 1;
  transition: 0.7s;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  background-image: url("../img_common/footer_menu_recruit_off.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
.footer .footer_down_block .icon_block .footer_menu_recruit:hover {
  background-image: url("../img_common/footer_menu_recruit_on.svg");
}
/* .footer .footer_down_block .icon_block .footer_menu_recruit > img.on {
  display: none;
}
.footer .footer_down_block .icon_block .footer_menu_recruit > img.off {
  display: block;
}
.footer .footer_down_block .icon_block .footer_menu_recruit:hover > img.on {
  display: block;
}
.footer .footer_down_block .icon_block .footer_menu_recruit:hover > img.off {
  display: none;
} */
.for_top {
  width: 67px;
  position: fixed;
  bottom: -100px;
  /* right: 40px; */
  left: calc(50% + 600px);
  /* bottom: 540px; */
  z-index: 9999;
}

/* START ブランド一覧 */
.inner_con.brand_lists .ttl_brand_lists {
  width: 100px;
  margin-top: 87px;
  margin-bottom: 30px;
}

.inner_con.brand_lists .service_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 128px;
  /* border-bottom: dotted 5px var(--color-gray); */
  /* margin-bottom: 174px; */
}
.inner_con.brand_lists .service_item .service_item_left {
  width: calc(700 / 1200 * 100%);
}
.inner_con.brand_lists .service_item .service_item_left .service_pic {
  width: 220px;
  margin-top: 154px;
  margin-left: 104px;
}
.inner_con.brand_lists .service_item .service_item_right {
  width: calc(100% - (710 / 1200 * 100%));
}
/* .inner_con.brand_lists .service_item .service_item_right > h3 {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 30px;
} */
.inner_con.brand_lists .service_item .service_item_right > p {
  font-size: 1.4rem;
  line-height: 1.57;
  margin-bottom: 32px;
  white-space: nowrap;
}
.inner_con.brand_lists .service_item .service_item_right .btn_brand_site {
  /* display: flex;
  justify-content: center;
  align-items: center;
  width: 167px;
  height: 32px;
  border-radius: 18px;
  border: solid 2px var(--color-orange); */
  width: 169px;
  margin-left: auto;
  margin-right: auto;
  height: 32px;
  border: solid 2px var(--color-orange);
  border-radius: 16px;
  display: block;
  /* justify-content:center;
    align-items:center; */
  background-image: url(../img_top/btn_brand_site_off.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.inner_con.brand_lists .service_item .service_item_right .btn_brand_site > img {
  /* display: block;
  width: 112px; */
}
.inner_con.brand_lists .service_item .service_item_right .btn_brand_site:hover {
  background-image: url(../img_top/btn_brand_site_on.png);
  background-color: var(--color-orange);
  opacity: 1;
}

.inner_con.brand_lists .shop_type_lists {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /* margin-bottom: calc(56px + 75px); */
  margin-bottom: 0;
}
.inner_con.brand_lists .shop_type_lists .shop_type_list {
  width: calc(800px / 4);
  height: 47px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.2rem;
  border-left: solid 1px #000;
}
.inner_con.brand_lists .shop_type_lists > a:last-child .shop_type_list {
  border-right: solid 1px #000;
}

.wrapper_inner.h_145px {
  height: 96px;
}
.wrapper_inner.h_96px {
  height: 96px;
}

.inner_con.shop_type {
  padding-top: 18px;
  padding-bottom: calc(88px - 34px + 75px - 15px);
  /* padding-bottom: 43px; */
}
.inner_con.shop_type .mark_ham {
  width: 281px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px;
}
.inner_con.shop_type .title_block {
  display: flex;
  /* flex-direction: row-reverse; */
  justify-content: space-between;
  margin-bottom: 96px;
}
.inner_con.shop_type .title_block .title_block_left {
  width: calc(100% - (618 / 1200) * 100%);
}
.inner_con.shop_type .title_block .title_block_left .title_block_ttl {
  margin-left: 14px;
  margin-bottom: 14px;
}
.inner_con.shop_type .title_block .title_block_left .title_block_ttl.hamburg {
  width: 113px;
}
.inner_con.shop_type .title_block .title_block_left .title_block_ttl.yakiniku {
  width: 109px;
}
.inner_con.shop_type .title_block .title_block_left .title_block_ttl.motsunabe {
  width: 141px;
}
.inner_con.shop_type .title_block .title_block_left .copy_obi_relative {
  position: relative;
  width: 100%;
  padding-top: 72px;
  margin-bottom: 24px;
}
.inner_con.shop_type .title_block .title_block_left .copy_obi {
  position: absolute;
  top: 0;
  left: 0;
  width: 427px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-orange);
  z-index: 10;
}
.inner_con.shop_type
  .title_block
  .title_block_left
  .copy_obi
  .copy_omoiha_nikuni {
  display: flex;
  justify-content: space-between;
  width: 386px;
}

.inner_con.shop_type .title_block .title_block_left .copy_obi .copy_kono_umasa {
  width: 375px;
  display: flex;
  justify-content: space-between;
}
.inner_con.shop_type
  .title_block
  .title_block_left
  .copy_obi
  .copy_umasa_kaoru {
  width: 379px;
  display: flex;
  justify-content: space-between;
}
.inner_con.shop_type .title_block .title_block_left > p {
  margin-left: 11px;
  font-size: 1.4rem;
  line-height: 1.57;
}
.inner_con.shop_type .title_block .title_block_right {
  /* width: calc((414 / 800) * 100%); */
  /* height: 400px; */
  width: 414px;
  height: 268px;
  border-radius: 20px;
  overflow: hidden;
}
.inner_con.shop_type .ttl_hamburg_tenpo {
  width: 165px;
  margin-bottom: 38px;
}
.inner_con.shop_type .ttl_yakiniku_tenpo {
  width: 110px;
  margin-bottom: 38px;
}
.inner_con.shop_type .ttl_motsunabe_tenpo {
  width: 128px;
  margin-bottom: 38px;
}

.inner_con.shop_type .tenpo_accordion_items {
  padding-bottom: 42px;
}
.inner_con.shop_type .tenpo_title_relative {
  position: relative;
  padding-top: 42px;
  width: 100%;
  margin-bottom: 28px;
}
.inner_con.shop_type .tenpo_title_relative .tenpo_title_line {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  border-top: solid 1px #000;
}
.inner_con.shop_type .tenpo_title_relative .tenpo_title_left {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 198px;
  height: 42px;
}
.inner_con.shop_type .tenpo_title_relative .icon_map_pin {
  position: absolute;
  width: 22px;
  top: 0;
  left: 32px;
}
.inner_con.shop_type .tenpo_title_relative .ttl_shop_point {
  position: absolute;
  width: 86px;
  top: 0;
  left: 73px;
}
.inner_con.shop_type .tenpo_title_relative .ttl_shop_point.fukuoka {
  width: 58px;
}
.inner_con.shop_type .tenpo_title_relative .ttl_shop_point.aichi {
  width: 59px;
}
.inner_con.shop_type .tenpo_title_relative .ttl_shop_point.tokyo {
  width: 60px;
}
.inner_con.shop_type .tenpo_title_relative .ttl_shop_point.kanagawa {
  width: 88px;
  top: 35px;
  left: 73px;
}
.inner_con.shop_type .tenpo_title_relative .icon_arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  left: 152px;
  transform: rotate(-90deg);
  transition: transform 0.2s ease-in-out;
}
.inner_con.shop_type .tenpo_title_relative.open .icon_arrow {
  transform: rotate(0deg);
  transition: transform 0.2s ease-in-out;
}
.inner_con.shop_type .accordion_block {
  display: none;
}
.inner_con.shop_type .tenpo_accordion_item {
  width: 603px;
  display: flex;
  justify-content: space-between;
  margin-left: calc(100% - 603px);
  padding-bottom: 56px;
  border-bottom: solid 1px #000;
  margin-bottom: 56px;
}
.inner_con.shop_type .tenpo_accordion_item.pb_44px {
  padding-bottom: 44px;
}
.inner_con.shop_type .tenpo_accordion_item.border_none {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.inner_con.shop_type .tenpo_accordion_item:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.inner_con.shop_type .tenpo_accordion_item .pic_shop {
  margin-left: 15px;
  width: 234px;
  height: 167px;
  border-radius: 8px;
  overflow: hidden;
}
.inner_con.shop_type .tenpo_accordion_item .pic_shop_con {
  width: 297px;
  /* padding-top: 12px; */
}
.inner_con.shop_type .tenpo_accordion_item .pic_shop_con .pic_shop_con_ttl {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 16px;
}
.inner_con.shop_type .tenpo_accordion_item .pic_shop_con .info_line {
  margin-bottom: 4px;
  display: flex;
  justify-content: start;
  width: 100%;
}
.inner_con.shop_type
  .tenpo_accordion_item
  .pic_shop_con
  .info_line
  .icon_info_relative {
  position: relative;
  padding-top: 29px;
  width: 29px;
  margin-right: 8px;
}
.inner_con.shop_type
  .tenpo_accordion_item
  .pic_shop_con
  .info_line
  .icon_info_relative
  .icon_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
}
.inner_con.shop_type .tenpo_accordion_item .pic_shop_con .info_line .info_con {
  margin-top: 5px;
  font-size: 1.2rem;
  line-height: 1.3;
  white-space: nowrap;
}
.inner_con.shop_type
  .tenpo_accordion_item
  .pic_shop_con
  .info_line
  .info_attention {
  margin-top: 5px;
  font-size: 1rem;
  line-height: 1.4;
  text-wrap-mode: nowrap;
}
.inner_con.shop_type
  .tenpo_accordion_item
  .pic_shop_con
  .info_line
  .info_con.lh_15 {
  line-height: 1.5;
}
.wrapper_inner.pb_adjust {
  padding-bottom: calc(203px - 60px);
}

.page_brand ul.panel_items {
  /* position: relative; */
  width: 100%;
}
.page_brand ul.panel_items li.panel_item {
  /* position: absolute; */
  width: 100%;
  /* height: auto; */
}
/* END ブランド一覧 */

/* TOPページ */
.page_top .header_pic_block {
  position: relative;
  width: 100%;
  padding-top: calc(612 / 800 * 100%);
}
.page_top .header_pic_block .header_pic {
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
}
/* .page_top .header_pic{
  margin-top:134px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:106px;
  width:456px;
} */

/* .footer_copy_line.height_adjust{
  height:95px;
  margin-top:-8px;
} */
/* .page_top .slide_pic_block{
  margin-top:-12px;
} */
.page_top .slide_pics {
  width: 100%;
  /* height:815px; */
  border-radius: 100px 100px 0 0;
  overflow: hidden;
}
.brim_block {
  position: relative;
  width: 100%;
  height: 0;
}
.brim_block .brim {
  position: absolute;
  top: -75px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 75px;
  border-radius: 75px 75px 0 0;
  /* z-index:2; */
}
.brim_block .brim.radius_big {
  height: 100px;
  border-radius: 100px 100px 0 0;
  top: -100px;
}
.brim_block .brim.white {
  background-color: #fff;
}
.brim_block .brim.gray {
  background-color: var(--color-gray);
}
.brim_block .brim.orange {
  background-color: var(--color-orange);
}
.page_top .philosophy_block {
  padding-top: 62px;
  margin-bottom: 51px;
}
.page_top .philosophy_block .ttl_philosophy {
  width: 90px;
  margin-bottom: 22px;
}
.page_top .philosophy_block .con_items {
  display: flex;
  justify-content: space-between;
}
.page_top .philosophy_block .con_items .con_item_left {
  width: 468px;
}
/* .page_top .philosophy_block .con_items .con_item_left>h4{
  width:401px;
  margin-top:35px;
} */
.page_top .philosophy_block .con_items .con_item_left .mv_catch_items {
  width: 400px;
  margin-top: 35px;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.page_top
  .philosophy_block
  .con_items
  .con_item_left
  .mv_catch_items
  .mv_catch_item {
  width: calc(400px / 8);
  margin-bottom: 27px;
}
.page_top
  .philosophy_block
  .con_items
  .con_item_left
  .mv_catch_items
  .mv_catch_item.qu {
  width: calc((400px / 8) * (96 / 112));
}
.page_top
  .philosophy_block
  .con_items
  .con_item_left
  .mv_catch_items
  .mv_catch_item.wa {
  width: calc((400px / 8) * (128 / 112));
}

.page_top .philosophy_block .con_items .con_item_right {
  width: calc(100% - 468px);
}
.page_top .philosophy_block .con_items .con_item_right > p {
  font-size: 1.4rem;
  line-height: 1.71;
  white-space: nowrap;
  margin-bottom: 12px;
}
.page_top .philosophy_block .con_items .con_item_right .icon_view_more {
  display: block;
  width: 107px;
}

.page_top .brands_block {
  margin-bottom: 110px;
}
.page_top .brands_block .ttl_brands {
  width: 58px;
  margin-bottom: 68px;
}

.page_top .brands_block .con_items {
  display: flex;
  justify-content: space-between;
  margin-block: 60px;
}
.page_top .brands_block .con_items .con_item_left {
  width: 468px;
}
.page_top .brands_block .con_items .con_item_left > h4 {
  width: 236px;
  margin-top: 31px;
  margin-left: 79px;
}
.page_top .brands_block .con_items .con_item_right {
  width: calc(100% - 468px);
}
.page_top .brands_block .con_items .con_item_right > p {
  font-size: 1.4rem;
  line-height: 1.71;
  white-space: nowrap;
  margin-bottom: 12px;
}
.page_top .brands_block .con_items .con_item_right .icon_view_more {
  display: block;
  width: 107px;
}
.page_top .brands_block .brands_pic_items {
  display: flex;
  justify-content: space-between;
}
.page_top .brands_block .brands_pic_items .brands_pic_item {
  width: 261px;
}
.page_top .brands_block .brands_pic_items .brands_pic_item .brands_pic {
  display: block;
  width: 261px;
  height: 195px;
  border-radius: 33px;
  overflow: hidden;
  margin-bottom: 16px;
}
.page_top .brands_block .brands_pic_items .brands_pic_item .brands_pic_copy {
  font-size: 1.7rem;
  text-align: center;
}

.page_top .news_block {
  margin-bottom: calc(310px - 33px + 75px);
}
.page_top .news_block .ttl_news_block {
  display: flex;
  justify-content: space-between;
  align-items: start;
  width: 172px;
  margin-bottom: 50px;
}
.page_top .news_block .ttl_news_block .ttl_news {
  width: 40px;
  margin-top: 2px;
}
.page_top .news_block .ttl_news_block .btn_news_more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 116px;
  height: 18px;
  border: solid 2px var(--color-orange);
  border-radius: 9px;
}
.page_top .news_block .ttl_news_block .btn_news_more .btn_news_more_moji {
  font-size: 1rem;
  line-height: 1;
  color: var(--color-orange);
}
.page_top .news_block .news_items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page_top .news_block .news_items .news_item {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;

  width: 374px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 33px;
}
.page_top .news_block .news_items .news_item:hover {
  cursor: url("../img_common/custom_cursor.png"), auto;
  opacity: 0.7;
}
.page_top .news_block .news_items .news_item .news_item_pic {
  width: 131px;
  height: 87px;
  overflow: hidden;
  background-color: var(--color-gray);
}
.page_top .news_block .news_items .news_item .news_item_date {
  width: 122px;
  padding-left: 22px;
  display: flex;
  align-items: center;
  font-size: 1rem;
}
.page_top .news_block .news_items .news_item .news_item_ttl {
  width: calc(374px - 131px - 122px);
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
  font-size: 1rem;
  line-height: 1.34;
  text-align: left;
  text-wrap-mode: wrap;
}

/* news modal window */

#modal-overlay {
  display: none;
  background: rgba(147, 137, 127, 0.66);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  opacity: 0; /* Initially transparent */
  transition: opacity 0.3s ease-in-out;
}

.modal-style {
  /* display: none; */
  background: white;
  /* width: 1000px; */
  width: 40vw;
  /* padding: 68px 85px 100px 85px; */
  padding: 67px 45px 50px 45px;
  border-radius: 50px;
  /* height: auto; */
  /* min-height: 600px; */
  height: 90vh;
  position: fixed;
  top: 50%;
  left: 50%;
  top: -1000px;
  transform: translate(-50%, -50%);
  z-index: 10001;
  opacity: 0; /* Initially transparent */
  transition: opacity 0.5s ease-in-out;
}
#modal-overlay.open {
  display: block; /* Show the overlay */
  opacity: 1; /* Make it visible */
}
.modal-style.open {
  /* display: block; */
  top: 50%;
  opacity: 1; /* Make it visible */
}
.modal-style .mordal-close-buttons {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;

  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 50px;
  height: 50px; */
  width: 40px;
  height: 40px;
  background-color: var(--color-orange);
  border-radius: 25px;
}
.modal-style .mordal-close-buttons:hover {
  cursor: pointer;
}
.modal-style .mordal-close-buttons .close_btn_rel {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal-style .mordal-close-buttons .close_btn_line {
  position: absolute;
  /* top: 50%; */
  left: 45%;
  transform: translateX(-50%);
  width: 15px;
  height: 2px;
  background-color: #fff;
}
.modal-style .mordal-close-buttons .close_btn_line.btn_l {
  rotate: 45deg;
  top: 58%;
}
.modal-style .mordal-close-buttons .close_btn_line.btn_r {
  rotate: -45deg;
  /* top: 37%; */
  top: 33%;
}

.modal-style .news_con_box {
  max-height: 100%;
  overflow-y: scroll;
}
.modal-style .news_con_box .news_con_date {
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 45px;
}
.modal-style .news_con_box .news_con_ttl {
  font-size: 2.5rem;
  margin-bottom: 55px;
}
.modal-style .news_con_box .news_con_content {
  font-size: 1.5rem;
  line-height: 1.67;
  overflow-y: auto;
}

/* END news modal window */

.page_top .recruit_block {
  background-color: var(--color-gray);
  padding-bottom: 180px;
}
.page_top .recruit_block .recruit_pics_line {
  position: relative;
  height: 220px;
}
.page_top .recruit_block .recruit_pics_line .recruit_pics {
  position: absolute;
  top: -241px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.page_top .recruit_block .recruit_pics_line .recruit_pics .recruit_pic {
  width: 261px;
  height: 333px;
  border-radius: 33px;
  overflow: hidden;
}

.page_top .recruit_block .con_items {
  display: flex;
  justify-content: space-between;
}
.page_top .recruit_block .con_items .con_item_left {
  width: 415px;
}
.page_top .recruit_block .con_items .con_item_left > h4 {
  /* width:301px; */
  margin-top: 87px;
  font-size: 6.7rem;
  font-weight: bold;
  line-height: 1;
  text-wrap-mode: nowrap;
  color: var(--color-orange);
}
.page_top .recruit_block .con_items .con_item_right {
  width: calc(100% - 415px);
}
.page_top .recruit_block .con_items .con_item_right .oniku_ga {
  font-size: 2.3rem;
  line-height: 1;
  margin-bottom: 24px;
  white-space: nowrap;
}
.page_top .recruit_block .con_items .con_item_right .media_ya {
  font-size: 1.4rem;
  line-height: 2;
  white-space: nowrap;
  margin-bottom: calc(22px + 17px);
}
.page_top .recruit_block .con_items .con_item_right .icon_more_detail {
  display: block;
  /* justify-content:center;
    align-items:center; */
  margin-left: 82px;
  width: 180px;
  height: 30px;
  border: solid 2px var(--color-orange);
  border-radius: 15px;
  overflow: hidden;
  background-image: url(../img_top/btn_kuwashikuha_off.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.page_top .recruit_block .con_items .con_item_right .icon_more_detail:hover {
  background-image: url(../img_top/btn_kuwashikuha_on.png);
  background-color: var(--color-orange);
  opacity: 1;
}
/* .page_top .recruit_block .con_items .con_item_right .icon_more_detail .btn_kuwashikuha{
    width:105px;
    height:16px;
  } */

.page_top .message_block {
  margin-top: 95px;
  margin-bottom: 215px;
}
/* .page_top .message_block  .ttl_message{
      width: 68px;
      margin-bottom: 75px;
    } */

.page_top .message_block .con_items {
  display: flex;
  justify-content: space-between;
}
.page_top .message_block .con_items .con_item_left {
  width: 415px;
  display: flex;
  justify-content: start;
  align-items: center;
}
/* .page_top .message_block .con_items .con_item_left .message_pic_01{
    width:319px;
    height:385px;
    border-radius:35px;
overflow:hidden;
  } */
.page_top .message_block .con_items .con_item_left > h4 {
  /* width:301px; */
  /* margin-top:87px; */
  font-size: 6.7rem;
  font-weight: bold;
  line-height: 1;
  text-wrap-mode: nowrap;
  color: var(--color-orange);
}
.page_top .message_block .con_items .con_item_right {
  width: calc(100% - 415px);
}
.page_top .message_block .con_items .con_item_right .ttl_president {
  font-size: 1.2rem;
  color: var(--color-orange);
  margin-bottom: 20px;
}
.page_top .message_block .con_items .con_item_right > h4 {
  font-size: 2.4rem;
  color: var(--color-orange);
  white-space: nowrap;
  margin-bottom: 18px;
}
.page_top .message_block .con_items .con_item_right .message_con {
  font-size: 1.3rem;
  line-height: 1.84;
  white-space: nowrap;
}

.page_top .contact_block {
  padding-top: 104px;
  padding-bottom: 212px;
}
.page_top .contact_block .con_items {
  display: flex;
  justify-content: space-between;
}
.page_top .contact_block .con_items .con_item_left {
  width: 415px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.page_top .contact_block .con_items .con_item_left > h4 {
  /* width:328px;
  margin-top:161px; */
  font-size: 6.7rem;
  font-weight: bold;
  line-height: 1;
  text-wrap-mode: nowrap;
  color: #fff;
}
.page_top .contact_block .con_items .con_item_right {
  width: calc(100% - 415px);
}
.page_top .contact_block .con_items .con_item_right .box_border {
  border-bottom: solid 1px #fff;
  padding-bottom: 63px;
  margin-bottom: 67px;
}
.page_top .contact_block .con_items .con_item_right .shuzaiha_kochira {
  font-size: 2.5rem;
  line-height: 1.52;
  text-align: center;
  color: #fff;
  margin-bottom: 23px;
}
.page_top .contact_block .con_items .con_item_right .icon_otoiawase {
  width: 180px;
  margin-left: auto;
  margin-right: auto;
  border: solid 2px #fff;
  height: 30px;
  border-radius: 18px;
  display: block;
  /* justify-content:center;
align-items:center; */
  background-image: url(../img_top/btn_otoiawase_off.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.page_top .contact_block .con_items .con_item_right .icon_otoiawase:hover {
  background-image: url(../img_top/btn_otoiawase_on.png);
  background-color: #fff;
  opacity: 1;
}
/* .page_top .contact_block .con_items .con_item_right .icon_otoiawase .btn_otoiawase{
    width:98px;
    height:16px;
  } */

.page_top .service_block {
  padding-top: 106px;
  margin-bottom: 325px;
}
/* .page_top .service_block .ttl_service{
      width:60px;
      margin-bottom:28px;
    } */

.page_top .service_block .con_items {
  display: flex;
  justify-content: space-between;
}
.page_top .service_block .con_items .con_item_left {
  width: 415px;
  display: flex;
  justify-content: start;
  align-items: center;
}
.page_top .service_block .con_items .con_item_left > h4 {
  /* margin-top:87px; */
  font-size: 6.7rem;
  font-weight: bold;
  line-height: 1;
  text-wrap-mode: nowrap;
  color: var(--color-orange);
}
.page_top .service_block .con_items .con_item_right {
  width: calc(100% - 415px);
}
/* .page_top .service_block .con_items .con_item_right .con_item{
    width:calc((100% - 36px + 36px) /2);
  } */

/* .page_top .service_block .con_items .con_item{
    width:calc((100% - 36px + 36px) /2);
  }
  .page_top .service_block .con_items .con_border{
    margin-left:36px;
    padding-left:36px;
    border-left:solid 1px #231815;
  } */

.page_top .service_block .con_items .con_item_right .con_item .brand_logo_box {
  width: 100%;
  margin-bottom: 47px;
  display: flex;
  justify-content: center;
}
.page_top
  .service_block
  .con_items
  .con_item_right
  .con_item
  .brand_logo_box
  .logo_kiwamiya {
  width: 293px;
}
/* .page_top .service_block .con_items .con_item_right .con_item .brand_logo_box .pic_kiwamiya_labo{
    position: absolute;
    width: 130px;
    top: 2px;
    left: 118px;
  } */
.page_top .service_block .con_items .con_item > h5 {
  font-size: 1.7rem;
  text-align: center;
  color: var(--color-orange);
  margin-bottom: 18px;
}
.page_top .service_block .con_items .con_item .to_brand_site {
  width: 169px;
  margin-left: auto;
  margin-right: auto;
  height: 32px;
  border: solid 2px var(--color-orange);
  border-radius: 16px;
  display: block;
  /* justify-content:center;
    align-items:center; */
  background-image: url(../img_top/btn_brand_site_off.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.page_top .service_block .con_items .con_item .to_brand_site:hover {
  background-image: url(../img_top/btn_brand_site_on.png);
  background-color: var(--color-orange);
  opacity: 1;
}
/* .page_top .service_block .con_items .con_item .to_brand_site .btn_brand_site{
    width:97px;
    height:16px;
  } */
/* END TOPページ */

/* page_recruit */
.page_recruit .mv_recruit_bg {
  position: relative;
  padding-top: 2000px;
  overflow: hidden;
}
.page_recruit .mv_recruit_bg .mv_recruit {
  position: absolute;
  top: 0;
  /* left: 0;
  left: 50%;
  transform: translateX(-50%); */
  /* width: 1920px; */
  width: 100%;
  /* left: 0;
  right: 0; */

  animation: bounce 20s ease-in-out forwards;
  animation-iteration-count: infinite;
}
@keyframes bounce {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(1.1);
    -webkit-transform: scale(1.05);
  }
}

.page_recruit .mv_recruit_bg .recruit_copy_block {
  position: absolute;
  width: 1200px;
  top: 959px;
  left: 50%;
  transform: translateX(-50%);
}
.page_recruit .mv_recruit_bg .recruit_copy_block .recruit_catch_copy {
  font-size: 6rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px;
  /* color: #fff; */
}
.page_recruit .mv_recruit_bg .recruit_copy_block .recruit_copy {
  font-size: 1.7rem;
  line-height: 1.65;
  text-align: center;
  /* color: #fff; */
  margin-bottom: 128px;
}
.page_recruit .mv_recruit_bg .recruit_copy_block .appeal_items {
  display: flex;
  justify-content: space-between;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.page_recruit .mv_recruit_bg .recruit_copy_block .appeal_items .appeal_item {
  width: 180px;
}
.page_recruit
  .mv_recruit_bg
  .recruit_copy_block
  .appeal_items
  .appeal_item
  .apeal_circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 180px;
  border-radius: 90px;
  background-color: var(--color-orange);
  margin-bottom: 28px;
}
.page_recruit
  .mv_recruit_bg
  .recruit_copy_block
  .appeal_items
  .appeal_item
  .apeal_circle
  > div {
  font-size: 3rem;
  line-height: 1.33;
  color: #fff;
  text-align: center;
}
.page_recruit
  .mv_recruit_bg
  .recruit_copy_block
  .appeal_items
  .appeal_item
  .appeal_con {
  font-size: 1.7rem;
  line-height: 1.65;
  text-align: center;
  color: var(--color-orange);
  text-wrap-mode: nowrap;
}
.page_recruit .recruit_pic_01_bg {
  height: 500px;
  overflow: hidden;
}
.page_recruit .recruit_pic_01_bg .recruit_pic_01 {
  width: 100%;
  height: 100%;
  padding: 100%;
  background-image: url(../img_recruit/recruit_pic_01.png);
  background-attachment: fixed;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.page_recruit .intro_recruit_bg .intro_recruit {
  padding-top: 170px;
}
.page_recruit .intro_recruit_bg .intro_recruit .ttl_search_for {
  width: 525px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 130px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
.page_recruit .intro_recruit_bg .intro_recruit .ttl_search_for > div {
  color: #fff;
  font-size: 3rem;
}
.page_recruit .intro_recruit_bg .intro_recruit .employment_items {
  width: 860px;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom: 187px; */
  padding-bottom: 187px;
}
.page_recruit .intro_recruit_bg .intro_recruit .employment_items .btn_recruit {
  /* width: 400px; */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background-color: #fff;
  border-radius: 40px;
  border: solid 1px var(--color-orange);
  position: relative;
  cursor: pointer;
}
.page_recruit .intro_recruit_bg .intro_recruit .btn_recruit.employment_item {
  width: 400px;
}
.page_recruit .intro_recruit_bg .intro_recruit .btn_recruit .employment_con {
  font-size: 2.5rem;
  letter-spacing: 0.2em;
  line-height: 1;
  color: #000;
}
.page_recruit .intro_recruit_bg .intro_recruit .btn_recruit .btn_recruit_arrow {
  position: absolute;
  width: 10px;
  top: 33%;
  right: 33px;
  filter: invert(100%) sepia(100%) saturate(7481%) hue-rotate(25deg)
    brightness(101%) contrast(107%);
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items
  .btn_recruit:hover {
  opacity: 1;
  background-color: var(--color-orange);
  border: solid 1px #fff;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items
  .btn_recruit:hover
  .employment_con {
  color: #fff;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items
  .btn_recruit:hover
  .btn_recruit_arrow {
  opacity: 1;
  filter: invert(0%) sepia(52%) saturate(258%) hue-rotate(18deg)
    brightness(106%) contrast(103%);
}
.page_recruit .intro_recruit_bg .intro_recruit .employment_items.work_place {
  width: 1150px;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .btn_recruit.employment_item.work_place {
  width: 350px;
}
.page_recruit .recruit_pic_02_bg {
  /* height: 550px; */
  padding-top: 215px;
  padding-bottom: 85px;
}
.page_recruit .recruit_pic_02_bg .recruit_pic_02 {
  width: 900px;
  height: 550px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px;
  overflow: hidden;
}
.page_recruit .intro_recruit_bg .intro_recruit.all_recruit_info {
  padding-top: 0;
  padding-bottom: 0;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items.all_recruit_info {
  width: 600px;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .btn_recruit.employment_item.all_recruit_info {
  width: 600px;
  background-color: #fff;
  border: solid 1px var(--color-orange);
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items.all_recruit_info
  .btn_recruit
  .employment_con {
  color: var(--color-orange);
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items.all_recruit_info
  .btn_recruit:hover {
  background-color: var(--color-orange);

  border: solid 1px var(--color-orange);
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items.all_recruit_info
  .btn_recruit:hover
  .employment_con {
  color: #fff;
}
/* END page_recruit */

/* page_news */
.page_news .news_header {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: 400px;
}
.page_news .news_header .news_ttl_block {
  width: 100%;
  padding-top: 86px;
}
.page_news .news_header .news_ttl_block .ttl_news {
  width: 162px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 26px;
}
.page_news .news_header .news_ttl_block .ttl_news_con {
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0.1rem;
}
.page_news .inner_con.news {
  width: 1200px;
  padding-top: 105px;
  padding-bottom: 270px;
}
.page_news .inner_con.news .news_block {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 95px;
}
.page_news .inner_con.news .news_block .news_items {
  width: 850px;
}
.page_news .inner_con.news .news_block .news_items .news_item_rel {
  position: relative;
  height: 0;
}
.page_news .inner_con.news .news_block .news_items .news_item_rel .news_icon {
  width: 70px;
  height: 70px;
  background-color: var(--color-orange);
  border-radius: 35px;
  position: absolute;
  top: -15px;
  left: -15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.4rem;
}
.page_news .inner_con.news .news_block .news_items .news_item_box {
  display: block;
}
.page_news .inner_con.news .news_block .news_items .news_item {
  display: flex;
  justify-content: space-between;
  padding: 25px 30px;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 35px;
}
.page_news .inner_con.news .news_block .news_items .news_item .news_pic {
  width: 270px;
  height: 200px;
  overflow: hidden;
}
.page_news .inner_con.news .news_block .news_items .news_item .news_con {
  width: 480px;
  padding: 0;
}
.page_news
  .inner_con.news
  .news_block
  .news_items
  .news_item
  .news_con
  .category_line {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 23px;
}
.page_news
  .inner_con.news
  .news_block
  .news_items
  .news_item
  .news_con
  .category_line
  .category_icon {
  display: inline-block;
  padding: 3px 8px;
  border: solid 1px #aaa;
  border-radius: 15px;
  font-size: 1rem;
  line-height: 1;
  color: #aaa;
}
.page_news
  .inner_con.news
  .news_block
  .news_items
  .news_item
  .news_con
  .category_line
  .news_date {
  font-size: 1rem;
  color: #aaa;
  margin-left: 17px;
}
.page_news
  .inner_con.news
  .news_block
  .news_items
  .news_item
  .news_con
  .news_copy {
  font-size: 2rem;
  line-height: 1.67;
}
.page_news .inner_con.news .news_block .news_category_block {
  width: 300px;
  padding: 35px;
  background-color: #fff;
  border-radius: 20px;
}
.page_news .inner_con.news .news_block .news_category_block .ttl_category {
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
  color: var(--color-orange);
  margin-bottom: 24px;
}
.page_news .inner_con.news .news_block .news_category_block .category_items {
  width: 100%;
}
.page_news
  .inner_con.news
  .news_block
  .news_category_block
  .category_items
  .category_item {
  padding: 6px 0;
  font-size: 1.32rem;
  color: #000;
  border-top: solid 1px #aaa;
}
.page_news
  .inner_con.news
  .news_block
  .news_category_block
  .category_items
  .category_item:last-child {
  border-bottom: solid 1px #aaa;
}
.page_news .inner_con.news .pagination_block {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  background-color: #fff;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_news .inner_con.news .pagination_block .pagination_items {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_news .inner_con.news .pagination_block .pagination_items .page_num {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-orange);
  margin-right: 40px;
  font-size: 1.5rem;
  line-height: 1;
}
.page_news
  .inner_con.news
  .pagination_block
  .pagination_items
  .page_num.current {
  color: #fff;
  background-color: var(--color-orange);
  height: 40px;
  width: 40px;
  border-radius: 20px;
}
.page_news .inner_con.news .pagination_block .pagination_items .arrow {
  width: 27px;
}
.page_news .inner_con.news .pagination_block .pagination_items .arrow.arrow_l {
  margin-right: 35px;
}
/* pagination */
.wp-pagenavi a,
.wp-pagenavi span {
  border: none !important;
}
.wp-pagenavi span {
  margin-right: 20px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-bottom: 2px !important;
}

.wp-pagenavi {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 2.5;
  margin-left: 20px;
}
.wp-pagenavi a {
  display: inline-block;
  width: 40px;
  text-align: center;
  margin-right: 23px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-bottom: 2px !important;
  border-radius: 22px;
  color: var(--color-orange);
}
.wp-pagenavi a:hover {
  background: var(--color-orange);
  color: #fff;
}
.wp-pagenavi .extend {
  display: inline-block;
  margin-right: 13px;
  /* margin-left: 13px; */
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  border-radius: 22px;
  background: none;
  position: relative;
  top: -4px;
  color: var(--color-orange);
}
.wp-pagenavi .current {
  display: inline-block;
  width: 40px;
  text-align: center;
  margin-right: 23px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  border-radius: 22px;
  background: var(--color-orange);
  color: #fff;
}
.wp-pagenavi span.current {
  font-weight: normal !important;
}
.wp-pagenavi .previouspostslink {
  width: 58px;
  display: inline-block;
  text-indent: -9999px;
  position: relative;
  margin-right: 13px;
}
.wp-pagenavi .previouspostslink:hover {
  background: #fff;
}
.wp-pagenavi .previouspostslink::after {
  content: "";
  display: inline;
  width: 58px;
  height: 16px;
  background-image: url("../img_news/arrow_pre.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.wp-pagenavi a:hover {
  opacity: 1;
  transition: all 200ms 0s ease;
}

/* .wp-pagenavi .previouspostslink:hover::after {
  background-image: url("../img_news/navi_arrow_pre_w.svg");
} */

.wp-pagenavi .nextpostslink {
  width: 58px;
  display: inline-block;
  text-indent: -9999px;
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.wp-pagenavi .nextpostslink:hover {
  background: #fff;
}
.wp-pagenavi .nextpostslink::after {
  content: "";
  display: inline;
  width: 58px;
  height: 16px;
  background-image: url("../img_news/arrow_next.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
/* .wp-pagenavi .nextpostslink:hover::after {
  opacity: 1;
  background-image: url("../img_case/navi_arrow_next_w.svg");
} */
/* 左矢印のみのときずらす */
.wp-pagenavi:has(.previouspostslink):not(:has(.nextpostslink)) {
  margin-left: -58px;
}
.wp-pagenavi:has(.previouspostslink):has(.nextpostslink) {
  margin-left: 23px;
}
/* 右矢印のみのときずらす */
.wp-pagenavi:has(.nextpostslink):not(:has(.previouspostslink)) {
  margin-left: calc(23px + 81px);
}

/* END pagination */

.page_news .inner_con.news .news_con {
  width: 850px;
  padding: 70px 70px 140px 70px;
  background-color: #fff;
  border-radius: 20px;
}
.page_news .inner_con.news .news_con .news_date_line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.page_news .inner_con.news .news_con .news_date_line .news_date {
  font-size: 1.5rem;
}
.page_news
  .inner_con.news
  .news_con
  .news_date_line
  .category_icons
  .category_icon {
  display: inline-block;
  padding: 3px 8px;
  border: solid 1px #aaa;
  border-radius: 15px;
  font-size: 1rem;
  line-height: 1;
  color: #aaa;
}
.page_news .inner_con.news .news_con .ttl_news_con {
  font-size: 2.5rem;
  margin-bottom: 55px;
}
.page_news .inner_con.news .news_con .news_con_from_wp {
  font-size: 1.5rem;
  line-height: 1.67;
}
.page_news .inner_con.news .navi_items {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  display: flex;
  justify-content: space-between;
}
.page_news .inner_con.news .navi_items a {
  width: 160px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 30px;
  font-size: 1.4rem;
  color: var(--color-orange);
}
.page_news .inner_con.news .navi_items a:first-child::before {
  content: "";
  display: block;
  position: relative;
  width: 10px;
  height: 14px;
  top: 0;
  left: -10px;
  background-image: url(../img_news/arrow_pre.png);
  background-size: 100% 100%;
}
.page_news .inner_con.news .navi_items a:last-child::after {
  content: "";
  display: block;
  position: relative;
  width: 10px;
  height: 14px;
  top: 0;
  right: -10px;
  background-image: url(../img_news/arrow_next.png);
  background-size: 100% 100%;
}
.page_news .inner_con.news .navi_items .navi_item .to_arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page_news .inner_con.news .navi_items .navi_item .to_arrow .arrow {
  width: 10px;
  padding-top: 5px;
}
.page_news .inner_con.news .navi_items .navi_item .to_arrow .arrow.arrow_l {
  margin-right: 12px;
}
.page_news .inner_con.news .navi_items .navi_item .to_arrow .arrow.arrow_r {
  margin-left: 12px;
}
/* END page_news */

/* CONTACT */
.page_contact .contact_header {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  height: 400px;
}
.page_contact .contact_header .contact_ttl_block {
  width: 100%;
  padding-top: 86px;
}
.page_contact .contact_header .contact_ttl_block .ttl_contact {
  width: 272px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 26px;
}
.page_contact .contact_header .contact_ttl_block .ttl_contact_con {
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 0.1rem;
}
.page_contact .inner_con.contact {
  width: 840px;
  padding-top: 105px;
  padding-bottom: 150px;
}
.page_contact .inner_con.contact .otoiawase_con {
  font-size: 1.5rem;
  line-height: 1.87;
  text-align: center;
  margin-bottom: 120px;
}
.page_contact .inner_con.contact .form_item_name {
  font-size: 1.4rem;
  color: var(--color-orange);
  margin-bottom: 14px;
}
.page_contact .inner_con.contact .form_items {
  width: 100%;
  margin-bottom: 70px;
}
.page_contact .inner_con.contact .form_items.col_2 {
  display: flex;
  justify-content: space-between;
}
.page_contact .inner_con.contact .form_items .form_item {
  width: 400px;
  height: 70px;
  font-size: 1.4rem;
}
.page_contact .inner_con.contact .form_items .form_item > p {
  width: inherit;
  height: inherit;
}
.page_contact .inner_con.contact .form_items .form_item.w_100 {
  width: 100%;
}
.page_contact .inner_con.contact .form_items .form_item input {
  width: 100%;
  height: 100%;
  border-radius: 35px;
  border: none;
  padding: 0 35px;
  font-size: 1.4rem;
}
.page_contact .inner_con.contact .form_items .form_item input::placeholder {
  opacity: 0.5;
}
.page_contact .inner_con.contact .form_items.textarea {
  min-height: 300px;
  margin-bottom: 70px;
}
.page_contact .inner_con.contact .form_items .form_item textarea {
  width: 100%;
  height: 20em;
  line-height: 1.5em;
  border-radius: 35px;
  border: none;
  padding: 35px;
  font-size: 1.4rem;
}
.wpcf7-not-valid-tip {
    font-size: 1.6rem!important;
    margin-top: 4px;
}
.wpcf7 form .wpcf7-response-output {
  font-size: 1.6rem !important;
}
.page_contact .inner_con.contact .attention {
  width: 100%;
  font-size: 1.2rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 30px;
}
.page_contact .inner_con.contact .agree_attention {
  font-size: 1.2rem;
  text-align: center;
}
.page_contact .inner_con.contact .agree_attention > p > br {
  display: none;
}

.page_contact .inner_con.contact .btn_to_confirm {
  width: 500px;
  padding-top: 72px;
  margin-left: auto;
  margin-right: auto;
}
.page_contact .inner_con.contact .btn_to_confirm .btn_confirm {
  width: 100%;
  height: 80px;
  border-radius: 40px;
  background-color: var(--color-orange);
  color: #fff;
  font-size: 2.5rem;
  letter-spacing: 0.2rem;
  border: unset;
  cursor: url(../img_common/custom_cursor.png), auto;
}
.page_contact .inner_con.contact .btn_to_confirm .btn_confirm[disabled] {
  background-color: var(--color-orange);
  opacity: 0.4;
  cursor: not-allowed; /* クリック不可のカーソルを表示 */
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1.2em !important;
}
.wpcf7-response-output {
  border-color: #dc3232 !important;
  font-size: 1.2em !important;
}
/* CONTACT 確認画面 */
.page_contact .inner_con.contact_confirm {
  width: 480px;
  padding-top: 105px;
  padding-bottom: 150px;
}
.page_contact .inner_con.contact_confirm .otoiawase_con {
  font-size: 1.5rem;
  line-height: 1.87;
  text-align: center;
  margin-bottom: 60px;
}
.page_contact .inner_con.contact_confirm .form_item_name {
  font-size: 1.4rem;
  color: var(--color-orange);
  margin-bottom: 14px;
}
.page_contact .inner_con.contact_confirm .form_items {
  width: 100%;
  margin-bottom: 30px;
}
.page_contact .inner_con.contact_confirm .form_items.col_2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page_contact .inner_con.contact_confirm .form_items .form_item {
  width: 100%;
  height: auto;
}
.page_contact .inner_con.contact_confirm .form_items .form_item > p {
  font-size: 1.5rem;
  line-height: 1.87;
}
.page_contact .inner_con.contact_confirm .attention {
  width: 100%;
  font-size: 1rem;
  line-height: 1.67;
  text-align: left;
  margin-top: 60px;
  margin-bottom: 4px;
}
.page_contact .inner_con.contact_confirm .agree_attention > p > br {
  display: none;
}
.page_contact .inner_con.contact_confirm .btn_confirm_items {
  display: flex;
  justify-content: space-between;
}
.page_contact .inner_con.contact_confirm .btn_to_confirm {
  width: 200px;
  padding-top: 72px;
}
.page_contact .inner_con.contact_confirm .btn_to_confirm .btn_confirm {
  width: 100%;
  height: 60px;
  border-radius: 40px;
  background-color: var(--color-orange);
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.2rem;
  border: unset;
  cursor: url(../img_common/custom_cursor.png), auto;
}
.page_contact .inner_con.contact_confirm .btn_to_confirm.back .btn_confirm {
  background-color: #fff;
  color: var(--color-orange);
  border: solid 1px var(--color-orange);
}
/* END CONTACT */

/* topページ in-view fade-In */
.js-fadeUp_01 {
  opacity: 0; /* 最初は非表示 */
  transition: opacity 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_01.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transition-delay: 1.5s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_02 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(20px); 下に30pxの位置から */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_02.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translateX(-50%) translateY(0); 30px上に移動する */
  transition-delay: 1.5s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_03 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(20px); */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_03.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translateX(-50%) translateY(0); */
  transition-delay: 2.1s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_04 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_04.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 2.7s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_05 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_05.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 3.5s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_06 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_06.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 6s; /* フェード開始を0.5秒遅らせる */
}

/*bound text animetions*/
@keyframes showTextFromBottom {
  0% {
    transform: translateY(150%);
  }
  50% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(0px);
  }
}
/* @keyframes showTextFromBottom {
  0% {
    transform: translateY(300%);
  }
  50% {
    transform: translateY(-20%);
  }
  100% {
    transform: translateY(0px);
  }
} */
.anime-up.displayed span {
  animation: showText 1s backwards;
  display: inline-block;
}
.anime-up.displayed > span {
  overflow: hidden;
}
.anime-up.displayed > span > span {
  animation: showTextFromBottom 0.5s backwards;
}

/* .anime-up-pics {
  overflow: hidden;
} */
.anime-up-pic {
  opacity: 0;
}
.anime-up-pic.displayed {
  opacity: 1;
}
/* .anime-up-pic.displayed {
  overflow: hidden;
} */
.anime-up-pic.displayed {
  overflow: hidden;
  animation: showTextFromBottom 0.5s backwards;
}

.anime-up-pic.displayed div {
  /* animation: showText 1s backwards; */
  /* display: inline-block; */
  overflow: hidden;
}
.anime-up-pic.displayed > div {
  display: inline-block;
  overflow: hidden;
}
.anime-up-pic.displayed > div > div {
  animation: showTextFromBottom 0.5s backwards;
}

.anime-up-pic.displayed div {
  animation: showText 1s backwards;
  /* display: inline-block; */
  overflow: hidden;
}
.anime-up-pic.displayed > div {
  display: inline-block;
  overflow: hidden;
}
.anime-up-pic.displayed > div > div {
  animation: showTextFromBottom 0.5s backwards;
}

/* brim_block（ツバ部分）にきたらツバが上にあがる */
.js-slideUp_01 {
  opacity: 1; /* 最初は非表示 */
  transform: translateY(100px);

  transition: opacity 0.3s, transform 0.6s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-slideUp_01.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0);

  transition-delay: 0.1s; /* フェード開始を0.5秒遅らせる */
}

/* 店舗一覧のブロックが重なる表現 */
.js-scroll-overlap:not(.is-disabled) {
  --sticky-offset: -1px;
  position: sticky;
  top: var(--sticky-offset);
}

.js-scroll-overlap {
  /* padding: 100px 50px; */
  padding: 75px 0px;
  background: #fff;
}
/* END 店舗一覧のブロックが重なる表現 */

/* 404 not found */
.sorry_not_found_ttl {
  padding-top: 50px;
  font-size: 2.1rem;
  line-height: 2.4;
  text-align: center;
  margin-bottom: 30px;
}
.sorry_not_found_ttl .for_index {
  font-size: 1.8rem;
  line-height: 2.4;
  text-align: center;
  margin-bottom: 30px;
}
.sorry_not_found_ttl .for_index > a {
  padding-bottom: 4px;
  border-bottom: solid 1px #000;
}
/* END 404 not found */

/* loading画面 */
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.loading-spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid var(--color-orange);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* END loading画面 */