@charset "UTF-8";
/* production date 2025/11/10 ~ 2026/01/26 */
/* モジュール(ナビゲーションやパンクズなどのパーツ)用 scss */
/*----------------------------------------------------------------------------------------------------------------
media query
----------------------------------------------------------------------------------------------------------------*/
/* variable declaration */
/* main margin */
/* main padding */
/*----------------------------------------------------------------------------------------------------------------
variable declaration / mixin
----------------------------------------------------------------------------------------------------------------*/
/* color */
/* gradient */
/* underline */
/* drop-shadow */
/* tx drop-shadow */
/* font */
/* hover transition */
/* img */
/*----------------------------------------------------------------------------------------------------------------
header
----------------------------------------------------------------------------------------------------------------*/
/* 採用情報の縦ヘッダー ヘルプ | recruit_header_block */
.recruit_header_block {
  position: fixed !important;
  z-index: 10000 !important;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
}
.recruit_header_block.is-hide {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}

/*----------------------------------------------------- */
/* トップと採用情報の縦ヘッダー | header_block */
.header_block {
  overflow: hidden;
  width: 280px;
  height: 92vh;
  padding: 20px;
  z-index: 10000;
}
@media screen and (max-width: 992px) {
  .header_block {
    display: none;
  }
}
.header_block__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(92vh - 40px);
  padding: 15%;
  background-color: rgba(255, 255, 255, 0.9);
}
.header_block__bg_inner {
  display: block;
  width: 100%;
}
.header_block {
  /* logo */
}
.header_block__logo-verticalBox {
  overflow: hidden;
  width: 16vh;
  height: auto;
  max-width: 170px;
  padding-bottom: 3vh;
  margin: 0px auto;
  text-align: center;
}
.header_block__logo-vertical {
  width: 100%;
  height: auto;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.header_block__logo-vertical a {
  display: block;
  width: 100%;
  height: auto;
}
.header_block__logo-vertical img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.header_block__logo-vertical:hover {
  opacity: 0.6;
}
.header_block {
  /* nav */
}
.header_block__navBox {
  width: 100%;
  margin-bottom: 3vh;
}
.header_block__nav {
  display: block;
  width: 100%;
  height: auto;
}
.header_block__link-style {
  width: 100%;
  height: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 3;
  letter-spacing: 0.06em;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.header_block__link-style a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: auto;
  text-decoration: none;
}
.header_block__link-style a svg {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.header_block__link-style a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1.5px;
  background: #00BAA5;
  bottom: 2px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
.header_block__link-style a:hover::after {
  transform: scale(1, 1);
  transform-origin: left top;
}
.header_block__link-style a:hover svg {
  transform: translateX(-120%);
}
.header_block__link-style:hover {
  color: #00BAA5;
  letter-spacing: 0.1em;
}
.header_block {
  /* btn */
}
.header_block__btn {
  display: block;
  width: 100%;
  height: auto;
}
.header_block__btn-style {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #FFF;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.header_block__btn-style a {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: auto;
  text-decoration: none;
  background: linear-gradient(90deg, #00BAA5 0%, #B4D700 100%);
}
.header_block__btn-style a svg {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.header_block__btn-style a:hover svg {
  transform: translateX(-120%);
}
.header_block__btn-style:hover {
  color: #FFF;
  letter-spacing: 0.1em;
  opacity: 0.8;
  background: linear-gradient(-90deg, #00BAA5 0%, #B4D700 100%);
}

/*----------------------------------------------------- */
/* 下層ページの横ヘッダー | lower_header_block */
/* ヘルプ */
.hp_header-horizontal--top {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-20px);
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
}
.hp_header-horizontal--top.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.lower_header_block {
  position: fixed;
  top: 0;
  width: 100%;
  height: 76px;
  pointer-events: auto;
  z-index: 16000;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
}
@media screen and (max-width: 992px) {
  .lower_header_block {
    display: none;
  }
}
.lower_header_block__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  background-color: #FFF;
}
.lower_header_block__inner--right {
  display: flex;
}
.lower_header_block {
  /* logo */
}
.lower_header_block__logo-horizontalBox {
  padding: 8px 0px 10px 30px;
  transition: opacity 0.4s ease;
}
.lower_header_block__logo-horizontal {
  width: 230px;
  height: auto;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.lower_header_block__logo-horizontal img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.lower_header_block__logo-horizontal:hover {
  opacity: 0.6;
}
.lower_header_block {
  /* nav */
}
.lower_header_block__navBox {
  width: 100%;
  height: auto;
  padding-right: 300px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 42px;
  transition: opacity 0.4s ease;
}
@media screen and (max-width: 1080px) {
  .lower_header_block__navBox {
    margin-right: 32px;
  }
}
.lower_header_block__navBox ul {
  display: flex;
  gap: 42px;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media screen and (max-width: 1080px) {
  .lower_header_block__navBox ul {
    gap: 32px;
  }
}
.lower_header_block__link-style {
  color: #37485A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
}
.lower_header_block__link-style a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: auto;
  height: 76px;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.lower_header_block__link-style a::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background: #00BAA5;
  bottom: 0px;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.3s;
}
.lower_header_block__link-style a:hover::after {
  transform: scale(1, 1);
  transform-origin: left top;
}
.lower_header_block__link-style a:hover svg {
  transform: translateX(-120%);
}
.lower_header_block__link-style a:hover {
  color: #00BAA5;
}
.lower_header_block {
  /* btn */
}
.lower_header_block__btnBox {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  justify-content: end;
  z-index: 10000;
}
.lower_header_block__btn ul {
  display: flex;
  width: 100%;
  height: auto;
}
.lower_header_block__hamburgerBtn {
  display: flex;
  justify-content: end;
  width: 100px;
  height: 76px;
  z-index: 999999 !important;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.lower_header_block__hamburgerBtn:hover .lower_hamburger__menuBtn--bar1,
.lower_header_block__hamburgerBtn:hover .lower_hamburger__menuBtn--bar2,
.lower_header_block__hamburgerBtn:hover .lower_hamburger__menuBtn--bar3 {
  background-color: #00BAA5;
  transform: scale(1.1, 1.1);
}
.lower_header_block__btn-style {
  width: 100px;
  height: 76px;
  text-align: center;
  padding: 32px 0px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #FFF;
  background: linear-gradient(90deg, #00BAA5 0%, #B4D700 100%);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.lower_header_block__btn-style a {
  width: 100px;
  height: 76px;
  padding: 32px 0px;
}
.lower_header_block__btn-style:hover {
  opacity: 0.8;
  background: linear-gradient(-90deg, #00BAA5 0%, #B4D700 100%);
}

/*----------------------------------------------------- */
/* スマホ用ヘッダー | sp_header_block */
.sp_header_block {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
  transition: top 0.3s ease-in-out;
}
@media screen and (max-width: 992px) {
  .sp_header_block {
    display: block;
    height: 72px;
  }
}
@media screen and (max-width: 576px) {
  .sp_header_block {
    height: 64px;
  }
}
.sp_header_block__inner {
  width: 100%;
  height: auto;
  background-color: #FFF;
}
@media screen and (max-width: 992px) {
  .sp_header_block__inner {
    height: 72px;
  }
}
@media screen and (max-width: 576px) {
  .sp_header_block__inner {
    height: 64px;
  }
}
.sp_header_block {
  /* logo */
}
.sp_header_block__logo-horizontalBox {
  display: flex;
  width: auto;
  height: auto;
}
@media screen and (max-width: 992px) {
  .sp_header_block__logo-horizontalBox {
    padding: 16px 0px 10px 30px;
  }
}
@media screen and (max-width: 576px) {
  .sp_header_block__logo-horizontalBox {
    padding: 12px 0px 10px 30px;
  }
}
@media screen and (max-width: 400px) {
  .sp_header_block__logo-horizontalBox {
    padding: 10px 0px 10px 20px;
  }
}
.sp_header_block__logo-horizontal {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_header_block__logo-horizontal a {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_header_block__logo-horizontal img {
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  .sp_header_block__logo-horizontal img {
    width: 230px;
  }
}
@media screen and (max-width: 576px) {
  .sp_header_block__logo-horizontal img {
    width: 200px;
  }
}
@media screen and (max-width: 400px) {
  .sp_header_block__logo-horizontal img {
    width: 180px;
  }
}
.sp_header_block__logo-horizontal p {
  position: absolute;
  top: 7px;
  display: inline;
  margin-left: 15px;
}
@media screen and (max-width: 400px) {
  .sp_header_block__logo-horizontal p {
    top: 8px;
    font-size: 15px !important;
  }
}
.sp_header_block__logo-horizontal a:hover, .sp_header_block__logo-horizontal a:focus {
  opacity: 0.6;
}

/*----------------------------------------------------------------------------------------------------------------
hamburger
----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------- */
/* 下層用ハンバーガーメニュー | lower_hamburger */
/* body */
body.is_menu-open #js_lower_hamburgerMenuBtn {
  position: fixed !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 1000000 !important;
}

.lower_hamburger {
  right: 0;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100dvh;
  z-index: 20000;
  pointer-events: none;
}
@media screen and (max-width: 992px) {
  .lower_hamburger {
    display: none;
  }
}
.lower_hamburger {
  /* menu btn */
}
.lower_hamburger__menuBtn {
  position: fixed;
  top: 0;
  right: 0;
  width: 100px;
  height: 76px;
  background: #FFF;
  pointer-events: auto;
  z-index: 20001;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.lower_hamburger__menuBtn--bar1, .lower_hamburger__menuBtn--bar2, .lower_hamburger__menuBtn--bar3 {
  margin: 0px auto;
  display: block;
  background-color: #37485A;
  width: 43px;
  height: 2px;
  margin-bottom: 8px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.lower_hamburger__menuBtn--bar3 {
  margin-bottom: 0px;
}
.lower_hamburger__menuBtn.is_active .lower_hamburger__menuBtn--bar1 {
  width: 42px;
  transform: translateX(0px) translateY(10px) rotate(-27deg);
  background-color: #00BAA5;
}
.lower_hamburger__menuBtn.is_active .lower_hamburger__menuBtn--bar2 {
  opacity: 0;
}
.lower_hamburger__menuBtn.is_active .lower_hamburger__menuBtn--bar3 {
  width: 42px;
  transform: translateX(0px) translateY(-10px) rotate(27deg);
  background-color: #00BAA5;
}
.lower_hamburger {
  /* bg */
}
.lower_hamburger__bg {
  overflow: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 20000;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.lower_hamburger__bg.is_active {
  opacity: 1;
  display: block;
  overflow: hidden;
  pointer-events: all;
}
.lower_hamburger__bg {
  /* ハンバーガーメニュー フェードアニメーション */
}
.lower_hamburger__bg.is_active #js_hamburgerLogo {
  opacity: 0 !important;
  transform: translateY(20px) !important;
  animation: hamburger_fadeIn 0.6s 0.5s ease-out forwards !important;
}
.lower_hamburger__bg.is_active #js_hamburger_navBox div {
  opacity: 0;
  transform: translateY(20px);
  animation: hamburger_fadeIn 0.6s 0.3s ease-out forwards;
}
.lower_hamburger__bg.is_active #js_hamburger_underBox {
  opacity: 0;
  transform: translateY(20px);
  animation: hamburger_fadeIn 0.6s 0.6s ease-out forwards;
}
@keyframes hamburger_fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.lower_hamburger__bg_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100dvh - 50px);
  background: #F8F8F8;
  z-index: 40000;
}
.lower_hamburger__bg_inner .footer_block .footer_block__inner {
  padding: 20px 14vw 20px !important;
}

/*----------------------------------------------------- */
/* スマホ用ハンバーガーメニュー | sp_hamburger */
/* スマホ用 body */
body.is_menu-open #js_sp_hamburgerMenuBtn {
  position: fixed !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 1000000 !important;
}

body.is_menu-open .sp_hamburger__menuBtn {
  top: 0;
  right: 0;
  transform: none;
}

.sp_header_navBox {
  width: 100%;
  height: auto;
}
.sp_header_navBox.is_active {
  width: 100%;
  height: 100vh;
}

.sp_hamburger {
  position: fixed;
  right: 0;
  display: none;
  width: 100%;
  height: 100dvh;
  z-index: 20000;
  pointer-events: none;
}
@media screen and (max-width: 992px) {
  .sp_hamburger {
    display: flex;
    justify-content: flex-end;
  }
}
.sp_hamburger {
  /* menu btn */
}
.sp_hamburger__menuBtn {
  position: fixed !important;
  top: 0;
  right: 0;
  transform: none;
  pointer-events: all;
  z-index: 20001;
  background: #FFF;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 992px) {
  .sp_hamburger__menuBtn {
    width: 93px;
    height: 72px;
  }
}
@media screen and (max-width: 576px) {
  .sp_hamburger__menuBtn {
    width: 84px;
    height: 63px;
  }
}
.sp_hamburger__menuBtn--bar1, .sp_hamburger__menuBtn--bar2, .sp_hamburger__menuBtn--bar3 {
  margin: 0px auto;
  display: block;
  background-color: #37485A;
  width: 36px;
  height: 2px;
  margin-bottom: 8px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_hamburger__menuBtn--bar3 {
  margin-bottom: 0px;
}
.sp_hamburger__menuBtn:hover .sp_hamburger__menuBtn--bar1,
.sp_hamburger__menuBtn:hover .sp_hamburger__menuBtn--bar2,
.sp_hamburger__menuBtn:hover .sp_hamburger__menuBtn--bar3 {
  background-color: #00BAA5;
  transform: scale(1.1, 1.1);
}
.sp_hamburger__menuBtn.is_active .sp_hamburger__menuBtn--bar1 {
  width: 42px;
  transform: translateX(0px) translateY(10px) rotate(-27deg);
  background-color: #00BAA5;
}
.sp_hamburger__menuBtn.is_active .sp_hamburger__menuBtn--bar2 {
  opacity: 0;
}
.sp_hamburger__menuBtn.is_active .sp_hamburger__menuBtn--bar3 {
  width: 42px;
  transform: translateX(0px) translateY(-10px) rotate(27deg);
  background-color: #00BAA5;
}
.sp_hamburger {
  /* bg */
}
.sp_hamburger__bg {
  overflow: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 20000;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}
.sp_hamburger__bg.is_active {
  opacity: 1;
  display: block;
  overflow: hidden;
  pointer-events: all;
}
.sp_hamburger__bg {
  /* ハンバーガーメニュー フェードアニメーション */
  /* logo */
}
.sp_hamburger__bg.is_active #js_sp_hamburgerLogo {
  opacity: 0;
  transform: translateY(20px);
  animation: hamburger_fadeIn 0.6s 0.2s ease-out forwards;
}
.sp_hamburger__bg {
  /* nav */
}
.sp_hamburger__bg.is_active #js_sp_hamburgerNav ul li {
  opacity: 0;
  transform: translateY(20px);
}
.sp_hamburger__bg.is_active #js_sp_hamburgerNav ul li:nth-child(1) {
  animation: hamburger_fadeIn 0.6s 0.4s ease-out forwards;
}
.sp_hamburger__bg.is_active #js_sp_hamburgerNav ul li:nth-child(2) {
  animation: hamburger_fadeIn 0.6s 0.5s ease-out forwards;
}
.sp_hamburger__bg.is_active #js_sp_hamburgerNav ul li:nth-child(3) {
  animation: hamburger_fadeIn 0.6s 0.6s ease-out forwards;
}
.sp_hamburger__bg.is_active #js_sp_hamburgerNav ul li:nth-child(4) {
  animation: hamburger_fadeIn 0.6s 0.7s ease-out forwards;
}
.sp_hamburger__bg {
  /* btn */
}
.sp_hamburger__bg.is_active #js_sp_hamburgerBtn ul li {
  opacity: 0;
  transform: translateY(20px);
}
.sp_hamburger__bg.is_active #js_sp_hamburgerBtn ul li:nth-child(1) {
  animation: hamburger_fadeIn 0.6s 0.8s ease-out forwards;
}
.sp_hamburger__bg.is_active #js_sp_hamburgerBtn ul li:nth-child(2) {
  animation: hamburger_fadeIn 0.6s 0.9s ease-out forwards;
}
.sp_hamburger__bg {
  /* under btn */
}
.sp_hamburger__bg.is_active #js_sp_hamburgerUnderBtn {
  opacity: 0;
  transform: translateY(20px);
  animation: hamburger_fadeIn 0.6s 1s ease-out forwards;
}
@keyframes hamburger_fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.sp_hamburger__bg_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100dvh - 40px);
  background: #FFF;
}
@media screen and (max-width: 992px) {
  .sp_hamburger__bg_inner {
    padding: 80px 16vw 60px;
  }
}
@media screen and (max-width: 768px) {
  .sp_hamburger__bg_inner {
    padding: 60px 12vw;
  }
}
@media screen and (max-width: 576px) {
  .sp_hamburger__bg_inner {
    padding: 40px 60px;
  }
}
@media screen and (max-width: 400px) {
  .sp_hamburger__bg_inner {
    padding: 20px 50px;
  }
}
.sp_hamburger {
  /* nav */
}
.sp_hamburger__navBox {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  color: #37485A;
}
.sp_hamburger {
  /* logo */
}
.sp_hamburger__logo {
  width: 16vh;
  height: auto;
  margin: 0px auto;
  text-align: center;
}
@media screen and (max-width: 576px) {
  .sp_hamburger__logo {
    width: 11vh;
  }
}
.sp_hamburger__logo a {
  display: inline-block;
  width: 16vh;
  height: auto;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 576px) {
  .sp_hamburger__logo a {
    width: 11vh;
  }
}
.sp_hamburger__logo img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.sp_hamburger__logo a:hover {
  opacity: 0.6;
}
.sp_hamburger__nav {
  margin: 6vh 0;
}
@media screen and (max-width: 576px) {
  .sp_hamburger__nav {
    margin: 3vh 0 4vh;
  }
}
.sp_hamburger {
  /* link */
}
.sp_hamburger__link-style {
  width: 100%;
  height: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 4;
  letter-spacing: 0.06em;
  color: #00BAA5;
  border-bottom: rgba(0, 186, 165, 0.5) 1px dashed;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 576px) {
  .sp_hamburger__link-style {
    line-height: 8vh;
  }
}
@media screen and (max-width: 400px) {
  .sp_hamburger__link-style {
    line-height: 7vh;
  }
}
.sp_hamburger__link-style:first-child {
  border-top: rgba(0, 186, 165, 0.5) 1px dashed;
}
.sp_hamburger__link-style a {
  position: relative;
  left: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 10px);
  height: auto;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_hamburger__link-style a svg {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_hamburger__link-style a::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 3px;
  height: 0.9em;
  margin-bottom: -1px;
  margin-left: -10px;
  background-color: #B4D700;
}
.sp_hamburger__link-style a:hover svg {
  transform: translateX(-120%);
}
.sp_hamburger__link-style:hover {
  background-color: #f1f1f1;
  letter-spacing: 0.1em;
}
.sp_hamburger {
  /* btn */
}
.sp_hamburger__btn ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  gap: 3vh;
}
@media screen and (min-width: 768px) {
  .sp_hamburger__btn ul {
    gap: 6vh;
  }
}
.sp_hamburger__btn-style {
  width: 100%;
  height: auto;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #FFF;
  background: linear-gradient(90deg, #00BAA5 0%, #B4D700 100%);
  opacity: 0;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_hamburger__btn-style a {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 30px 0px !important;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
@media screen and (min-width: 576px) {
  .sp_hamburger__btn-style a {
    padding: 18px 0px;
  }
}
@media screen and (min-width: 400px) {
  .sp_hamburger__btn-style a {
    padding: 10px 0px;
  }
}
.sp_hamburger__btn-style:hover {
  color: #FFF;
  opacity: 0.8;
  background: linear-gradient(-90deg, #00BAA5 0%, #B4D700 100%);
}
.sp_hamburger {
  /* under btn */
}
.sp_hamburger__underBtn {
  text-align: center;
  width: 100%;
  height: auto;
  margin: 6vh auto 0;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 576px) {
  .sp_hamburger__underBtn {
    margin: 4vh auto 0;
  }
}
@media screen and (max-width: 400px) {
  .sp_hamburger__underBtn {
    margin: 3vh auto 0;
  }
}
.sp_hamburger__underBtn ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sp_hamburger__underBtn-style {
  display: inline;
  color: #37485A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
}
.sp_hamburger__underBtn a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  text-decoration: none;
  padding-bottom: 3px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_hamburger__underBtn a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #37485A;
  opacity: 0.6;
}
.sp_hamburger__underBtn a:hover {
  opacity: 0.6;
}
.sp_hamburger {
  /* copy right */
}
.sp_hamburger__copyRight {
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  background: #00BAA5;
  z-index: 15001;
}
.sp_hamburger__copyRight small {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #FFF;
}

/*----------------------------------------------------------------------------------------------------------------
footer
----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------- */
/* フッター（メイン情報） | footer_block */
.footer_block {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  background: #F8F8F8;
  z-index: 15000;
}
.footer_block__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 100px 18vw 100px;
}
@media screen and (max-width: 1800px) {
  .footer_block__inner {
    padding: 100px 16vw 100px;
  }
}
@media screen and (max-width: 1600px) {
  .footer_block__inner {
    padding: 100px 14vw 100px;
  }
}
@media screen and (max-width: 1400px) {
  .footer_block__inner {
    padding: 100px 10vw 100px;
  }
}
@media screen and (max-width: 1200px) {
  .footer_block__inner {
    display: block;
    padding: 80px 14vw 80px;
  }
}
@media screen and (max-width: 992px) {
  .footer_block__inner {
    display: none;
  }
}
.footer_block {
  /* logo */
}
.footer_block__logo-verticalBox {
  width: 13vw;
  height: auto;
  margin-right: 10vw;
}
@media screen and (max-width: 1200px) {
  .footer_block__logo-verticalBox {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-bottom: 20px;
  }
}
.footer_block__logo-vertical {
  display: block;
  width: 180px;
  height: auto;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 1800px) {
  .footer_block__logo-vertical {
    width: 180px;
  }
}
@media screen and (max-width: 1600px) {
  .footer_block__logo-vertical {
    width: 150px;
  }
}
@media screen and (max-width: 1200px) {
  .footer_block__logo-vertical {
    width: 12vh;
  }
}
.footer_block__logo-vertical a {
  display: block;
}
.footer_block__logo-vertical img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.footer_block__logo-vertical:hover, .footer_block__logo-vertical:focus {
  opacity: 0.6;
}
.footer_block {
  /* nav */
}
.footer_block__navBox {
  width: auto;
  height: auto;
}
.footer_block__nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 1200px) {
  .footer_block__nav {
    margin-bottom: 0px;
  }
}
.footer_block__nav_column ul {
  margin-bottom: 36px;
}
.footer_block__nav {
  /* link-style--m */
}
.footer_block__nav_link-style--m {
  margin-right: 4vw;
  width: 150px;
  display: inline-block;
  position: relative;
  color: #00BAA5;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 3.2;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  /* 点線アニメーション */
  background: linear-gradient(to right, #00BAA5 0%, #00BAA5 100%) bottom left/0% 1.5px no-repeat, repeating-linear-gradient(to right, rgba(0, 186, 165, 0.6) 0 2px, transparent 2px 5px) bottom left/100% 1.5px no-repeat;
  transition: background-size 0.4s ease-in-out;
}
.footer_block__nav_link-style--m:hover {
  background-size: 100% 1.5px, 100% 1.5px;
}
.footer_block__nav_link-style--m a {
  display: inline-flex;
  align-items: center;
  width: 12vw;
  color: inherit;
  text-decoration: none;
  position: relative;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 1200px) {
  .footer_block__nav_link-style--m a {
    width: 14vw;
  }
}
.footer_block__nav_link-style--m a::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 0.9em;
  margin-right: 8px;
  background-color: #B4D700;
  vertical-align: middle;
}
.footer_block__nav {
  /* link-style--s */
}
.footer_block__nav_link-style--s {
  display: block;
  opacity: 0.8;
  color: #00BAA5;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 2.4;
  letter-spacing: 0.05em;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.footer_block__nav_link-style--s a {
  display: block;
}
.footer_block__nav_link-style--s a::before {
  content: "- ";
}
.footer_block__nav_link-style--s:hover, .footer_block__nav_link-style--s:focus {
  opacity: 0.4;
}
.footer_block {
  /* under_nav */
}
.footer_block__under_nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer_block__underBtn {
  height: auto;
  margin-right: 4vw;
  text-align: start;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
.footer_block__underBtn ul {
  list-style: none;
}
.footer_block__underBtn-style {
  margin-bottom: 20px;
  color: #37485A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.08em;
  white-space: nowrap;
}
.footer_block__underBtn-style a {
  position: relative;
  display: inline;
  width: 100%;
  height: auto;
  text-decoration: none;
  padding-bottom: 2px;
  opacity: 0.6;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.footer_block__underBtn-style a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #37485A;
  opacity: 0.6;
}
.footer_block__underBtn-style a:hover {
  opacity: 0.4;
}
.footer_block {
  /* access */
}
.footer_block__access_tx {
  margin-top: 10px;
  color: #37485A;
  font-family: #37485A;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  opacity: 0.6;
}
.footer_block__copyRight {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background: #00BAA5;
  z-index: 15001;
}
.footer_block__copyRight_tx {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #FFF;
}

/*----------------------------------------------------- */
/* スマホ用フッター | sp_footer_block */
.sp_footer_block {
  display: none;
  width: 100%;
  height: auto;
  background: #F8F8F8;
  z-index: 15000;
}
@media screen and (max-width: 992px) {
  .sp_footer_block {
    display: block;
  }
}
.sp_footer_block {
  /* bg */
}
.sp_footer_block__bg {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 992px) {
  .sp_footer_block__bg {
    padding: 80px 16vw 60px;
  }
}
@media screen and (max-width: 768px) {
  .sp_footer_block__bg {
    padding: 80px 12vw 60px;
  }
}
@media screen and (max-width: 576px) {
  .sp_footer_block__bg {
    padding: 80px 12vw 60px;
  }
}
@media screen and (max-width: 400px) {
  .sp_footer_block__bg {
    padding: 80px 30px 60px;
  }
}
.sp_footer_block__bg_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.sp_footer_block {
  /* nav */
}
.sp_footer_block__navBox {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  color: #37485A;
}
.sp_footer_block {
  /* logo */
}
.sp_footer_block__logo {
  position: relative;
  left: -16px;
  width: 14vh;
  height: auto;
  margin: 0px auto;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .sp_footer_block__logo {
    width: 12vh;
  }
}
@media screen and (max-width: 576px) {
  .sp_footer_block__logo {
    width: 12vh;
    left: -7px;
  }
}
.sp_footer_block__logo a {
  display: inline-block;
  width: 16vh;
  height: auto;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 576px) {
  .sp_footer_block__logo a {
    width: 14vh;
  }
}
.sp_footer_block__logo img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.sp_footer_block__logo a:hover {
  opacity: 0.6;
}
.sp_footer_block__nav {
  margin: 6vh 0;
}
.sp_footer_block {
  /* access */
}
.sp_footer_block__access_tx {
  margin-top: 4vh;
  color: #37485A;
  text-align: center;
  font-family: #37485A;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  opacity: 0.6;
}
.sp_footer_block {
  /* link */
}
.sp_footer_block__link-style {
  width: 100%;
  height: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 4;
  letter-spacing: 0.06em;
  color: #00BAA5;
  border-bottom: rgba(0, 186, 165, 0.5) 1px dashed;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 576px) {
  .sp_footer_block__link-style {
    line-height: 3.6;
  }
}
.sp_footer_block__link-style:first-child {
  border-top: rgba(0, 186, 165, 0.5) 1px dashed;
}
.sp_footer_block__link-style a {
  position: relative;
  left: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 10px);
  height: auto;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_footer_block__link-style a svg {
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_footer_block__link-style a::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 3px;
  height: 0.9em;
  margin-bottom: -1px;
  margin-left: -10px;
  background-color: #B4D700;
}
.sp_footer_block__link-style a:hover svg {
  transform: translateX(-120%);
}
.sp_footer_block__link-style:hover {
  background-color: #f1f1f1;
  letter-spacing: 0.1em;
}
.sp_footer_block {
  /* btn */
}
.sp_footer_block__btn ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  gap: 3vh;
}
@media screen and (min-width: 768px) {
  .sp_footer_block__btn ul {
    gap: 6vh;
  }
}
.sp_footer_block__btn-style {
  width: 100%;
  height: auto;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  color: #FFF;
  background: linear-gradient(90deg, #00BAA5 0%, #B4D700 100%);
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_footer_block__btn-style a {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 30px 0px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_footer_block__btn-style:hover {
  color: #FFF;
  opacity: 0.8;
  background: linear-gradient(-90deg, #00BAA5 0%, #B4D700 100%);
}
.sp_footer_block {
  /* under btn */
}
.sp_footer_block__underBtn {
  text-align: center;
  width: 100%;
  height: auto;
  margin: 6vh auto 0;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 576px) {
  .sp_footer_block__underBtn {
    width: 300px;
  }
}
.sp_footer_block__underBtn ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.sp_footer_block__underBtn-style {
  display: inline;
  color: #37485A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  opacity: 0.6;
}
.sp_footer_block__underBtn a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  text-decoration: none;
  padding-bottom: 3px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.sp_footer_block__underBtn a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #37485A;
  opacity: 0.6;
}
.sp_footer_block__underBtn a:hover {
  opacity: 0.4;
}

/*----------------------------------------------------- */
/* フッター（グループ情報） | footer_group_block */
.footer_group_block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background: #FFF;
  z-index: 15000;
}
.footer_group_block__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 100px 16vw 50px;
  gap: 4vw;
}
@media screen and (max-width: 1800px) {
  .footer_group_block__inner {
    padding: 100px 13vw 50px;
  }
}
@media screen and (max-width: 1600px) {
  .footer_group_block__inner {
    padding: 100px 8vw 50px;
  }
}
@media screen and (max-width: 1400px) {
  .footer_group_block__inner {
    padding: 100px 5vw 50px;
  }
}
@media screen and (max-width: 1200px) {
  .footer_group_block__inner {
    display: block;
    padding: 100px 20vw 80px;
    gap: 0;
  }
}
@media screen and (max-width: 992px) {
  .footer_group_block__inner {
    padding: 50px 16vw 80px;
  }
}
@media screen and (max-width: 768px) {
  .footer_group_block__inner {
    padding: 50px 12vw 80px;
  }
}
@media screen and (max-width: 576px) {
  .footer_group_block__inner {
    padding: 50px 12vw 80px;
  }
}
@media screen and (max-width: 400px) {
  .footer_group_block__inner {
    padding: 50px 30px 50px;
  }
}
.footer_group_block {
  /* navBox--left */
}
.footer_group_block__navBox--left {
  display: flex;
  width: calc(100% - 7vw);
  height: auto;
}
@media screen and (max-width: 1200px) {
  .footer_group_block__navBox--left {
    display: block;
    width: 100%;
  }
}
.footer_group_block__navBox--left .footer_group_block__nav {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 576px) {
  .footer_group_block__navBox--left .footer_group_block__nav {
    display: block;
  }
}
.footer_group_block__navBox--left .footer_group_block__nav_column ul {
  gap: 5vw;
  margin-left: 5px;
}
@media screen and (max-width: 1400px) {
  .footer_group_block__navBox--left .footer_group_block__nav_column ul {
    gap: 3vw;
  }
}
@media screen and (max-width: 1200px) {
  .footer_group_block__navBox--left .footer_group_block__nav_column ul {
    gap: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .footer_group_block__navBox--left .footer_group_block__nav_column ul {
    gap: 6vw;
  }
}
@media screen and (max-width: 576px) {
  .footer_group_block__navBox--left .footer_group_block__nav_column ul {
    display: block;
  }
}
.footer_group_block__navBox--left .footer_group_block__nav_title-style--m {
  margin-bottom: 20px;
}
.footer_group_block__navBox--left .footer_group_block__nav_title-style--m p {
  position: relative;
  display: inline-block;
  color: #00BAA5;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}
.footer_group_block__navBox--left .footer_group_block__nav_title-style--m p::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 0.9em;
  margin-bottom: -1px;
  margin-right: 8px;
  background-color: #B4D700;
}
@media screen and (max-width: 1200px) {
  .footer_group_block__navBox--left .footer_group_block__nav_groupBox {
    margin-bottom: 50px;
  }
}
.footer_group_block__navBox--left .footer_group_block__nav_link-group {
  margin-bottom: 30px;
}
.footer_group_block__navBox--left .footer_group_block__nav_link-style--img {
  width: 200px;
  height: auto;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.footer_group_block__navBox--left .footer_group_block__nav_link-style--img a {
  display: inline-block;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.footer_group_block__navBox--left .footer_group_block__nav_link-style--img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.footer_group_block__navBox--left .footer_group_block__nav_link-style--img a:hover, .footer_group_block__navBox--left .footer_group_block__nav_link-style--img a:focus {
  opacity: 0.4;
}
.footer_group_block__navBox--left .footer_group_block__nav_link-style--s {
  margin-bottom: 8px;
  opacity: 0.6;
  color: #37485A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.5px;
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 992px) {
  .footer_group_block__navBox--left .footer_group_block__nav_link-style--s {
    white-space: wrap;
    word-break: auto-phrase;
  }
}
.footer_group_block__navBox--left .footer_group_block__nav_link-style--s a {
  display: inline-block;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.footer_group_block__navBox--left .footer_group_block__nav_link-style--s a:hover, .footer_group_block__navBox--left .footer_group_block__nav_link-style--s a:focus {
  opacity: 0.4;
}
.footer_group_block {
  /* navBox--right */
}
.footer_group_block__navBox--right {
  display: block;
  width: calc(100% - 7vw);
  height: auto;
}
@media screen and (max-width: 1200px) {
  .footer_group_block__navBox--right {
    display: block;
    width: 100%;
  }
}
.footer_group_block__navBox--right .footer_group_block__nav_column ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
}
.footer_group_block__navBox--right .footer_group_block__nav_title-style--m {
  margin-bottom: 20px;
}
.footer_group_block__navBox--right .footer_group_block__nav_title-style--m p {
  position: relative;
  display: inline-block;
  color: #00BAA5;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  margin-bottom: 8px;
}
.footer_group_block__navBox--right .footer_group_block__nav_title-style--m p::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 0.9em;
  margin-bottom: -1px;
  margin-right: 8px;
  background-color: #B4D700;
}
.footer_group_block__navBox--right .footer_group_block__nav_column--upper .footer_group_block__nav_groupBox {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw;
  margin-left: -1vw;
}
.footer_group_block__navBox--right .footer_group_block__nav_column--upper .footer_group_block__nav_groupBox .footer_group_block__nav_link-group {
  display: inline-block;
  text-align: center;
  flex: 1 1 calc(25% - 30px);
  box-sizing: border-box;
}
@media screen and (max-width: 992px) {
  .footer_group_block__navBox--right .footer_group_block__nav_column--upper .footer_group_block__nav_groupBox .footer_group_block__nav_link-group {
    flex: 1 1 calc(33% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .footer_group_block__navBox--right .footer_group_block__nav_column--upper .footer_group_block__nav_groupBox .footer_group_block__nav_link-group {
    flex: 1 1 calc(50% - 20px);
  }
}
.footer_group_block__navBox--right .footer_group_block__nav_column--upper .footer_group_block__nav_groupBox::after {
  content: "";
  flex: 1 1 calc(25% - 30px);
  box-sizing: border-box;
}
@media screen and (max-width: 992px) {
  .footer_group_block__navBox--right .footer_group_block__nav_column--upper .footer_group_block__nav_groupBox::after {
    flex: 1 1 calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .footer_group_block__navBox--right .footer_group_block__nav_column--upper .footer_group_block__nav_groupBox::after {
    flex: 1 1 calc(50% - 20px);
  }
}
.footer_group_block__navBox--right .footer_group_block__nav_column--under {
  margin-top: 48px;
}
.footer_group_block__navBox--right .footer_group_block__nav_column--under .footer_group_block__nav_groupBox {
  gap: 30px;
}
.footer_group_block__navBox--right .footer_group_block__nav_link-style--img {
  width: 80px;
  height: auto;
  margin: 0px auto 10px;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.footer_group_block__navBox--right .footer_group_block__nav_link-style--img a {
  display: inline-block;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.footer_group_block__navBox--right .footer_group_block__nav_link-style--img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.footer_group_block__navBox--right .footer_group_block__nav_link-style--img a:hover, .footer_group_block__navBox--right .footer_group_block__nav_link-style--img a:focus {
  opacity: 0.4;
}
.footer_group_block__navBox--right .footer_group_block__nav_link-style--s {
  opacity: 0.6;
  color: #37485A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  letter-spacing: 0.5px;
  white-space: nowrap;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.footer_group_block__navBox--right .footer_group_block__nav_link-style--s a {
  display: inline-block;
  text-align: center;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.footer_group_block__navBox--right .footer_group_block__nav_link-style--s a:hover, .footer_group_block__navBox--right .footer_group_block__nav_link-style--s a:focus {
  opacity: 0.4;
}

/*----------------------------------------------------------------------------------------------------------------
banner
----------------------------------------------------------------------------------------------------------------*/
/* バナー（contact,entry） | banner_block */
.banner_block {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0px auto;
  z-index: 1000;
}
.banner_block__inner {
  background: #F8F8F8;
  padding: 150px 160px;
}
@media screen and (max-width: 1200px) {
  .banner_block__inner {
    padding: 160px 150px;
  }
}
@media screen and (max-width: 992px) {
  .banner_block__inner {
    padding: 150px 120px;
  }
}
@media screen and (max-width: 768px) {
  .banner_block__inner {
    padding: 120px 100px;
  }
}
@media screen and (max-width: 576px) {
  .banner_block__inner {
    padding: 100px 50px;
  }
}
@media screen and (max-width: 400px) {
  .banner_block__inner {
    padding: 90px 30px;
  }
}
.banner_block__inner {
  padding-bottom: 0px !important;
  padding-top: 100px !important;
  z-index: 1000;
}
@media screen and (max-width: 576px) {
  .banner_block__inner {
    padding-top: 80px !important;
  }
}

/*----------------------------------------------------------------------------------------------------------------
viewMore
----------------------------------------------------------------------------------------------------------------*/
/* 他の〇〇を見る | viewMore_block */
.viewMore_block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: auto;
}
.viewMore_block__inner {
  padding: 180px 150px 80px;
  background: #F8F8F8;
  text-align: center;
  padding: 150px 160px;
}
@media screen and (max-width: 1200px) {
  .viewMore_block__inner {
    padding: 160px 150px;
  }
}
@media screen and (max-width: 992px) {
  .viewMore_block__inner {
    padding: 150px 120px;
  }
}
@media screen and (max-width: 768px) {
  .viewMore_block__inner {
    padding: 120px 100px;
  }
}
@media screen and (max-width: 576px) {
  .viewMore_block__inner {
    padding: 100px 50px;
  }
}
@media screen and (max-width: 400px) {
  .viewMore_block__inner {
    padding: 90px 30px;
  }
}
@media screen and (max-width: 576px) {
  .viewMore_block__inner {
    padding-bottom: 60px !important;
  }
}
.viewMore_block__title {
  margin-bottom: 60px;
}
@media screen and (max-width: 576px) {
  .viewMore_block__title {
    margin-bottom: 40px;
  }
}
.viewMore_block__flexBox {
  display: flex;
  justify-content: space-between;
  gap: 100px;
}
@media screen and (max-width: 1600px) {
  .viewMore_block__flexBox {
    gap: 80px;
  }
}
@media screen and (max-width: 1400px) {
  .viewMore_block__flexBox {
    gap: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .viewMore_block__flexBox {
    gap: 40px;
  }
}
@media screen and (max-width: 992px) {
  .viewMore_block__flexBox {
    display: grid;
    justify-content: center;
  }
}
@media screen and (max-width: 576px) {
  .viewMore_block__flexBox {
    gap: 20px;
  }
}

/*----------------------------------------------------------------------------------------------------------------
breadcrumb
----------------------------------------------------------------------------------------------------------------*/
/* パンクズリスト | breadcrumb */
.breadcrumb {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  text-align: start;
  z-index: 1000 !important;
}
.breadcrumb__inner {
  position: relative;
}
.breadcrumb__inner span {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00BAA5;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.breadcrumb__inner span a {
  display: inline-block;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.breadcrumb__inner span a:hover, .breadcrumb__inner span a:focus {
  opacity: 0.6;
}
.breadcrumb__inner i {
  position: absolute;
  top: 12.5px;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #00BAA5;
  border-right: 1.5px solid #00BAA5;
  transform: rotate(45deg) translateY(-50%);
  opacity: 0.6;
  pointer-events: none;
}

/* パンクズリスト | breadcrumb */
.breadcrumb-information {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  text-align: start;
  z-index: 1000 !important;
}
.breadcrumb-information__inner {
  position: relative;
}
.breadcrumb-information__inner ol {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.breadcrumb-information__inner ol li {
  position: relative;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00BAA5;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.breadcrumb-information__inner ol li a {
  display: inline-block;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.breadcrumb-information__inner ol li a:hover, .breadcrumb-information__inner ol li a:focus {
  opacity: 0.6;
}
.breadcrumb-information__arrows {
  position: relative;
  top: 2.5px;
  right: 5px;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #00BAA5;
  border-right: 1.5px solid #00BAA5;
  transform: rotate(45deg) translateY(-50%);
  opacity: 0.6;
  pointer-events: none;
}

/* breadcrumb white */
.breadcrumb-white {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  text-align: start;
  z-index: 100;
}
.breadcrumb-white__inner {
  position: relative;
}
.breadcrumb-white__inner span {
  font-family: "Roboto";
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #FFF;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.breadcrumb-white__inner span a {
  display: inline-block;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.breadcrumb-white__inner span a:hover, .breadcrumb-white__inner span a:focus {
  opacity: 0.6;
}
.breadcrumb-white__inner i {
  position: absolute;
  top: 54%;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #FFF;
  border-right: 1.5px solid #FFF;
  transform: rotate(45deg) translateY(-50%);
  opacity: 0.6;
  pointer-events: none;
}

/*----------------------------------------------------------------------------------------------------------------
pageUp
----------------------------------------------------------------------------------------------------------------*/
/* ページトップに戻るボタン | pageUp */
.pageUp {
  position: fixed;
  bottom: 40px;
  right: 0;
  opacity: 0;
  transform: translateY(20px);
  pointer-events: none;
  z-index: 99999;
  transition: opacity 0.4s ease, transform 0.4s ease;
  /* aタグをレイアウト専用にする */
}
.pageUp__Btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: auto;
  padding: 20px 0px;
  background: #FFF;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
}
.pageUp__Btn:hover, .pageUp__Btn:focus {
  opacity: 0.6;
}
.pageUp__Btn svg {
  position: relative;
  display: block;
  width: 18px !important;
  height: auto !important;
  margin-left: 2px;
  margin-bottom: 4px;
}
.pageUp__text {
  position: relative;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #00BAA5;
  text-align: center;
  white-space: nowrap;
}

body.page-id-24 .pageUp,
body.page-id-57 .pageUp,
body.page-id-59 .pageUp {
  bottom: 120px !important;
}

.pageUp.invert {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* Chrome / Firefox */
@supports not (-webkit-touch-callout: none) {
  .pageUp__text {
    writing-mode: vertical-rl;
  }
}
/* Safari 専用 */
@supports (-webkit-touch-callout: none) {
  .pageUp__text {
    padding: 20px 0;
    writing-mode: horizontal-tb;
    transform: rotate(90deg);
  }
}
/*----------------------------------------------------------------------------------------------------------------
pagination
----------------------------------------------------------------------------------------------------------------*/
/* ページネーション | wp-pagenavi */
.wp-pagenavi {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding-top: 100px;
}
@media screen and (max-width: 576px) {
  .wp-pagenavi {
    padding-top: 80px;
  }
}
.wp-pagenavi a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding-bottom: 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: #00BAA5;
  border: 1.5px solid #00BAA5 !important;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  display: block;
  position: relative;
  text-align: center;
  top: 0.5px;
  font-size: 21px;
  line-height: 1;
  color: #00BAA5;
  border: none !important;
  opacity: 0.5;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}

/* current */
.current {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding-bottom: 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: #FFF;
  background: #00BAA5;
  border: 1.5px solid #00BAA5 !important;
  pointer-events: none;
}

.page:not(.current):hover,
.previouspostslink:hover,
.nextpostslink:hover,
.first:hover,
.last:hover {
  opacity: 0.5;
}

/*----------------------------------------------------------------------------------------------------------------
prevNext
----------------------------------------------------------------------------------------------------------------*/
/* 前後の記事へ | prevNext */
.prevNextWrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 150px 0;
}
@media screen and (max-width: 768px) {
  .prevNextWrap {
    margin: 100px 0;
  }
}
@media screen and (max-width: 576px) {
  .prevNextWrap {
    margin: 80px 0;
  }
}

.prevNext {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: auto;
  height: auto;
  margin: 0 5px;
}
.prevNext__item {
  display: inline-block;
  width: calc(50% - 20px);
  padding: 5px 0px;
  color: #00BAA5;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.08em;
  word-break: auto-phrase;
}
.prevNext__item--prev {
  position: relative;
  max-width: 250px;
  margin: 0px 0px 0px 35px;
  text-align: start;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
}
.prevNext__item--prev::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M0.53125 9.66895L5.09998 5.10021L0.530158 0.530389' stroke='%2300BAA5' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 15px 10px;
  background-position: 55% 50%;
  background-repeat: no-repeat;
  position: absolute;
  color: #00BAA5;
  top: 10px;
  left: -40px;
  width: 28px;
  height: 28px;
  border: #00BAA5 1.5px solid;
  transform: scale(-1, 1);
}
@media screen and (max-width: 576px) {
  .prevNext__item--prev::before {
    top: 9px;
  }
}
.prevNext__item--prev:hover, .prevNext__item--prev:focus {
  opacity: 0.5;
}
.prevNext__item--next {
  position: relative;
  max-width: 250px;
  margin: 0px 35px 0px 0px;
  text-align: end;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
}
.prevNext__item--next::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' viewBox='0 0 7 11' fill='none'%3E%3Cpath d='M0.53125 9.66895L5.09998 5.10021L0.530158 0.530389' stroke='%2300BAA5' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 15px 10px;
  background-position: 55% 50%;
  background-repeat: no-repeat;
  position: absolute;
  color: #00BAA5;
  top: 8px;
  right: -40px;
  width: 28px;
  height: 28px;
  border: #00BAA5 1.5px solid;
}
@media screen and (max-width: 576px) {
  .prevNext__item--next::after {
    top: 9px;
  }
}
.prevNext__item--next:hover, .prevNext__item--next:focus {
  opacity: 0.5;
}
.prevNext__txBox time {
  font-size: 12px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 576px) {
  .prevNext__txBox time {
    font-size: 11px;
    letter-spacing: 0.04em;
  }
}
.prevNext__txBox span {
  padding-bottom: 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  line-height: 1.1;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
  line-break: strict !important;
}
@media screen and (max-width: 576px) {
  .prevNext__txBox span {
    font-size: 11px;
    line-height: 1.1;
  }
}
.prevNext > .prevNext__item--next:first-child {
  margin-left: auto;
}

/*----------------------------------------------------------------------------------------------------------------
fv
----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------- */
/* トップと採用情報 ファーストビュー | common_fv_block */
.common_fv_block {
  display: block;
  width: 100vw;
  height: auto;
  z-index: 100;
}
.common_fv_block__inner {
  display: flex;
  width: 100%;
  height: 92svh;
  overflow: hidden;
}
.common_fv_block__inner--left {
  overflow: hidden;
  width: 280px;
}
@media screen and (max-width: 992px) {
  .common_fv_block__inner--left {
    display: none;
  }
}
.common_fv_block__inner--right {
  flex: 1;
}
.common_fv_block__inner--bottom {
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8vh;
  background: #00BAA5;
}
.common_fv_block__inner--bottom .fv_block__copyRight_inner {
  display: flex;
  align-items: center;
  width: 100%;
  height: 8svh;
}
@media screen and (max-width: 992px) {
  .common_fv_block__inner--bottom .fv_block__copyRight_inner {
    display: none;
  }
}
.common_fv_block__inner--bottom .fv_block__copyRight_inner .fv_block__copyRight_box {
  margin-left: 40px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #FFF;
  opacity: 0.5;
}

/*----------------------------------------------------- */
/* 採用情報の下層ページ ファーストビュー | recruit_lower_common_fv_block */
.recruit_lower_common_fv_block {
  display: block;
  width: 100%;
  height: auto;
  z-index: 100;
  background: #F8F8F8;
}
.recruit_lower_common_fv_block__inner {
  display: flex;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.recruit_lower_common_fv_block__inner--left {
  overflow: hidden;
  width: 280px;
}
@media screen and (max-width: 992px) {
  .recruit_lower_common_fv_block__inner--left {
    display: none;
  }
}
.recruit_lower_common_fv_block__inner--right {
  flex: 1;
}

/*----------------------------------------------------- */
/* 第二階層用 メイン画像アリ ファーストビュー(about,business,group) | lower01_common_fv_block */
.lower01_common_fv_block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100vw;
  height: auto;
  z-index: 100;
  background: #F8F8F8;
}
.lower01_common_fv_block__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
}
.lower01_common_fv_block__inner--upper {
  position: absolute;
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 100vh;
  margin-top: 76px;
  z-index: 110;
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__inner--upper {
    display: block;
    height: 70vh;
    margin-top: 64px;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__inner--upper {
    margin-top: 58px;
  }
}
@media screen and (max-width: 400px) {
  .lower01_common_fv_block__inner--upper {
    margin-top: 50px;
  }
}
.lower01_common_fv_block__inner--under {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40%;
  z-index: 110;
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__inner--under {
    height: 50%;
  }
}
@media screen and (max-width: 768px) {
  .lower01_common_fv_block__inner--under {
    height: 45%;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__inner--under {
    height: 40%;
  }
}
.lower01_common_fv_block__inner--bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40%;
  background: #00BAA5;
  z-index: 90;
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__inner--bg {
    height: 50%;
  }
}
@media screen and (max-width: 768px) {
  .lower01_common_fv_block__inner--bg {
    height: 45%;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__inner--bg {
    height: 40%;
  }
}
.lower01_common_fv_block__titleBox {
  width: 45%;
  height: auto;
  padding-top: 10vh;
  padding-left: 180px;
}
@media screen and (max-width: 1400px) {
  .lower01_common_fv_block__titleBox {
    width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  .lower01_common_fv_block__titleBox {
    width: 52%;
    padding-top: 10vh;
    padding-left: 120px;
  }
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__titleBox {
    width: 100%;
    padding-top: 60px;
    padding-left: 120px;
  }
}
@media screen and (max-width: 768px) {
  .lower01_common_fv_block__titleBox {
    padding-top: 60px;
    padding-left: 100px;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__titleBox {
    padding-top: 50px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .lower01_common_fv_block__titleBox {
    padding-top: 38px;
    padding-left: 30px;
  }
}
.lower01_common_fv_block__titleBox h2 {
  margin-bottom: 25px;
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__titleBox h2 {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 768px) {
  .lower01_common_fv_block__titleBox h2 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__titleBox h2 {
    margin-bottom: 16px;
  }
}
.lower01_common_fv_block__imgBox {
  position: relative;
  display: block;
  width: 55%;
  height: 100vh;
}
@media screen and (max-width: 1400px) {
  .lower01_common_fv_block__imgBox {
    width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  .lower01_common_fv_block__imgBox {
    width: 52%;
  }
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__imgBox {
    right: 0;
    width: 100%;
    height: 70vh;
    margin-top: 40px;
  }
}
.lower01_common_fv_block__img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 65%;
  z-index: 50;
}
@media screen and (max-width: 1200px) {
  .lower01_common_fv_block__img {
    height: 60%;
  }
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__img {
    position: absolute;
    right: 0;
    width: 60%;
    height: 60%;
    margin-top: -4vh;
  }
}
@media screen and (max-width: 768px) {
  .lower01_common_fv_block__img {
    width: 80%;
    height: 55%;
    margin-top: 0px;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__img {
    width: calc(100% - 60px);
    height: 50%;
  }
}
.lower01_common_fv_block__img img {
  position: absolute;
  width: 100%;
  height: auto;
  object-fit: cover;
  height: 100% !important;
}
.lower01_common_fv_block__img .lower01_common_fv_block__overlayBg {
  position: absolute;
  width: calc(100% + 0.5px);
  height: 100%;
  z-index: 51;
  background: linear-gradient(130deg, rgba(180, 215, 0, 0) 0%, rgba(159, 212, 19, 0.12) 23.56%, rgba(148, 210, 29, 0.18) 41.35%, rgba(126, 206, 50, 0.3) 53.37%, rgba(109, 204, 65, 0.4) 67.79%, rgba(72, 198, 99, 0.6) 77.88%, rgba(37, 192, 131, 0.79) 87.5%, #00BAA5 100%);
  mix-blend-mode: screen;
  opacity: 0.8;
}
.lower01_common_fv_block__rectangle-deco {
  position: relative;
  width: 100%;
  height: 35%;
  z-index: 53;
}
@media screen and (max-width: 1200px) {
  .lower01_common_fv_block__rectangle-deco {
    height: 30%;
  }
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__rectangle-deco {
    position: absolute;
    height: 32vh;
    bottom: 0;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__rectangle-deco {
    height: 35vh;
  }
}
@media screen and (max-width: 400px) {
  .lower01_common_fv_block__rectangle-deco {
    display: none;
  }
}
.lower01_common_fv_block__rectangle-deco_inner {
  position: absolute;
  top: -10px;
  right: 0;
  width: 350px;
  height: 35px;
  margin-bottom: 104px;
  background: repeating-linear-gradient(90deg, #F8F8F8 0px, #F8F8F8 9px, rgba(255, 255, 255, 0) 9px, rgba(255, 255, 255, 0) 18px, #F8F8F8 18px, #F8F8F8 27px, rgba(255, 255, 255, 0) 27px, rgba(255, 255, 255, 0) 36px);
  opacity: 0.5;
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__rectangle-deco_inner {
    width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .lower01_common_fv_block__rectangle-deco_inner {
    width: 200px;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__rectangle-deco_inner {
    width: 180px;
    height: 25px;
    margin-bottom: 104px;
    background: repeating-linear-gradient(90deg, #F8F8F8 0px, #F8F8F8 6px, rgba(255, 255, 255, 0) 6px, rgba(255, 255, 255, 0) 12px, #F8F8F8 12px, #F8F8F8 18px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 24px);
  }
}
@media screen and (max-width: 400px) {
  .lower01_common_fv_block__rectangle-deco_inner {
    width: 140px;
  }
}
.lower01_common_fv_block__copyBox {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 180px;
  z-index: 100;
}
@media screen and (max-width: 1200px) {
  .lower01_common_fv_block__copyBox {
    padding-left: 120px;
  }
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__copyBox {
    padding-left: 120px;
  }
}
@media screen and (max-width: 768px) {
  .lower01_common_fv_block__copyBox {
    padding-left: 100px;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__copyBox {
    padding-left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .lower01_common_fv_block__copyBox {
    padding-left: 30px;
  }
}
.lower01_common_fv_block__copy p span {
  color: #FFF;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 74px;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 1400px) {
  .lower01_common_fv_block__copy p span {
    font-size: 58px;
    line-height: 65px;
    letter-spacing: 1.4px;
  }
}
@media screen and (max-width: 992px) {
  .lower01_common_fv_block__copy p span {
    font-size: 50px;
    line-height: 56px;
    letter-spacing: 1.4px;
  }
}
@media screen and (max-width: 768px) {
  .lower01_common_fv_block__copy p span {
    font-size: 45px;
    line-height: 52px;
    letter-spacing: 1.2px;
  }
}
@media screen and (max-width: 576px) {
  .lower01_common_fv_block__copy p span {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 1px;
  }
}

/*----------------------------------------------------- */
/* 第二階層用 ページタイトルのみ ファーストビュー(news,page mapなど) | lower02_common_fv_block */
.lower02_common_fv_block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: auto;
  z-index: 100;
  background: #F8F8F8;
}
.lower02_common_fv_block__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 350px;
}
@media screen and (max-width: 992px) {
  .lower02_common_fv_block__inner {
    height: 320px;
  }
}
@media screen and (max-width: 768px) {
  .lower02_common_fv_block__inner {
    height: 310px;
  }
}
@media screen and (max-width: 576px) {
  .lower02_common_fv_block__inner {
    height: 236px;
  }
}
@media screen and (max-width: 400px) {
  .lower02_common_fv_block__inner {
    height: 222px;
  }
}
.lower02_common_fv_block__titleBox {
  width: 100%;
  height: auto;
  padding-top: 120px;
  padding-left: 180px;
}
@media screen and (max-width: 1200px) {
  .lower02_common_fv_block__titleBox {
    padding-left: 120px;
  }
}
@media screen and (max-width: 992px) {
  .lower02_common_fv_block__titleBox {
    padding-top: 110px;
    padding-left: 120px;
  }
}
@media screen and (max-width: 768px) {
  .lower02_common_fv_block__titleBox {
    padding-top: 110px;
    padding-left: 100px;
  }
}
@media screen and (max-width: 576px) {
  .lower02_common_fv_block__titleBox {
    padding-top: 90px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .lower02_common_fv_block__titleBox {
    padding-top: 84px;
    padding-left: 30px;
  }
}
.lower02_common_fv_block__titleBox h2 {
  margin-bottom: 32px;
}
@media screen and (max-width: 992px) {
  .lower02_common_fv_block__titleBox h2 {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 768px) {
  .lower02_common_fv_block__titleBox h2 {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 576px) {
  .lower02_common_fv_block__titleBox h2 {
    margin-bottom: 16px;
  }
}

/*----------------------------------------------------- */
/* 第二階層用 ページタイトルのみ（2行） ファーストビュー(privacy policyなど) | lower02-2lines_common_fv_block */
.lower02-2lines_common_fv_block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: auto;
  z-index: 100;
  background: #F8F8F8;
}
.lower02-2lines_common_fv_block__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 350px;
}
@media screen and (max-width: 992px) {
  .lower02-2lines_common_fv_block__inner {
    height: 394px;
  }
}
@media screen and (max-width: 768px) {
  .lower02-2lines_common_fv_block__inner {
    height: 370px;
  }
}
@media screen and (max-width: 576px) {
  .lower02-2lines_common_fv_block__inner {
    height: 290px;
  }
}
@media screen and (max-width: 400px) {
  .lower02-2lines_common_fv_block__inner {
    height: 270px;
  }
}
.lower02-2lines_common_fv_block__titleBox {
  width: 100%;
  height: auto;
  padding-top: 120px;
  padding-left: 180px;
}
@media screen and (max-width: 1200px) {
  .lower02-2lines_common_fv_block__titleBox {
    padding-left: 120px;
  }
}
@media screen and (max-width: 992px) {
  .lower02-2lines_common_fv_block__titleBox {
    padding-top: 110px;
    padding-left: 120px;
  }
}
@media screen and (max-width: 768px) {
  .lower02-2lines_common_fv_block__titleBox {
    padding-top: 110px;
    padding-left: 100px;
  }
}
@media screen and (max-width: 576px) {
  .lower02-2lines_common_fv_block__titleBox {
    padding-top: 90px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .lower02-2lines_common_fv_block__titleBox {
    padding-top: 84px;
    padding-left: 30px;
  }
}
.lower02-2lines_common_fv_block__titleBox h2 {
  margin-bottom: 32px;
}
@media screen and (max-width: 992px) {
  .lower02-2lines_common_fv_block__titleBox h2 {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 768px) {
  .lower02-2lines_common_fv_block__titleBox h2 {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 576px) {
  .lower02-2lines_common_fv_block__titleBox h2 {
    margin-bottom: 16px;
  }
}

/*----------------------------------------------------- */
/* 第三階層用 事業紹介下層 ファーストビュー(business01~03) | lower03_common_fv_block */
.lower03_common_fv_block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: auto;
  z-index: 100;
  background: #7486FF;
  z-index: 10;
}
.lower03_common_fv_block__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 376px;
}
@media screen and (max-width: 992px) {
  .lower03_common_fv_block__inner {
    height: 336px;
  }
}
@media screen and (max-width: 768px) {
  .lower03_common_fv_block__inner {
    height: 296px;
  }
}
@media screen and (max-width: 576px) {
  .lower03_common_fv_block__inner {
    height: 264px;
  }
}
@media screen and (max-width: 400px) {
  .lower03_common_fv_block__inner {
    height: 249px;
  }
}
.lower03_common_fv_block__titleBox {
  position: absolute;
  width: 100%;
  height: auto;
  padding-top: 161px;
  padding-left: 150px;
  z-index: 100;
}
@media screen and (max-width: 992px) {
  .lower03_common_fv_block__titleBox {
    padding-top: 145px;
    padding-left: 120px;
  }
}
@media screen and (max-width: 768px) {
  .lower03_common_fv_block__titleBox {
    padding-top: 125px;
    padding-left: 100px;
  }
}
@media screen and (max-width: 576px) {
  .lower03_common_fv_block__titleBox {
    padding-top: 105px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .lower03_common_fv_block__titleBox {
    padding-top: 95px;
    padding-left: 30px;
  }
}
.lower03_common_fv_block__titleBox h2 {
  margin-bottom: 32px;
}
@media screen and (max-width: 992px) {
  .lower03_common_fv_block__titleBox h2 {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 768px) {
  .lower03_common_fv_block__titleBox h2 {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 576px) {
  .lower03_common_fv_block__titleBox h2 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 450px) {
  .lower03_common_fv_block__titleBox h2 {
    margin-bottom: 12px;
  }
}
.lower03_common_fv_block__bgBox {
  position: absolute;
  width: calc(100% + 0.5px);
  height: 100%;
  aspect-ratio: inherit;
  z-index: 2;
  background: linear-gradient(130deg, rgba(180, 215, 0, 0) 0%, rgba(159, 212, 19, 0.12) 23.56%, rgba(148, 210, 29, 0.18) 41.35%, rgba(126, 206, 50, 0.3) 53.37%, rgba(109, 204, 65, 0.4) 67.79%, rgba(72, 198, 99, 0.6) 77.88%, rgba(37, 192, 131, 0.79) 87.5%, #00BAA5 100%);
  mix-blend-mode: screen;
  opacity: 0.8;
  z-index: 10;
}

/*----------------------------------------------------- */
/* 第三階層用 募集要項のファーストビュー  | lower04_common_fv_block */
.lower04_common_fv_block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: auto;
  z-index: 100;
  background: #B4D700;
  z-index: 10;
}
.lower04_common_fv_block__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
}
@media screen and (max-width: 992px) {
  .lower04_common_fv_block__inner {
    height: 336px;
  }
}
@media screen and (max-width: 768px) {
  .lower04_common_fv_block__inner {
    height: 296px;
  }
}
@media screen and (max-width: 576px) {
  .lower04_common_fv_block__inner {
    height: 264px;
  }
}
@media screen and (max-width: 400px) {
  .lower04_common_fv_block__inner {
    height: 249px;
  }
}
.lower04_common_fv_block__titleBox {
  position: absolute;
  width: 100%;
  height: auto;
  padding-top: 80px;
  padding-left: 71px;
  z-index: 100;
}
@media screen and (max-width: 992px) {
  .lower04_common_fv_block__titleBox {
    padding-top: 135px;
    padding-left: 120px;
  }
}
@media screen and (max-width: 768px) {
  .lower04_common_fv_block__titleBox {
    padding-top: 118px;
    padding-left: 100px;
  }
}
@media screen and (max-width: 576px) {
  .lower04_common_fv_block__titleBox {
    padding-top: 98px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .lower04_common_fv_block__titleBox {
    padding-top: 89px;
    padding-left: 30px;
  }
}
.lower04_common_fv_block__titleBox h2 {
  margin-bottom: 32px;
}
@media screen and (max-width: 992px) {
  .lower04_common_fv_block__titleBox h2 {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 768px) {
  .lower04_common_fv_block__titleBox h2 {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 576px) {
  .lower04_common_fv_block__titleBox h2 {
    margin-bottom: 16px;
  }
}
.lower04_common_fv_block__bgBox {
  position: absolute;
  width: calc(100% + 0.5px);
  height: 100%;
  aspect-ratio: inherit;
  opacity: 1;
  background: linear-gradient(130deg, rgba(180, 215, 0, 0) 0%, rgba(159, 212, 19, 0.12) 23.56%, rgba(148, 210, 29, 0.18) 41.35%, rgba(126, 206, 50, 0.3) 53.37%, rgba(109, 204, 65, 0.4) 67.79%, rgba(72, 198, 99, 0.6) 77.88%, rgba(37, 192, 131, 0.79) 87.5%, #00BAA5 100%);
  mix-blend-mode: screen;
  opacity: 0.8;
  z-index: 10;
}

/* 募集要項 ファーストビュー 背景色切り替え */
/* 新卒採用ページ */
body.is-recruit-new .lower04_common_fv_block {
  background: #B4D700 !important;
}

/* 中途採用ページ */
body.is-recruit-mid .lower04_common_fv_block {
  background: #00BAA5 !important;
}

/* パート・非常勤ページ */
body.is-recruit-part .lower04_common_fv_block {
  background: #37485A !important;
}

/* 募集要項 ファーストビュー グラデーション濃さ切り替え */
/* パート・キャリア：少し薄く */
body.is-recruit-part .lower04_common_fv_block__bgBox {
  opacity: 0.2 !important;
}

/*----------------------------------------------------- */
/* 第二階層用 コンタクトのファーストビュー  | lower04_common_fv_block */
.lowerContact_common_fv_block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: auto;
  z-index: 100;
  background: linear-gradient(90deg, #37485A 0%, #51657A 100%) !important;
}
.lowerContact_common_fv_block__inner {
  position: relative;
  display: block;
  width: 100%;
  height: 350px;
}
@media screen and (max-width: 992px) {
  .lowerContact_common_fv_block__inner {
    height: 320px;
  }
}
@media screen and (max-width: 768px) {
  .lowerContact_common_fv_block__inner {
    height: 310px;
  }
}
@media screen and (max-width: 576px) {
  .lowerContact_common_fv_block__inner {
    height: 236px;
  }
}
@media screen and (max-width: 400px) {
  .lowerContact_common_fv_block__inner {
    height: 222px;
  }
}
.lowerContact_common_fv_block__titleBox {
  width: 100%;
  height: auto;
  padding-top: 120px;
  padding-left: 180px;
}
@media screen and (max-width: 1200px) {
  .lowerContact_common_fv_block__titleBox {
    padding-left: 120px;
  }
}
@media screen and (max-width: 992px) {
  .lowerContact_common_fv_block__titleBox {
    padding-top: 110px;
    padding-left: 120px;
  }
}
@media screen and (max-width: 768px) {
  .lowerContact_common_fv_block__titleBox {
    padding-top: 110px;
    padding-left: 100px;
  }
}
@media screen and (max-width: 576px) {
  .lowerContact_common_fv_block__titleBox {
    padding-top: 90px;
    padding-left: 50px;
  }
}
@media screen and (max-width: 400px) {
  .lowerContact_common_fv_block__titleBox {
    padding-top: 84px;
    padding-left: 30px;
  }
}
.lowerContact_common_fv_block__titleBox h2 {
  margin-bottom: 32px;
}
@media screen and (max-width: 992px) {
  .lowerContact_common_fv_block__titleBox h2 {
    margin-bottom: 27px;
  }
}
@media screen and (max-width: 768px) {
  .lowerContact_common_fv_block__titleBox h2 {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 576px) {
  .lowerContact_common_fv_block__titleBox h2 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 400px) {
  .lowerContact_common_fv_block__titleBox h2 {
    margin-bottom: 10px;
  }
}

/*----------------------------------------------------------------------------------------------------------------
sab mv / copy
----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------- */
/* トップ サブメインビジュアル  | common_sabMv_block */
.common_sabMv_block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background: linear-gradient(180deg, #00BAA5 30.31%, #3EC46C 53.76%, #68CB46 78.22%, #B4D700 100%);
}

/*----------------------------------------------------- */
/* サブコピー  | lower_common_sabCopy_block */
.lower_common_sabCopy_block {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 50px 0 60px 150px;
  background: #F8F8F8;
  z-index: 100;
}
@media screen and (max-width: 1200px) {
  .lower_common_sabCopy_block {
    padding: 50px 0 50px 150px;
  }
}
@media screen and (max-width: 992px) {
  .lower_common_sabCopy_block {
    padding: 50px 0 80px 120px;
  }
}
@media screen and (max-width: 768px) {
  .lower_common_sabCopy_block {
    padding: 40px 0 60px 100px;
  }
}
@media screen and (max-width: 576px) {
  .lower_common_sabCopy_block {
    padding: 40px 0 50px 50px;
  }
}
@media screen and (max-width: 400px) {
  .lower_common_sabCopy_block {
    padding: 40px 0 50px 30px;
  }
}
.lower_common_sabCopy_block__inner {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
}
.lower_common_sabCopy_block__inner--left {
  position: relative;
  width: 42%;
  height: auto;
  z-index: 10;
}
@media screen and (max-width: 1400px) {
  .lower_common_sabCopy_block__inner--left {
    width: 58%;
  }
}
@media screen and (max-width: 992px) {
  .lower_common_sabCopy_block__inner--left {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .lower_common_sabCopy_block__inner--left {
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 576px) {
  .lower_common_sabCopy_block__inner--left {
    width: calc(100% - 50px);
  }
}
@media screen and (max-width: 400px) {
  .lower_common_sabCopy_block__inner--left {
    width: calc(100% - 30px);
  }
}
.lower_common_sabCopy_block__inner--right {
  position: absolute;
  right: 0;
  width: 58%;
  height: auto;
  z-index: 5;
}
@media screen and (max-width: 992px) {
  .lower_common_sabCopy_block__inner--right {
    right: -80px;
    width: 100%;
  }
}
.lower_common_sabCopy_block__txBox {
  position: relative;
  top: 0;
}
.lower_common_sabCopy_block__tx--l {
  display: inline-block;
  margin-top: 34px;
  margin-bottom: 50px;
}
@media screen and (max-width: 576px) {
  .lower_common_sabCopy_block__tx--l {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
.lower_common_sabCopy_block__tx--l .tx--s {
  display: inline-block;
  margin-bottom: 40px;
  color: #7486FF;
  font-family: "Roboto";
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 992px) {
  .lower_common_sabCopy_block__tx--l .tx--s {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .lower_common_sabCopy_block__tx--l .tx--s {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 1px;
  }
}
@media screen and (max-width: 500px) {
  .lower_common_sabCopy_block__tx--l .tx--s {
    margin-bottom: 20px;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 1px;
  }
}
.lower_common_sabCopy_block__tx--l .tx--l {
  color: #37485A;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 92px;
  letter-spacing: 5px;
  white-space: nowrap;
  font-feature-settings: "palt";
}
@media screen and (max-width: 1200px) {
  .lower_common_sabCopy_block__tx--l .tx--l {
    font-size: 60px;
    line-height: 88px;
    letter-spacing: 4px;
  }
}
@media screen and (max-width: 992px) {
  .lower_common_sabCopy_block__tx--l .tx--l {
    font-size: 50px;
    line-height: 76px;
    letter-spacing: 3px;
  }
}
@media screen and (max-width: 768px) {
  .lower_common_sabCopy_block__tx--l .tx--l {
    font-size: 42px;
    line-height: 66px;
    letter-spacing: 2px;
  }
}
@media screen and (max-width: 576px) {
  .lower_common_sabCopy_block__tx--l .tx--l {
    font-size: 36px;
    line-height: 56px;
    letter-spacing: 1.8px;
  }
}
@media screen and (max-width: 500px) {
  .lower_common_sabCopy_block__tx--l .tx--l {
    font-size: 31px;
    line-height: 50px;
    letter-spacing: 1.2px;
  }
}
.lower_common_sabCopy_block__tx--s {
  color: #37485A;
  text-align: justify;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 576px) {
  .lower_common_sabCopy_block__tx--s {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1px;
  }
}
.lower_common_sabCopy_block__img_inner {
  position: absolute;
  display: block;
  width: 100%;
  height: auto;
}
.lower_common_sabCopy_block__imgBox {
  position: relative;
  z-index: 0;
}
.lower_common_sabCopy_block__img {
  position: absolute;
  height: auto;
  z-index: 0;
}
.lower_common_sabCopy_block__img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.lower_common_sabCopy_block__img01--position {
  top: -14vw;
  right: 14vw;
  width: 40vw;
  z-index: 0;
}
@media screen and (max-width: 1600px) {
  .lower_common_sabCopy_block__img01--position {
    top: -14vw;
    right: 14vw;
    width: 40vw;
  }
}
@media screen and (max-width: 1400px) {
  .lower_common_sabCopy_block__img01--position {
    top: -20vw;
    right: 5vw;
    width: 44vw;
  }
}
@media screen and (max-width: 992px) {
  .lower_common_sabCopy_block__img01--position {
    top: -25vw;
    right: 3vw;
    width: 54vw;
  }
}
@media screen and (max-width: 768px) {
  .lower_common_sabCopy_block__img01--position {
    top: -22vw;
    right: 0vw;
    width: 58vw;
  }
}
@media screen and (max-width: 576px) {
  .lower_common_sabCopy_block__img01--position {
    top: -20vw;
    right: 2vw;
    width: 65vw;
  }
}
@media screen and (max-width: 450px) {
  .lower_common_sabCopy_block__img01--position {
    top: -25vw;
    right: 5vw;
    width: 65vw;
  }
}

/*----------------------------------------------------------------------------------------------------------------
news
----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------- */
/* 横長のニュース カード  | news-card-style__landscape */
.news-card-style__landscape a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: auto;
  transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.news-card-style__landscape a svg {
  flex-shrink: 0;
  transition: all 0.35s ease-in-out;
  -webkit-transition: all 0.35s ease-in-out;
}
.news-card-style__landscape a:hover, .news-card-style__landscape a:focus {
  background: #FFF;
}
.news-card-style__landscape a:hover .news_title--s, .news-card-style__landscape a:focus .news_title--s {
  letter-spacing: 0.06em;
}
.news-card-style__landscape a:hover svg, .news-card-style__landscape a:focus svg {
  color: #00BAA5;
  transform: translateX(-10px);
}
.news-card-style__landscape--txBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  gap: 20px;
  padding: 20px 10px;
  border-bottom: 1px solid rgba(55, 72, 90, 0.3);
}
@media screen and (max-width: 992px) {
  .news-card-style__landscape--txBox {
    padding: 20px 0px;
    gap: 0px;
  }
}
.news-card-style__landscape--flexBox {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 992px) {
  .news-card-style__landscape--flexBox {
    display: inline-block;
    gap: 0px;
  }
}
.news-card-style__landscape--flexBox02 {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .news-card-style__landscape--flexBox02 {
    display: inline-block;
    gap: 0px;
  }
}
.news-card-style__landscape--flexBox02 .category {
  width: 125px !important;
}
@media screen and (max-width: 1200px) {
  .news-card-style__landscape--flexBox02 .category {
    width: auto !important;
  }
}
.news-card-style__landscape--spFlexBox {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 992px) {
  .news-card-style__landscape--spFlexBox {
    display: flex;
    justify-content: start;
    gap: 20px;
    margin-bottom: 10px;
  }
}
.news-card-style__landscape--spFlexBox .category {
  width: 100px !important;
}
@media screen and (max-width: 992px) {
  .news-card-style__landscape--spFlexBox .category {
    width: auto !important;
  }
}
.news-card-style__landscape--spFlexBox02 {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .news-card-style__landscape--spFlexBox02 {
    display: flex;
    justify-content: start;
    gap: 20px;
    margin-bottom: 10px;
  }
}
.news-card-style__landscape:first-child {
  border-top: 1px solid rgba(55, 72, 90, 0.3);
}