@charset "UTF-8";
/*
Theme Name: enStep
Author: Refu
Version: 1.0
*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0;
}

ul[role=list], ol[role=list] {
  list-style: none;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

img, picture {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *, *::before, *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@font-face {
  font-family: "Poppins";
  src: url("../enstep/font/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../enstep/font/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../enstep/font/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../enstep/font/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
html {
  scroll-behavior: smooth; /* スムーススクロール */
  margin: 0 auto;
  max-width: 1920px;
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
  html {
    max-width: none;
  }
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #100A00;
  word-break: auto-phrase;
  margin: 0 auto;
  background-color: #F1F1F1;
  background: #F39801;
  max-width: 1920px;
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
  body {
    max-width: none;
  }
}
@media screen and (max-width: 1024px) {
  body {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
}

p {
  line-height: 2;
}

ul, li {
  word-break: normal;
}

a[href^=tel]:hover {
  opacity: 0.7;
}

.container {
  width: 70%;
  margin: 0 auto;
  max-width: 1536px;
}
@media screen and (max-width: 1280px) {
  .container {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .container {
    width: 90%;
  }
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.lower-fv {
  width: 100%;
  padding: 0.5rem 10% 140px;
  position: relative;
  background-color: #F1F1F1;
  z-index: 10;
}
@media screen and (max-width: 1280px) {
  .lower-fv {
    padding: 3rem 10% 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv {
    padding: 2.5rem 5% 5rem;
  }
}
.lower-fv h1 {
  font-size: clamp(1.125rem, 1.08rem + 0.15vw, 1.25rem);
  line-height: 1.5;
  margin: 8px 0 0;
  font-weight: bold;
}
.lower-fv-p {
  font-size: clamp(2.5rem, 1.136rem + 4.55vw, 6.25rem);
  color: #F39801;
  font-weight: 600;
  line-height: 1;
  font-family: "Poppins", sans-serif;
}
.lower-fv-p .line-wrapper {
  display: inline-block;
  overflow: hidden;
}
.lower-fv-p span {
  -webkit-transform: translateY(120%);
          transform: translateY(120%);
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  display: inline-block;
  line-height: 1.3;
}
.lower-fv-p.fadeUp span {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.43, 0.05, 0.17, 1) 1s;
  transition: -webkit-transform 0.8s cubic-bezier(0.43, 0.05, 0.17, 1) 1s;
  transition: transform 0.8s cubic-bezier(0.43, 0.05, 0.17, 1) 1s;
  transition: transform 0.8s cubic-bezier(0.43, 0.05, 0.17, 1) 1s, -webkit-transform 0.8s cubic-bezier(0.43, 0.05, 0.17, 1) 1s;
  opacity: 1;
}
.lower-fv-img {
  position: absolute;
  width: 13%;
  right: 10%;
  top: 17rem;
  z-index: 15;
}
@media screen and (max-width: 1280px) {
  .lower-fv-img {
    top: 12rem;
  }
}
@media screen and (max-width: 767px) {
  .lower-fv-img {
    top: 15rem;
    width: 25%;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

main {
  background-color: #F1F1F1;
  position: relative;
  z-index: 10;
}

.body-bg {
  background-color: #fff;
  border-top-left-radius: 0.3125rem;
  border-top-right-radius: 0.3125rem;
  color: #1d1d1d;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: top center;
          transform-origin: top center;
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.26, 0.06, 0, 1);
  transition: opacity 0.6s cubic-bezier(0.26, 0.06, 0, 1);
  padding: 100px 5% 120px;
}
@media screen and (max-width: 767px) {
  .body-bg {
    padding: 3rem 5% 120px;
  }
  .body-bg .container {
    width: 100%;
  }
}
.body-bg.fadeUp {
  opacity: 1;
}
.body-bg-wrap {
  position: relative;
  background-color: #F1F1F1;
  z-index: 10;
  -webkit-transition: opacity 1s cubic-bezier(0.26, 0.06, 0, 1), -webkit-transform 1.6s cubic-bezier(0.47, 0.16, 0.24, 1);
  transition: opacity 1s cubic-bezier(0.26, 0.06, 0, 1), -webkit-transform 1.6s cubic-bezier(0.47, 0.16, 0.24, 1);
  transition: opacity 1s cubic-bezier(0.26, 0.06, 0, 1), transform 1.6s cubic-bezier(0.47, 0.16, 0.24, 1);
  transition: opacity 1s cubic-bezier(0.26, 0.06, 0, 1), transform 1.6s cubic-bezier(0.47, 0.16, 0.24, 1), -webkit-transform 1.6s cubic-bezier(0.47, 0.16, 0.24, 1);
}

.table_design03 {
  border-collapse: collapse;
  width: 100%;
  word-break: auto-phrase;
}
.table_design03 tr {
  border-bottom: 1px solid #B5B1AE;
}
@media screen and (max-width: 767px) {
  .table_design03 tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.table_design03 td {
  padding: 2rem 0;
  vertical-align: top;
}
.table_design03 td a {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.table_design03 td:first-child {
  width: 40%;
  min-width: 150px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .table_design03 td:first-child {
    width: 100%;
    padding-bottom: 0;
    font-size: 14px;
  }
}
.table_design03 td:last-child {
  width: 60%;
}
@media screen and (max-width: 767px) {
  .table_design03 td:last-child {
    width: 100%;
    padding-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .table_design03 td {
    padding: 1.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .table_design03 td {
    padding: 1rem 0;
  }
}
.table_design03 a {
  text-decoration: underline;
  display: block;
}

.lower-title h2 {
  font-size: clamp(0.75rem, 0.659rem + 0.3vw, 1rem);
}
.lower-title .lower-fv-p {
  font-size: clamp(2.5rem, 1.591rem + 3.03vw, 5rem);
}

.pankuzu {
  background-color: #F1F1F1;
  position: relative;
  z-index: 10;
}

#breadcrumbs {
  width: 80%;
  margin: 0 auto 0;
  padding-top: 100px;
  font-size: 14px;
  color: #969696;
  text-align: right;
}
@media screen and (max-width: 1280px) {
  #breadcrumbs {
    padding-top: 60px;
  }
}
@media screen and (max-width: 1024px) {
  #breadcrumbs {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  #breadcrumbs {
    font-size: 10px;
    padding: 5rem 0 0;
  }
}
#breadcrumbs a {
  color: #969696;
}
#breadcrumbs a:hover {
  opacity: 0.7;
}
#breadcrumbs .breadcrumb_last {
  font-weight: bold;
  color: #100A00;
}

.swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

table td {
  word-break: break-all;
}

header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 2.5%;
  }
}

header.UpMove {
  -webkit-animation: UpAnime 0.5s forwards;
          animation: UpAnime 0.5s forwards;
}

@-webkit-keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}

@keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
header.DownMove {
  -webkit-animation: DownAnime 0.5s forwards;
          animation: DownAnime 0.5s forwards;
}

@-webkit-keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
header > nav {
  display: block;
  position: fixed;
  width: 900px;
  height: 900px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translate3d(25px, -25px, 0);
          transform: translate3d(25px, -25px, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
  transition: -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
  transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
  transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9), -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
  pointer-events: none;
}
header > nav.open {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  pointer-events: auto;
}
header > nav.top-right {
  top: -340px;
  left: -340px;
}
@media screen and (max-width: 1024px) {
  header > nav.top-right {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    top: -380px;
    left: -380px;
  }
}
@media screen and (max-width: 767px) {
  header > nav.top-right {
    display: none !important;
  }
}

.header-logo {
  display: none;
}
@media screen and (max-width: 767px) {
  .header-logo {
    display: block;
    width: 3rem;
    background: #fff;
    border-radius: 999vh;
    padding: 6px;
  }
}

.disc {
  position: absolute;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  font-family: "Poppins", "Zen Kaku Gothic New", sans-serif;
  line-height: 40px;
  padding-top: 10px;
  border-radius: 450px;
  -webkit-transform: scale3d(0.5, 0.5, 0.5) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(0.5, 0.5, 0.5) rotate3d(0, 0, 1, 180deg);
  pointer-events: none;
  opacity: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
  transition: opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
  transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9), opacity 0.5s;
  transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9), opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
}
.disc div {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.disc div:hover {
  /*追加*/
  opacity: 0.7;
}
.disc div p {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  /*追加*/
}
.disc div p:first-child {
  display: none;
}
.open .disc {
  pointer-events: auto;
  opacity: 1;
}

.l1 {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: #fff4e2;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.open .l1 {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
  opacity: 1;
}
.open .l1:active {
  background: shade(#fff4e2, 90%);
  color: #fff4e2;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: shade(#fff4e2, 50%);
  color: #fff4e2;
}
.open .l1.toggle {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
}

.l2 {
  top: 50px;
  left: 50px;
  right: 50px;
  bottom: 50px;
  background: rgb(253.6666666667, 233.7777777778, 201);
  -webkit-transition-delay: 0.0555555556s;
          transition-delay: 0.0555555556s;
}
.open .l2 {
  -webkit-transition-delay: 0.0555555556s;
          transition-delay: 0.0555555556s;
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
  opacity: 1;
}
.open .l2:active {
  background: shade(rgb(253.6666666667, 233.7777777778, 201), 90%);
  color: rgb(253.6666666667, 233.7777777778, 201);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: shade(rgb(253.6666666667, 233.7777777778, 201), 50%);
  color: rgb(253.6666666667, 233.7777777778, 201);
}
.open .l2.toggle {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
}

.l3 {
  top: 100px;
  left: 100px;
  right: 100px;
  bottom: 100px;
  background: rgb(252.3333333333, 223.5555555556, 176);
  -webkit-transition-delay: 0.1111111111s;
          transition-delay: 0.1111111111s;
}
.open .l3 {
  -webkit-transition-delay: 0.1111111111s;
          transition-delay: 0.1111111111s;
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
  opacity: 1;
}
.open .l3:active {
  background: shade(rgb(252.3333333333, 223.5555555556, 176), 90%);
  color: rgb(252.3333333333, 223.5555555556, 176);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: shade(rgb(252.3333333333, 223.5555555556, 176), 50%);
  color: rgb(252.3333333333, 223.5555555556, 176);
}
.open .l3.toggle {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
}

.l4 {
  top: 150px;
  left: 150px;
  right: 150px;
  bottom: 150px;
  background: rgb(251, 213.3333333333, 151);
  -webkit-transition-delay: 0.1666666667s;
          transition-delay: 0.1666666667s;
}
.open .l4 {
  -webkit-transition-delay: 0.1666666667s;
          transition-delay: 0.1666666667s;
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
  opacity: 1;
}
.open .l4:active {
  background: shade(rgb(251, 213.3333333333, 151), 90%);
  color: rgb(251, 213.3333333333, 151);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: shade(rgb(251, 213.3333333333, 151), 50%);
  color: rgb(251, 213.3333333333, 151);
}
.open .l4.toggle {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
}

.l5 {
  top: 200px;
  left: 200px;
  right: 200px;
  bottom: 200px;
  background: rgb(249.6666666667, 203.1111111111, 126);
  -webkit-transition-delay: 0.2222222222s;
          transition-delay: 0.2222222222s;
}
.open .l5 {
  -webkit-transition-delay: 0.2222222222s;
          transition-delay: 0.2222222222s;
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
  opacity: 1;
}
.open .l5:active {
  background: shade(rgb(249.6666666667, 203.1111111111, 126), 90%);
  color: rgb(249.6666666667, 203.1111111111, 126);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: shade(rgb(249.6666666667, 203.1111111111, 126), 50%);
  color: rgb(249.6666666667, 203.1111111111, 126);
}
.open .l5.toggle {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
}

.l6 {
  top: 250px;
  left: 250px;
  right: 250px;
  bottom: 250px;
  background: rgb(248.3333333333, 192.8888888889, 101);
  -webkit-transition-delay: 0.2777777778s;
          transition-delay: 0.2777777778s;
}
.open .l6 {
  -webkit-transition-delay: 0.2777777778s;
          transition-delay: 0.2777777778s;
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
  opacity: 1;
}
.open .l6:active {
  background: shade(rgb(248.3333333333, 192.8888888889, 101), 90%);
  color: rgb(248.3333333333, 192.8888888889, 101);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: shade(rgb(248.3333333333, 192.8888888889, 101), 50%);
  color: rgb(248.3333333333, 192.8888888889, 101);
}
.open .l6.toggle {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
}

.l7 {
  top: 300px;
  left: 300px;
  right: 300px;
  bottom: 300px;
  background: rgb(247, 182.6666666667, 76);
  -webkit-transition-delay: 0.3333333333s;
          transition-delay: 0.3333333333s;
}
.open .l7 {
  -webkit-transition-delay: 0.3333333333s;
          transition-delay: 0.3333333333s;
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
  opacity: 1;
}
.open .l7:active {
  background: shade(rgb(247, 182.6666666667, 76), 90%);
  color: rgb(247, 182.6666666667, 76);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: shade(rgb(247, 182.6666666667, 76), 50%);
  color: rgb(247, 182.6666666667, 76);
}
.open .l7.toggle {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
}

.l8 {
  top: 350px;
  left: 350px;
  right: 350px;
  bottom: 350px;
  background: rgb(245.6666666667, 172.4444444444, 51);
  -webkit-transition-delay: 0.3888888889s;
          transition-delay: 0.3888888889s;
  background: #F39801;
}
.open .l8 {
  -webkit-transition-delay: 0.3888888889s;
          transition-delay: 0.3888888889s;
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
  opacity: 1;
}
.open .l8:active {
  background: shade(rgb(245.6666666667, 172.4444444444, 51), 90%);
  color: rgb(245.6666666667, 172.4444444444, 51);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: shade(rgb(245.6666666667, 172.4444444444, 51), 50%);
  color: rgb(245.6666666667, 172.4444444444, 51);
}
.open .l8.toggle {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
}

.l9 {
  top: 400px;
  left: 400px;
  right: 400px;
  bottom: 400px;
  background: rgb(244.3333333333, 162.2222222222, 26);
  -webkit-transition-delay: 0.4444444444s;
          transition-delay: 0.4444444444s;
  background: #fff;
}
.open .l9 {
  -webkit-transition-delay: 0.4444444444s;
          transition-delay: 0.4444444444s;
  -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
          transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 180deg);
  opacity: 1;
}
.open .l9:active {
  background: shade(rgb(244.3333333333, 162.2222222222, 26), 90%);
  color: rgb(244.3333333333, 162.2222222222, 26);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  background: shade(rgb(244.3333333333, 162.2222222222, 26), 50%);
  color: rgb(244.3333333333, 162.2222222222, 26);
}
.open .l9.toggle {
  -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
          transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 0deg);
}

.toggle {
  line-height: 100px;
  padding: 0;
  width: 100px;
  background: #fff;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  pointer-events: auto;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.toggle img {
  width: 70px;
}
.toggle p {
  line-height: 1;
}
.open .toggle {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
          transform: rotate3d(0, 0, 1, 0deg);
}
.toggle:active {
  background: shade(#F39801, 90%);
  text-decoration: underline;
  background: shade(#F39801, 50%);
  color: rgba(243, 152, 1, 0.5);
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.hamburger-menu {
  display: none;
}
@media screen and (max-width: 767px) {
  .hamburger-menu {
    display: block;
  }
}
.hamburger-menu input {
  display: none;
}
.hamburger-menu .menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 30;
  position: relative;
}
@media screen and (max-width: 767px) {
  .hamburger-menu .menu-btn {
    height: 40px;
    width: 40px;
    background-color: #F39801;
    border-radius: 999vh;
  }
}
.hamburger-menu .menu-btn span,
.hamburger-menu .menu-btn span:before,
.hamburger-menu .menu-btn span:after {
  content: "";
  display: block;
  height: 4px;
  width: 4px;
  background-color: #fff;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.hamburger-menu .menu-btn span:before {
  bottom: 10px;
}
.hamburger-menu .menu-btn span:after {
  top: 10px;
}
.hamburger-menu #menu-btn-check:checked ~ .menu-btn span,
.hamburger-menu #menu-btn-check:checked ~ .menu-btn span:before,
.hamburger-menu #menu-btn-check:checked ~ .menu-btn span:after {
  background-color: #fff;
  width: 32px;
  height: 2px;
}
.hamburger-menu #menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
}
.hamburger-menu #menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.hamburger-menu #menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.hamburger-menu .menu-content .hamburger-wrap {
  width: 70%;
  margin: 0 auto;
  background: transparent;
  padding: 0;
}
.hamburger-menu .menu-content .hamburger-wrap ul.footer-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}
.hamburger-menu .menu-content .hamburger-wrap ul.footer-ul a {
  color: #fff;
}
.hamburger-menu .gnavi__sp-style {
  position: fixed;
  z-index: -2;
  top: 0px;
  background-color: #F39801;
  width: 100%;
  height: 100vh;
  left: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .hamburger-menu .gnavi__sp-style {
    overflow: scroll;
  }
}
.hamburger-menu .gnavi__sp-style ul > li > a {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
}
.hamburger-menu .gnavi__sp-style a {
  color: #100A00;
  font-weight: bold;
}
.hamburger-menu .gnavi__sp-style .sub-menu {
  padding: 0.5rem 0 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.hamburger-menu .gnavi__sp-style .sub-menu a {
  font-size: 12px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.hamburger-menu .gnavi__sp-style.active {
  opacity: 1;
  z-index: 20;
  left: 0;
}

.footer {
  background: #F39801;
  padding: 100px 5% 1.5rem;
  margin: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 768px) and (max-height: 700px) {
  .footer {
    padding: 40px 5% 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .footer {
    bottom: auto;
    left: auto;
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 2.5rem 0 1rem;
  }
}
.footer .icon-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .footer .icon-btn.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.footer .icon-btn img {
  width: 2rem;
}
.footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .footer-wrap {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .footer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3.5rem;
    max-width: 265px;
  }
}
.footer-left {
  width: 270px;
}
@media screen and (max-width: 767px) {
  .footer-left {
    width: 100%;
  }
}
.footer-right {
  width: calc(100% - 300px);
  max-width: 940px;
}
@media screen and (max-width: 1024px) {
  .footer-right {
    width: calc(100% - 330px);
  }
}
@media screen and (max-width: 767px) {
  .footer-right {
    width: 100%;
  }
}
.footer .container {
  width: 90%;
}
.footer .logo {
  width: 110px;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1024px) {
  .footer .logo {
    width: 80px;
  }
}
@media screen and (max-width: 767px) {
  .footer .logo {
    width: 60px;
    margin-bottom: 1.5rem;
  }
}
.footer .logo + p {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.footer .logo + p + p {
  margin-bottom: 2.5rem;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .footer .logo + p + p {
    font-size: 10px;
    margin-bottom: 1.5rem;
  }
}
.footer .sub-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.5rem;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .footer .sub-menu {
    margin-top: 0.5rem;
    gap: 4px;
  }
}
@media screen and (max-width: 767px) {
  .footer .sub-menu {
    padding: 0.5rem 0 0 1rem;
    margin: 0;
  }
}
.footer .sub-menu li {
  width: 100%;
}
.footer .sub-menu li a {
  color: #100A00;
  font-size: 1rem;
  font-weight: 500;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media screen and (max-width: 1024px) {
  .footer .sub-menu li a {
    font-size: 14px;
  }
}
.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem 5%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer ul .menu-item-130 {
  display: none !important;
}
@media screen and (max-width: 1280px) {
  .footer ul {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    gap: 3rem 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .footer ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .footer ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
  }
}
@media screen and (max-width: 1024px) {
  .footer ul > li {
    min-width: 85px;
  }
}
.footer ul > li > a {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
}
.footer ul > li a:hover {
  opacity: 0.7;
}
.footer .copyright {
  font-size: 12px;
  text-align: center;
  margin-top: 5rem;
}
@media screen and (min-width: 768px) and (max-height: 700px) {
  .footer .copyright {
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .footer .copyright {
    margin: 5rem 0 0;
  }
}
.footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  .footer-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .footer-link {
    gap: 1rem;
    font-size: 11px;
  }
}
.footer-link a {
  color: #fff;
  position: relative;
}
.footer-link a:hover {
  opacity: 0.7;
}
.footer-link a::before {
  content: "";
  width: 0.8rem;
  height: 1px;
  background-color: #fff;
  right: -1.2rem;
  position: absolute;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  top: 0.8rem;
}
@media screen and (max-width: 767px) {
  .footer-link a::before {
    right: -0.94rem;
    top: 0.7rem;
  }
}
.footer-link a:last-child::before {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

.orange-title {
  opacity: 0;
}
.orange-title.fadeUp {
  opacity: 1;
}
.orange-title.fadeUp span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #F39801;
  -webkit-animation: a-ltr-after 2s cubic-bezier(0.77, 0, 0.18, 1) forwards;
          animation: a-ltr-after 2s cubic-bezier(0.77, 0, 0.18, 1) forwards;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
}
.orange-title.fadeUp span::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-animation: a-ltr-before 2s cubic-bezier(0.77, 0, 0.18, 1) forwards;
          animation: a-ltr-before 2s cubic-bezier(0.77, 0, 0.18, 1) forwards;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.orange-title span {
  position: relative;
  overflow: hidden;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.orange-title span::before, .orange-title span::after {
  -webkit-animation-delay: var(--delay, 0s) !important;
          animation-delay: var(--delay, 0s) !important;
}

@-webkit-keyframes a-ltr-after {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}

@keyframes a-ltr-after {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}
@-webkit-keyframes a-ltr-before {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
}
@keyframes a-ltr-before {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(200%);
            transform: translateX(200%);
  }
}
a {
  text-decoration: none;
  color: #100A00;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.arrow-btn {
  position: relative;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  background-color: #F39801;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 1.5rem 8px 2.5rem;
  border-radius: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin: 5rem auto 0;
  border: 2px solid #F39801;
  min-width: 240px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .arrow-btn.pc {
    display: none;
  }
}
.arrow-btn.sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .arrow-btn.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .arrow-btn {
    font-size: 16px;
    gap: 8px;
  }
}
.arrow-btn:hover {
  background-color: #fff;
  color: #F39801;
}
.arrow-btn:hover svg circle {
  fill: #F39801;
}
.arrow-btn:hover svg path {
  fill: #fff;
}
.arrow-btn svg {
  width: 2.5rem;
}
.arrow-btn svg circle,
.arrow-btn svg path {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.arrow-btn.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 8px 2.5rem 8px 1.5rem;
}
.arrow-btn.reverse svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.top-back-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 5% 1.5rem;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .top-back-btn {
    font-size: 12px;
    gap: 8px;
    margin-bottom: 1rem;
  }
}
.top-back-btn:hover {
  opacity: 0.7;
}
.top-back-btn:hover img {
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
.top-back-btn img {
  width: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .top-back-btn img {
    font-size: 1rem;
  }
}

.transition-btn {
  opacity: 0;
}

.home {
  background-color: #fff;
  background: #F39801;
}

.home header {
  display: none;
}
@media screen and (max-width: 1279px) {
  .home header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.home-header {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 9999;
  top: 2.5rem;
  left: 5%;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 1600px) {
  .home-header {
    top: 1rem;
    left: 2.5%;
  }
}
@media screen and (max-width: 1279px) {
  .home-header {
    display: none;
  }
}
.home-header a {
  font-weight: bold;
}
.home-header-logo {
  width: 4rem;
}
.home-header-list {
  margin-left: 2rem;
  position: relative;
}
@media screen and (max-width: 1600px) {
  .home-header-list {
    margin-left: 1rem;
  }
}
.home-header-list a {
  display: inline-block;
  text-align: center;
  font-size: 16px;
  margin-right: 1.5rem;
  /*追加*/
  font-size: 14px;
  margin-right: 1rem;
}
@media screen and (max-width: 1720px) {
  .home-header-list a {
    font-size: 12px;
  }
}
.home-header-list a p {
  line-height: 1;
}
.home-header-list a:hover {
  color: #F39801;
}
.home-header-list .dot {
  width: 8px;
  height: 8px;
  background: #F39801;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
}
.home-header-list a:nth-child(1):hover ~ .dot {
  -webkit-transform: translateX(21px);
  transform: translateX(21px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  /*追加*/
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
}
@media screen and (max-width: 1720px) {
  .home-header-list a:nth-child(1):hover ~ .dot {
    -webkit-transform: translateX(43px);
    transform: translateX(43px);
  }
}
.home-header-list a:nth-child(2):hover ~ .dot {
  -webkit-transform: translateX(105px);
  transform: translateX(105px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  /*追加*/
  -webkit-transform: translateX(154px);
  transform: translateX(154px);
}
@media screen and (max-width: 1720px) {
  .home-header-list a:nth-child(2):hover ~ .dot {
    -webkit-transform: translateX(135px);
    transform: translateX(135px);
  }
}
.home-header-list a:nth-child(3):hover ~ .dot {
  -webkit-transform: translateX(194px);
  transform: translateX(194px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  /*追加*/
  -webkit-transform: translateX(232px);
  transform: translateX(232px);
}
@media screen and (max-width: 1720px) {
  .home-header-list a:nth-child(3):hover ~ .dot {
    -webkit-transform: translateX(205px);
    transform: translateX(205px);
  }
}
.home-header-list a:nth-child(4):hover ~ .dot {
  -webkit-transform: translateX(272px);
  transform: translateX(272px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  /*追加*/
  -webkit-transform: translateX(309px);
  transform: translateX(309px);
}
@media screen and (max-width: 1720px) {
  .home-header-list a:nth-child(4):hover ~ .dot {
    -webkit-transform: translateX(273px);
    transform: translateX(273px);
  }
}
.home-header-btn {
  color: #fff;
  background-color: #F39801;
  border-radius: 2.5rem;
  padding: 1.5rem 3rem;
  /*追加*/
  padding: 1rem 2rem;
}
@media screen and (max-width: 1720px) {
  .home-header-btn {
    padding: 0.8rem 1rem;
    font-size: 14px;
  }
}
.home-header-btn:hover {
  opacity: 0.7;
}
.home-header-btn p {
  line-height: 1;
}

/* ローディング画面 */
#loading {
  width: 100vw;
  height: 100vh;
  height: 100svh;
  -webkit-transition: all 1s;
  transition: all 1s;
  background-color: #F39801;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
}
#loading.loaded {
  left: 100%;
}
@media screen and (max-width: 1279px) {
  #loading.loaded {
    left: auto;
    top: 100%;
  }
}

.loading-box {
  width: 370px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 999vh;
  aspect-ratio: 1/1;
  opacity: 1;
  -webkit-animation: fadeOutAnime 1s forwards 3s;
          animation: fadeOutAnime 1s forwards 3s;
}
@media screen and (max-width: 1400px) {
  .loading-box {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .loading-box {
    width: 260px;
  }
}
.loading-img {
  width: 150px;
  margin-bottom: 1rem;
  position: relative;
  overflow: hidden;
  opacity: 1;
}
@media screen and (max-width: 1400px) {
  .loading-img {
    width: 120px;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .loading-img {
    word-wrap: 100px;
  }
}
.loading-img::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10;
  position: absolute;
  -webkit-transition: ease-out 2.5s;
  transition: ease-out 2.5s;
}
.loading-img.fadeUp::before {
  left: 100%;
}
.loading-txt {
  font-family: "Poppins", sans-serif;
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
  font-weight: bold;
  color: #F39801;
  width: 130px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .loading-txt {
    width: 125px;
  }
}
@media screen and (max-width: 767px) {
  .loading-txt {
    font-size: 1rem;
    width: 110px;
  }
}
.loading-txt::after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 800ms infinite;
  animation: ellipsis steps(4, end) 800ms infinite;
  content: "...";
  width: 0px;
  color: #F39801;
  font-size: 20px;
  margin-left: 5px;
}
.loading-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  font-size: clamp(2rem, 1.455rem + 1.82vw, 3.5rem);
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}
.loading-count p {
  line-height: 1;
}

@-webkit-keyframes ellipsis {
  0% {
    width: 0;
  }
  60% {
    width: 1.3em;
  }
  100% {
    width: 1.3em;
  }
}

@keyframes ellipsis {
  0% {
    width: 0;
  }
  60% {
    width: 1.3em;
  }
  100% {
    width: 1.3em;
  }
}
.fv {
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 5%;
  height: 100vh;
  position: relative;
  z-index: 1;
  max-height: 1080px;
  min-height: 1000px;
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
  .fv {
    max-height: none;
  }
}
@media screen and (max-height: 1050px) {
  .fv {
    min-height: 750px;
  }
}
@media screen and (max-width: 1600px) {
  .fv {
    padding-left: 3%;
  }
}
@media screen and (max-width: 1279px) {
  .fv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 5rem 0 7.5rem;
    height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-height: none;
    min-height: auto;
  }
}
@media screen and (max-width: 1024px) and (min-height: 900px) {
  .fv {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh;
  }
}
@media screen and (max-width: 767px) {
  .fv {
    padding: 4rem 0 6rem;
  }
}
.fv::before {
  content: "";
  position: absolute;
  width: 59%;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #F39801;
  z-index: -1;
}
@media screen and (max-width: 1400px) {
  .fv::before {
    width: 54%;
  }
}
@media screen and (max-width: 1279px) {
  .fv::before {
    top: 40%;
    left: 0;
    width: 100%;
    height: 60%;
  }
}
.fv-sp-btn {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0%;
  z-index: 100;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .fv-sp-btn {
    display: block;
  }
}
.fv-sp-btn a {
  background: url(./images/fv-sp-btn-a.png) no-repeat center/contain;
  color: #F39801;
  font-weight: bold;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Poppins", sans-serif;
  gap: 4px;
  padding: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.fv-sp-btn a.menu-is-open {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.fv-sp-btn a img {
  width: 20px;
}
.fv-sp-btn a p {
  line-height: 1;
}
.fv-txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 1279px) {
  .fv-txt h1 {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .fv-txt h1 {
    margin-bottom: 0.5rem;
  }
}
.fv-txt h1 .line-wrapper {
  font-family: "Poppins", sans-serif;
  font-size: clamp(3.75rem, 2.386rem + 4.55vw, 7.5rem);
  line-height: 1;
  color: #100A00;
}
.fv-txt h1 .line-wrapper span {
  line-height: 1.1;
}
.fv-txt h1 .line-wrapper:last-child {
  color: #F39801;
  margin-top: -1rem;
}
.fv-txt h1 + p {
  color: #B5B1AE;
  font-size: 14px;
}
@media screen and (max-width: 1400px) {
  .fv-txt h1 + p {
    font-size: 12px;
  }
}
@media screen and (max-width: 1279px) {
  .fv-txt h1 + p {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .fv-txt h1 + p {
    font-size: 10px;
  }
}
.fv-bottom {
  margin-top: 100px;
}
.fv-bottom.sp {
  display: none;
}
@media screen and (max-width: 1600px) {
  .fv-bottom {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 1400px) {
  .fv-bottom {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 1279px) {
  .fv-bottom {
    text-align: center;
    margin-top: 0;
  }
  .fv-bottom.pc {
    display: none;
  }
  .fv-bottom.sp {
    display: block;
  }
}
.fv-bottom h2 {
  font-size: clamp(1rem, 0.727rem + 0.91vw, 1.75rem);
  line-height: 1;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1600px) {
  .fv-bottom h2 {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1400px) {
  .fv-bottom h2 {
    line-height: 1.5;
  }
}
@media screen and (max-width: 1279px) {
  .fv-bottom h2 {
    margin-bottom: 0.5rem;
  }
}
.fv-bottom h2 br {
  display: none;
}
@media screen and (max-width: 1400px) {
  .fv-bottom h2 br {
    display: block;
  }
}
@media screen and (max-width: 1279px) {
  .fv-bottom h2 br {
    display: none;
  }
}
.fv-bottom h2 span {
  color: #F39801;
  font-size: clamp(1.5rem, 0.909rem + 1.97vw, 3.125rem);
  margin-right: 4px;
}
@media screen and (max-width: 1279px) {
  .fv-bottom h2 span {
    color: #fff;
  }
}
.fv-bottom p {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .fv-bottom p {
    font-size: 12px;
  }
}
.fv-right {
  width: 66%;
  position: relative;
  margin-top: auto;
  margin-bottom: 0;
  max-width: 1200px;
  opacity: 0;
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
  .fv-right {
    max-width: none;
    margin-bottom: auto;
  }
}
@media screen and (max-height: 1050px) {
  .fv-right {
    margin-bottom: 2.5%;
  }
}
@media screen and (max-height: 1050px) and (min-width: 1600px) {
  .fv-right {
    margin-bottom: 0.5%;
  }
}
@media screen and (max-height: 1050px) and (max-height: 700px) {
  .fv-right {
    margin-bottom: 0.5%;
  }
}
@media screen and (max-width: 1600px) and (min-height: 900px) {
  .fv-right {
    margin-bottom: 5%;
  }
}
@media screen and (max-width: 1279px) {
  .fv-right {
    margin: 5rem 0 0;
    width: 75%;
  }
}
@media screen and (max-width: 767px) {
  .fv-right {
    margin: 3rem 0 1rem;
    width: 100%;
  }
}
.fv-right.fadeUp {
  -webkit-animation: fadeInAnime 2s forwards 5s;
          animation: fadeInAnime 2s forwards 5s;
}
.fv-right div:not(.fv-logo) > a {
  position: absolute;
  background-color: #fff;
  border-radius: 999vh;
  width: 195px;
  height: 60px;
  left: -50%;
  top: 45%;
  font-family: "Poppins", "Zen Kaku Gothic New", sans-serif;
  -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.56);
          box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.56);
  font-weight: 600;
  -webkit-animation: fadeInAnime 1s forwards 6s, fuwafuwa-2 2s infinite;
          animation: fadeInAnime 1s forwards 6s, fuwafuwa-2 2s infinite;
}
.fv-right div:not(.fv-logo) > a::before {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 19px;
  aspect-ratio: 1/1;
  background: url(./images/header-btn-arrow.png) no-repeat center/contain;
}
@media screen and (max-width: 1600px) {
  .fv-right div:not(.fv-logo) > a::before {
    right: 0.5rem;
    width: 16px;
  }
}
@media screen and (max-width: 1600px) {
  .fv-right div:not(.fv-logo) > a {
    width: 175px;
    height: 50px;
    left: -80%;
  }
}
@media screen and (max-width: 1400px) {
  .fv-right div:not(.fv-logo) > a {
    width: 165px;
    left: -60%;
  }
}
@media screen and (max-width: 1279px) {
  .fv-right div:not(.fv-logo) > a {
    left: -75%;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
  }
}
@media screen and (max-width: 850px) {
  .fv-right div:not(.fv-logo) > a {
    top: 30%;
    left: 85%;
  }
}
@media screen and (max-width: 767px) {
  .fv-right div:not(.fv-logo) > a {
    background: transparent;
    height: auto;
    width: 3rem;
    left: -55%;
  }
}
.fv-right div:not(.fv-logo) > a:hover {
  color: #F39801;
}
.fv-right div:not(.fv-logo) > a div {
  position: relative;
  height: 100%; /* 縦幅をボタンと同じにする */
  width: 100%; /* 横幅をボタンと同じにする */
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .fv-right div:not(.fv-logo) > a div {
    display: none;
  }
}
.fv-right div:not(.fv-logo) > a p {
  line-height: 1;
  position: absolute;
  left: 0;
  display: block;
  height: 100%; /* 縦幅をボタンと同じにする */
  width: 100%; /* 横幅をボタンと同じにする */
  text-align: center; /* テキストを中央揃え */
  -webkit-transition: all 0.3s;
  transition: all 0.3s; /* アニメーション実行時間 */
  line-height: 60px;
  padding-left: 1rem;
}
@media screen and (max-width: 1600px) {
  .fv-right div:not(.fv-logo) > a p {
    line-height: 50px;
  }
}
.fv-right div:not(.fv-logo) > a p:first-child {
  top: 0;
}
.fv-right div:not(.fv-logo) > a p:nth-child(2) {
  top: -100%;
}
.fv-right div:not(.fv-logo) > a img {
  width: 70px;
  position: absolute;
  left: -1rem;
  top: -1.8rem;
}
@media screen and (max-width: 1600px) {
  .fv-right div:not(.fv-logo) > a img {
    width: 60px;
    left: -0.8rem;
    top: -1.3rem;
  }
}
@media screen and (max-width: 1400px) {
  .fv-right div:not(.fv-logo) > a img {
    width: 50px;
    left: -0.5rem;
    top: -0.8rem;
  }
}
@media screen and (max-width: 1279px) {
  .fv-right div:not(.fv-logo) > a img {
    width: 45px;
    left: -0.5rem;
    top: -0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .fv-right div:not(.fv-logo) > a img {
    position: relative;
    left: auto;
    top: auto;
    width: 3rem;
    border-radius: 999vh;
    border: none;
    background: #fff;
  }
}
.fv-right div:not(.fv-logo) > a:hover p:first-child {
  top: 100%;
}
.fv-right div:not(.fv-logo) > a:hover p:nth-child(2) {
  top: 0;
}
.fv-right-service {
  position: absolute;
  width: 21%;
  right: 34%;
  top: -7%;
}
@media screen and (max-width: 1600px) {
  .fv-right-service {
    top: -9%;
  }
}
.fv-right-service a {
  top: 30% !important;
}
@media screen and (max-width: 1600px) {
  .fv-right-service a {
    top: 40% !important;
  }
}
@media screen and (max-width: 1400px) {
  .fv-right-service a {
    top: 30% !important;
  }
}
@media screen and (max-width: 850px) {
  .fv-right-service a {
    top: 10% !important;
  }
}
.fv-right-member {
  position: absolute;
  width: 19%;
  left: 10%;
  top: 34%;
}
.fv-right-member a {
  top: 5% !important;
}
@media screen and (max-width: 1600px) {
  .fv-right-member a {
    top: -7% !important;
    left: -50% !important;
  }
}
@media screen and (max-width: 850px) {
  .fv-right-member a {
    top: -25% !important;
    left: -100% !important;
  }
}
@media screen and (max-width: 767px) {
  .fv-right-member a {
    top: -45% !important;
    left: -30% !important;
  }
}
.fv-right-recruit {
  position: absolute;
  width: 16%;
  right: 11%;
  top: 31%;
}
.fv-right-recruit a {
  top: -10% !important;
}
@media screen and (max-width: 1600px) {
  .fv-right-recruit a {
    top: -17% !important;
  }
}
@media screen and (max-width: 1400px) {
  .fv-right-recruit a {
    top: -25% !important;
  }
}
@media screen and (max-width: 850px) {
  .fv-right-recruit a {
    top: -35% !important;
  }
}
@media screen and (max-width: 767px) {
  .fv-right-recruit a {
    top: -45% !important;
    left: -60% !important;
  }
}
.fv-right-company {
  position: absolute;
  width: 13%;
  left: 42%;
  top: 53%;
}
.fv-right-company a {
  left: -100% !important;
}
@media screen and (max-width: 850px) {
  .fv-right-company a {
    left: -160% !important;
  }
}
@media screen and (max-width: 767px) {
  .fv-right-company a {
    left: -100% !important;
  }
}
.fv-logo {
  width: 15%;
  position: absolute;
  bottom: 3rem;
  right: 5%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .fv-logo {
    bottom: 1rem;
    right: 2.5%;
    width: 19%;
  }
}
.fv-logo::before {
  content: "";
  position: absolute;
  background: url(./images/fv-logo-shadow.png) no-repeat center/contain;
  aspect-ratio: 62/27;
  bottom: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 35%;
  opacity: 0;
  -webkit-animation: fadeInAnime 1s forwards 3s, fuwafuwa-shadow 2s infinite;
          animation: fadeInAnime 1s forwards 3s, fuwafuwa-shadow 2s infinite;
}
@media screen and (max-width: 767px) {
  .fv-logo::before {
    bottom: -1rem;
  }
}
.fv-logo a {
  background-color: #fff;
  border-radius: 999vh;
  aspect-ratio: 1/1;
  max-width: 160px;
  -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.16);
  -webkit-animation: fadeInAnime 1s forwards 6s, fuwafuwa 2s infinite;
          animation: fadeInAnime 1s forwards 6s, fuwafuwa 2s infinite;
  width: 100%;
  display: block;
  color: #F39801;
  font-weight: bold;
  font-size: clamp(0.875rem, 0.397rem + 0.98vw, 1.5rem);
}
@media screen and (max-width: 767px) {
  .fv-logo a {
    font-size: 10px;
    width: 4rem;
  }
}
.fv-logo div {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 999vh;
}
.fv-logo div img {
  width: 50%;
  max-width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s; /* アニメーション実行時間 */
}
@media screen and (max-width: 767px) {
  .fv-logo div img {
    width: 40px;
    top: 48%;
  }
}
.fv-logo p {
  top: 100%;
  line-height: 1.3;
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  text-align: center; /* テキストを中央揃え */
  -webkit-transition: all 0.3s;
  transition: all 0.3s; /* アニメーション実行時間 */
}
.fv-logo p span {
  font-size: clamp(0.75rem, 0.272rem + 0.98vw, 1.375rem);
}
@media screen and (max-width: 767px) {
  .fv-logo p span {
    font-size: 8px;
  }
}
.fv-logo:hover img {
  top: 150%;
}
.fv-logo:hover p {
  top: 55%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.fv .footer-link {
  position: absolute;
  bottom: 2rem;
  left: 2.5%;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 1279px) {
  .fv .footer-link {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 1rem;
  }
}
.fv .footer-link a {
  color: #B5B1AE;
  font-size: 12px;
}
@media screen and (max-width: 1279px) {
  .fv .footer-link a {
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .fv .footer-link a {
    font-size: 11px;
  }
}
.fv .footer-link a::before {
  background: #B5B1AE;
}
@media screen and (max-width: 1279px) {
  .fv .footer-link a::before {
    background: #fff;
  }
}

@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

@keyframes fuwafuwa {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@-webkit-keyframes fuwafuwa-reverse {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@keyframes fuwafuwa-reverse {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
@-webkit-keyframes fuwafuwa-2 {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@keyframes fuwafuwa-2 {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  50% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@-webkit-keyframes fuwafuwa-shadow {
  0% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  50% {
    transform: translateX(-50%) scale(1.3);
    -webkit-transform: translateX(-50%) scale(1.3);
    -ms-transform: translateX(-50%) scale(1.3);
  }
  100% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
@keyframes fuwafuwa-shadow {
  0% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  50% {
    transform: translateX(-50%) scale(1.3);
    -webkit-transform: translateX(-50%) scale(1.3);
    -ms-transform: translateX(-50%) scale(1.3);
  }
  100% {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
body.visited .fv-right.fadeUp {
  -webkit-animation: fadeInAnime 2s forwards 1s;
  animation: fadeInAnime 2s forwards 1s;
}

body.visited .fv-right div:not(.fv-logo) > a,
body.visited .fv-logo a {
  -webkit-animation: fadeInAnime 1s forwards 3s, fuwafuwa-2 2s infinite;
  animation: fadeInAnime 1s forwards 3s, fuwafuwa-2 2s infinite;
}

/* ズーム用（画面全体） */
.page-zoom {
  -webkit-transform: scale(2.5);
          transform: scale(2.5);
  -webkit-transition: -webkit-transform 1.5s ease-in-out;
  transition: -webkit-transform 1.5s ease-in-out;
  transition: transform 1.5s ease-in-out;
  transition: transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out;
  -webkit-transform-origin: var(--zoom-x) var(--zoom-y);
          transform-origin: var(--zoom-x) var(--zoom-y);
}

/* 白フェード */
#page-transition {
  position: fixed;
  inset: 0;
  background: #F1F1F1;
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
  pointer-events: none;
  z-index: 9999;
}

#lower-page-transition {
  position: fixed;
  inset: 0;
  background: #F1F1F1;
  opacity: 1;
  -webkit-transition: opacity 1s ease 1.5s;
  transition: opacity 1s ease 1.5s;
  pointer-events: none;
  z-index: 9999;
  -webkit-animation: zoomOutAnime 2s forwards ease-in-out;
          animation: zoomOutAnime 2s forwards ease-in-out;
}

/*404*/
.not-found {
  text-align: center;
}

.error404 #breadcrumbs {
  padding-top: 140px;
  padding-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .error404 #breadcrumbs {
    padding-top: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .error404 .body-bg {
    padding-top: 5rem;
  }
}

.sec-policy {
  margin-bottom: 12rem;
}

.policy-bg .policy {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .policy-bg .policy {
    margin-bottom: 4rem;
  }
}
.policy-bg h3 {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #D5D5D5;
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
  color: #F39801;
}
.policy-bg p:not(:last-child) {
  margin-bottom: 1rem;
}
.policy-bg li {
  list-style: inside;
  padding-left: 1rem;
}
@media screen and (max-width: 767px) {
  .policy-bg li {
    padding-left: 0;
  }
}
.policy-bg ol.second-list li {
  list-style: lower-roman;
}
.policy-bg ol li {
  list-style: decimal;
}

.page-id-23 #breadcrumbs {
  padding-top: 140px;
  padding-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .page-id-23 #breadcrumbs {
    padding-top: 5rem;
  }
}

.thanks h1 {
  font-size: clamp(1.5rem, 1.136rem + 1.21vw, 2.5rem);
}
.thanks-img {
  position: absolute;
  width: 50px;
  right: 24%;
  top: 26%;
  opacity: 0;
  -webkit-transition: all 1s 1.5s;
  transition: all 1s 1.5s;
}
@media screen and (max-width: 767px) {
  .thanks-img {
    width: 35px;
  }
}
.thanks-img.fadeUp {
  opacity: 1;
}
.thanks-img-box {
  width: 250px;
  margin: 5rem auto 3.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .thanks-img-box {
    width: 130px;
    margin: 2.5rem auto;
  }
}
.thanks .container > p {
  margin-bottom: 1.5rem;
}

/*contact*/
.contact {
  margin: 0 auto 5rem;
  width: 85%;
  max-width: 1345px;
}
@media screen and (max-width: 1024px) {
  .contact {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .contact {
    width: 100%;
    margin: 0;
  }
}
.contact-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1280px) {
  .contact-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5rem;
  }
}
.contact-txt p:first-child {
  font-weight: bold;
  font-size: clamp(1rem, 0.909rem + 0.3vw, 1.25rem);
  margin-bottom: 4rem;
}
@media screen and (max-width: 1280px) {
  .contact-txt p:first-child {
    margin-bottom: 2.5rem;
  }
}
.contact-txt p:last-child {
  color: #969696;
  font-size: 14px;
}
.contact .wpcf7 {
  width: calc(100% - 450px);
  max-width: 770px;
}
@media screen and (max-width: 1280px) {
  .contact .wpcf7 {
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 1024px) {
  .contact form > div {
    width: 100%;
  }
  .contact form > div div {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .contact form > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.contact form > div:not(:last-child) {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .contact form > div:not(:last-child) {
    margin-bottom: 20px;
  }
}
.contact form > div p:first-child {
  text-align: left;
  margin-bottom: 8px;
  font-size: clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
  width: 220px;
}
@media screen and (max-width: 1024px) {
  .contact form > div p:first-child {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .contact form > div p:first-child {
    width: 100%;
    font-size: 12px;
  }
}
.contact form > div p:last-child {
  width: calc(100% - 220px);
}
@media screen and (max-width: 1024px) {
  .contact form > div p:last-child {
    width: calc(100% - 180px);
  }
}
@media screen and (max-width: 767px) {
  .contact form > div p:last-child {
    width: 100%;
  }
}
.contact form > div:has(.contact-policy) {
  font-size: 14px;
}
.contact p:has(input[type=submit]) {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  margin: 4rem auto 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contact p:has(input[type=submit]) {
    margin-top: 2.5rem;
  }
}
.contact p:has(input[type=submit])::after {
  content: "";
  background: url(./images/arrow-btn.svg) no-repeat center/contain;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}
.contact p:has(input[type=submit]):hover::after {
  background: url(./images/arrow-btn-hover.svg) no-repeat center/contain;
}
.contact input,
.contact textarea,
.contact select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  color: #100A00;
  padding: 7px 1rem;
  width: 100%;
  border: 1px solid #969696;
  background-color: #fff;
  border-radius: 4px;
}
.contact p:has(select) {
  position: relative;
}
.contact p:has(select)::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-top: 12px solid #555555;
  border-bottom: 0;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
}
.contact span.required {
  color: red;
  display: inline-block;
}
.contact .confirm {
  color: red;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .contact .confirm {
    margin-bottom: 1rem;
  }
}
.contact .contact-policy label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.8rem;
}
.contact .contact-policy input {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .contact .contact-policy input {
    width: 20px;
    height: 20px;
  }
}
.contact .current-check {
  opacity: 0;
  pointer-events: none;
}
.contact input[type=checkbox] {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #100A00;
  vertical-align: -5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .contact input[type=checkbox] {
    width: 15px;
    height: 15px;
  }
}
.contact input[type=checkbox]:checked:before {
  position: absolute;
  top: 1px;
  left: 5px;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
  width: 8px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .contact input[type=checkbox]:checked:before {
    top: 1px;
    left: 3px;
    width: 7px;
    height: 9px;
  }
}
.contact input[type=checkbox]:checked:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F39801;
  content: "";
}
.contact .contact-policy-txt {
  font-size: clamp(0.625rem, 0.534rem + 0.3vw, 0.875rem);
  display: block;
}
@media screen and (max-width: 767px) {
  .contact .contact-policy {
    display: block;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.contact .contact-policy a {
  text-decoration: underline;
  color: #F39801;
}
.contact input[type=submit] {
  position: relative;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  background-color: #F39801;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 100px 8px 2.5rem;
  border-radius: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin: 5rem auto 0;
  border: 2px solid #F39801;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .contact input[type=submit] {
    margin-top: 2.5rem;
  }
}
.contact input[type=submit]:hover {
  background-color: #fff;
  color: #F39801;
  cursor: pointer;
}
.contact .submit-wrap {
  margin: 2.5rem auto 0;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.contact input.wpcf7-not-valid {
  background-color: #FFF1F1;
}
.contact .wpcf7-not-valid-tip {
  text-align: left;
  color: red;
}
.contact .wpcf7-spinner {
  display: none;
}
.contact textarea {
  resize: vertical; /* 縦方向のリサイズを許可 */
}

.page-id-11 .lower-fv-img {
  width: 7.5%;
  right: 15%;
}
@media screen and (max-width: 767px) {
  .page-id-11 .lower-fv-img {
    width: 15%;
    right: 10%;
  }
}
@media screen and (max-width: 767px) {
  .page-id-11 .body-bg {
    padding: 3rem 0% 120px;
  }
}
.page-id-11 .company-bg {
  padding: 0 5%;
}
.page-id-11 .company-bg-2 {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .page-id-11 .company-bg-2 .lower-title {
    padding: 0 5%;
  }
}

/*company*/
.company-bg {
  max-width: 1345px;
  margin: 0 auto;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .company-bg {
    width: 100%;
  }
}
.company-top h2 {
  margin: 3.5rem 0 4rem;
  font-size: clamp(1.5rem, 1.136rem + 1.21vw, 2.5rem);
}
@media screen and (max-width: 767px) {
  .company-top h2 {
    margin: 2.5rem 0;
  }
}
.company-top p {
  font-size: clamp(0.75rem, 0.614rem + 0.45vw, 1.125rem);
}
.company-top p:not(:last-child) {
  margin-bottom: 1.5rem;
}
.company-outline {
  margin: 180px auto 140px;
  max-width: 1080px;
  font-size: clamp(0.75rem, 0.614rem + 0.45vw, 1.125rem);
}
@media screen and (max-width: 767px) {
  .company-outline {
    margin: 120px auto;
  }
}
.company-outline-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .company-outline-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.company-outline-wrap img {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .company-outline-wrap img {
    width: 100%;
  }
}
.company-outline-txt {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .company-outline-txt {
    width: 100%;
  }
}
.company-outline-txt .lower-title {
  margin-bottom: 10rem;
}
@media screen and (max-width: 1280px) {
  .company-outline-txt .lower-title {
    margin-bottom: 0;
  }
}
.company-outline-txt .table_design03 tr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 0;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .company-outline-txt .table_design03 tr {
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .company-outline-txt .table_design03 tr {
    padding: 1rem 0;
  }
}
.company-outline-txt .table_design03 td:first-child,
.company-outline-txt .table_design03 td:last-child {
  width: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .company-outline-txt .table_design03 td:first-child {
    font-size: 14px;
  }
}
.company-access {
  margin: 0 auto;
  max-width: 1080px;
}
.company-access iframe {
  width: 100%;
  height: 500px;
  margin-top: 2rem;
}
@media screen and (max-width: 1024px) {
  .company-access iframe {
    height: 400px;
  }
}
@media screen and (max-width: 767px) {
  .company-access iframe {
    height: 250px;
  }
}

@media screen and (max-width: 1024px) {
  .page-id-15 .company-bg {
    width: 100%;
  }
}

.service-top-wrap {
  max-width: 1080px;
  margin: 0 auto 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: clamp(0.75rem, 0.568rem + 0.61vw, 1.25rem);
  text-align: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .service-top-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px 5%;
    margin: 0 5% 3rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.service-top-wrap p {
  line-height: 1.5;
}
.service-top-wrap > a,
.service-top-wrap > .service-top-item {
  width: 24%;
  aspect-ratio: 1/1;
  border: 4px solid #F39801;
  border-radius: 999vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-animation: fuwafuwa 3s infinite;
          animation: fuwafuwa 3s infinite;
}
.service-top-wrap > a:hover,
.service-top-wrap > .service-top-item:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .service-top-wrap > a,
  .service-top-wrap > .service-top-item {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .service-top-wrap > a,
  .service-top-wrap > .service-top-item {
    border: 2px solid #F39801;
    width: 47.5%;
  }
}
.service-top-wrap > a:nth-child(odd),
.service-top-wrap > .service-top-item:nth-child(odd) {
  margin-top: 2rem;
  -webkit-animation: fuwafuwa-reverse 3s infinite;
          animation: fuwafuwa-reverse 3s infinite;
}
@media screen and (max-width: 767px) {
  .service-top-wrap > a:nth-child(odd),
  .service-top-wrap > .service-top-item:nth-child(odd) {
    margin: 0;
  }
}
.service-top-wrap > a:last-child,
.service-top-wrap > .service-top-item:last-child {
  font-size: clamp(0.625rem, 0.489rem + 0.45vw, 1rem);
}
.service-top-wrap > a::before,
.service-top-wrap > .service-top-item::before {
  content: "";
  position: absolute;
  width: 90%;
  aspect-ratio: 1/1;
  border: 2px solid #F39801;
  border-radius: 999vh;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
@media screen and (max-width: 1024px) {
  .service-top-wrap > a::before,
  .service-top-wrap > .service-top-item::before {
    width: 93%;
  }
}
@media screen and (max-width: 767px) {
  .service-top-wrap > a::before,
  .service-top-wrap > .service-top-item::before {
    border: 1px solid #F39801;
  }
}
.service-top {
  text-align: center;
}
.service-top .orange-title span {
  margin: 0 auto;
  font-size: clamp(1.625rem, 1.125rem + 1.67vw, 3rem);
}
.service-top p {
  font-weight: bold;
}
.service-top p span {
  color: #F39801;
}
.service-line {
  background-color: #B5B1AE;
  height: 1px;
  width: 80%;
  margin: 180px auto;
  max-width: 810px;
}
@media screen and (max-width: 767px) {
  .service-line {
    margin: 7.5rem auto;
  }
}
.service-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5%;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .service-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.5rem;
    padding-bottom: 0;
  }
}
.service-wrap-2 {
  margin-top: 100px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .service-wrap-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.5rem;
    margin-top: 4rem;
  }
}
.service-wrap-2.show-right .service-left {
  -webkit-transform: none;
          transform: none;
}
.service-wrap-2 .service-left {
  -webkit-transform: translateX(-60%);
          transform: translateX(-60%);
}
@media screen and (max-width: 767px) {
  .service-wrap-2 .service-left {
    -webkit-transform: none;
            transform: none;
  }
}
.service-wrap-2 .service-left-img {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.service-wrap-2 .service-left-img img:nth-child(2) {
  width: 37.5%;
}
.service-wrap-bg {
  margin: 180px auto 0;
}
@media screen and (max-width: 767px) {
  .service-wrap-bg {
    margin-top: 7.5rem;
  }
}
.service-wrap-bg .lower-title {
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .service-wrap-bg .lower-title {
    margin-bottom: 3rem;
  }
}
.service-wrap-bg .lower-title h2 {
  font-size: clamp(1.5rem, 1.136rem + 1.21vw, 2.5rem);
}
.service-left {
  width: 45%;
  -webkit-transform: translateX(60%);
          transform: translateX(60%);
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
@media screen and (max-width: 767px) {
  .service-left {
    width: 100%;
    -webkit-transform: none;
            transform: none;
  }
}
.service-left-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: -1rem;
}
.service-left-img.fadeUp img {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
}
.service-left-img.fadeUp img:nth-child(2) {
  -webkit-transform: translateY(-2rem);
          transform: translateY(-2rem);
}
.service-left-img.fadeUp img:last-child {
  -webkit-transform: none;
          transform: none;
}
.service-left-img img {
  width: 37.5%;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: translate(50%, 50%);
          transform: translate(50%, 50%);
}
@media screen and (max-width: 767px) {
  .service-left-img img {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}
.service-left-img img:nth-child(2) {
  width: 25%;
  -webkit-transform: translate(0%, 50%);
          transform: translate(0%, 50%);
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
@media screen and (max-width: 767px) {
  .service-left-img img:nth-child(2) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
}
.service-left-img img:last-child {
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
@media screen and (max-width: 767px) {
  .service-left-img img:last-child {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
}
.service-right {
  opacity: 0;
  visibility: hidden;
  width: 50%;
  -webkit-transition: 1s;
  transition: 1s;
}
@media screen and (max-width: 767px) {
  .service-right {
    width: 100%;
  }
  .service-right.fadeUp {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}
.service-right > p {
  font-size: clamp(0.75rem, 0.614rem + 0.45vw, 1.125rem);
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .service-right > p {
    margin-bottom: 0.5rem;
  }
}
.service-right h3:not(.service-h3) {
  font-size: clamp(1.125rem, 1.08rem + 0.15vw, 1.25rem);
  position: relative;
  padding: 0 0 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 5rem 0 2rem;
}
@media screen and (max-width: 1024px) {
  .service-right h3:not(.service-h3) {
    margin: 2rem 0 1rem;
    padding-bottom: 4px;
  }
}
.service-right h3:not(.service-h3)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: #F39801;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .service-right h3:not(.service-h3)::before {
    height: 4px;
  }
}
.service-right .service-h3 {
  margin-bottom: 2.5rem;
  font-size: clamp(1.25rem, 1.159rem + 0.3vw, 1.5rem);
}
@media screen and (max-width: 1024px) {
  .service-right .service-h3 {
    margin-bottom: 0.5rem;
  }
}
.service-right .client {
  background-color: #F1F1F1;
  border-radius: 10px;
  padding: 1rem 1rem 1.5rem 2rem;
  width: 100%;
  max-width: 400px;
}
.service-right .client-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 1024px) {
  .service-right .client-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.service-right .client h4 {
  font-size: 14px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .service-right .client h4 {
    margin-bottom: 4px;
  }
}
.service-right .client ul {
  font-size: 12px;
}
.service-right .client ul li {
  list-style: disc;
}
.service-wrap.show-right .service-left {
  -webkit-transform: none;
          transform: none;
}
@media screen and (min-width: 768px) {
  .service-wrap.show-right .service-right {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    opacity: 1;
    visibility: visible;
  }
}
.service-1 {
  width: 230px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .service-1 {
    width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .service-1 {
    width: 120px;
  }
}
.service-2 {
  width: 250px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .service-2 {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .service-2 {
    width: 140px;
  }
}
.service-3 {
  width: 250px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .service-3 {
    width: 180px;
  }
}
.service-4 {
  width: 225px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .service-4 {
    width: 160px;
  }
}
@media screen and (max-width: 767px) {
  .service-4 {
    width: 150px;
  }
}

@-webkit-keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOutAnime {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOutAnime {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes zoomOutAnime {
  from {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomOutAnime {
  from {
    opacity: 1;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.fadeUp_recruit-side {
  -webkit-animation-name: fadeUpAnime_recruit;
          animation-name: fadeUpAnime_recruit;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime_recruit {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@keyframes fadeUpAnime_recruit {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
            transform: translateY(100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@-webkit-keyframes fadeUpLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes fadeUpLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/* ぼかしから出現 */
.blur {
  -webkit-animation-name: blurAnime;
          animation-name: blurAnime;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes blurAnime {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes blurAnime {
  from {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    opacity: 0;
  }
  to {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes loop {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@keyframes loop {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-webkit-keyframes loop2 {
  0% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes loop2 {
  0% {
    -webkit-transform: translateY(-200%);
            transform: translateY(-200%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.page-id-17 {
  background: #F39801;
}
.page-id-17 .lower-fv-img {
  width: 15%;
}
@media screen and (max-width: 1280px) {
  .page-id-17 .lower-fv-img {
    width: 18%;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-17 .lower-fv-img {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .page-id-17 .lower-fv-img {
    width: 32%;
    max-width: 130px;
  }
}
.page-id-17 .hamburger-menu .menu-btn {
  background-color: #fff;
}
.page-id-17 .hamburger-menu .menu-btn.active {
  background-color: #F39801;
}
.page-id-17 .hamburger-menu .menu-btn span, .page-id-17 .hamburger-menu .menu-btn span:before, .page-id-17 .hamburger-menu .menu-btn span:after {
  background-color: #F39801;
}
.page-id-17 main,
.page-id-17 .pankuzu,
.page-id-17 .lower-fv,
.page-id-17 .body-bg-wrap {
  background: #F39801;
}
.page-id-17 .company-bg {
  max-width: 1440px;
  margin: 0 auto 0 10%;
}
@media screen and (max-width: 1400px) {
  .page-id-17 .company-bg {
    width: 100%;
    margin: 0;
  }
}
.page-id-17 .lower-title {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .page-id-17 .lower-title {
    margin-bottom: 1rem;
  }
}
.page-id-17 #breadcrumbs,
.page-id-17 #breadcrumbs a,
.page-id-17 .lower-fv .lower-fv-p,
.page-id-17 .lower-fv,
.page-id-17 .top-back-btn {
  color: #fff;
}
.page-id-17:has(.fadeUpTrigger_office1.isActive) .recruit-bg-left a:first-child {
  color: #F39801;
}
.page-id-17:has(.fadeUpTrigger_office1.isActive) .recruit-bg-left a:first-child::before {
  opacity: 1;
}
.page-id-17:has(.fadeUpTrigger_office2.isActive) .recruit-bg-left a:nth-child(2) {
  color: #F39801;
}
.page-id-17:has(.fadeUpTrigger_office2.isActive) .recruit-bg-left a:nth-child(2)::before {
  opacity: 1;
}
.page-id-17:has(.fadeUpTrigger_office3.isActive) .recruit-bg-left a:nth-child(3) {
  color: #F39801;
}
.page-id-17:has(.fadeUpTrigger_office3.isActive) .recruit-bg-left a:nth-child(3)::before {
  opacity: 1;
}
.page-id-17:has(.fadeUpTrigger_office4.isActive) .recruit-bg-left a:nth-child(4) {
  color: #F39801;
}
.page-id-17:has(.fadeUpTrigger_office4.isActive) .recruit-bg-left a:nth-child(4)::before {
  opacity: 1;
}

.recruit-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .recruit-bg {
    margin-top: 2.5rem;
  }
}
.recruit-bg-left {
  position: sticky;
  top: 10em;
  width: 125px;
  z-index: 10;
  padding-left: 1.5rem;
}
@media screen and (max-width: 1280px) {
  .recruit-bg-left {
    display: none;
  }
}
.recruit-bg-left a {
  display: block;
  position: relative;
  font-size: 14px;
  color: #969696;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.recruit-bg-left a::before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 999vh;
  background-color: #F39801;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.recruit-bg-right {
  width: calc(100% - 125px - 10rem);
}
@media screen and (max-width: 1280px) {
  .recruit-bg-right {
    width: 100%;
  }
}
.recruit-message > p {
  margin-bottom: 2rem;
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
}
.recruit-message-img {
  width: 65%;
  margin: 5rem 0 0 auto;
  max-width: 600px;
}
@media screen and (max-width: 767px) {
  .recruit-message-img {
    width: 100%;
    margin: 2rem 0 0;
  }
}
.recruit-training {
  margin: 140px 0 180px;
}
@media screen and (max-width: 767px) {
  .recruit-training {
    margin: 7.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .recruit-training .lower-title .lower-fv-p {
    font-size: 2.25rem;
  }
}
.recruit-training-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
  .recruit-training-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5rem;
  }
}
.recruit-training-wrap img {
  width: 46%;
}
@media screen and (max-width: 1024px) {
  .recruit-training-wrap img {
    width: 100%;
  }
}
.recruit-training-txt {
  width: 47.5%;
}
@media screen and (max-width: 1024px) {
  .recruit-training-txt {
    width: 100%;
  }
}
.recruit-training-txt .orange-title {
  font-size: clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .recruit-training-txt .orange-title {
    margin-bottom: 1rem;
  }
}
.recruit-training-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 630px;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .recruit-training-point {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
  }
}
.recruit-training-point img {
  width: 35%;
}
@media screen and (max-width: 767px) {
  .recruit-training-point img {
    width: 70%;
  }
}
.recruit-training-point-txt {
  width: 60%;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .recruit-training-point-txt {
    width: 100%;
  }
}
.recruit-training-point-txt .label {
  color: #F39801;
  font-weight: bold;
  font-size: 1.5rem;
  font-family: "Poppins", sans-serif;
}
.recruit-training-point-txt .orange-title {
  font-size: clamp(1.375rem, 1.33rem + 0.15vw, 1.5rem);
  margin: 0.5rem 0 1rem;
}
.recruit-training-point-bg {
  padding: 2.5rem 5% 3.5rem;
  border-radius: 999vh;
  border: 2px solid #F39801;
  margin-bottom: 8px;
}
@media screen and (max-width: 1024px) {
  .recruit-training-point-bg {
    border-radius: 30px;
    padding: 2rem 5% 2rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-training-point-bg {
    padding: 1.5rem 5%;
    border-radius: 20px;
  }
}
.recruit-flow {
  max-width: 500px;
  margin: 7.5rem auto 0;
}
@media screen and (max-width: 767px) {
  .recruit-flow {
    margin-top: 5rem;
  }
}
.recruit-flow h3 {
  font-size: clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
  padding-bottom: 1.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .recruit-flow h3 {
    padding-bottom: 1rem;
    margin-bottom: 2.5rem;
  }
}
.recruit-flow h3::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 8px;
  background-color: #F39801;
  border-radius: 8px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .recruit-flow h3::before {
    height: 4px;
  }
}
.recruit-flow-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: right;
  margin-bottom: 7.5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .recruit-flow-wrap {
    text-align: left;
    margin-bottom: 5rem;
  }
}
.recruit-flow-wrap .label {
  color: #969696;
  font-size: clamp(3rem, 2.273rem + 2.42vw, 5rem);
  font-family: "Poppins", sans-serif;
  line-height: 1;
  font-weight: 600;
}
.recruit-flow-wrap:first-child::before {
  content: "";
  position: absolute;
  width: 70%;
  aspect-ratio: 287/121;
  background: url(./images/flow-line1.png) no-repeat center/contain;
  top: 95%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .recruit-flow-wrap:first-child::before {
    height: 5rem;
    left: 1.25rem;
    -webkit-transform: none;
            transform: none;
    top: 100%;
    width: 2px;
    background: url(./images/flow-line-sp.png) no-repeat center/contain;
  }
}
.recruit-flow-wrap:nth-child(2) {
  text-align: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .recruit-flow-wrap:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.recruit-flow-wrap:nth-child(2)::before {
  content: "";
  position: absolute;
  width: 70%;
  aspect-ratio: 287/121;
  background: url(./images/flow-line2.png) no-repeat center/contain;
  top: 95%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .recruit-flow-wrap:nth-child(2)::before {
    height: 5rem;
    -webkit-transform: none;
            transform: none;
    top: 100%;
    left: 1.25rem;
    width: 2px;
    background: url(./images/flow-line-sp.png) no-repeat center/contain;
  }
}
.recruit-flow-wrap:nth-child(2) h4 {
  margin: 1rem 0 1rem 0;
}
@media screen and (max-width: 767px) {
  .recruit-flow-wrap:nth-child(2) h4 {
    margin: 0 0 1rem;
  }
}
.recruit-flow-wrap img {
  width: 40%;
}
@media screen and (max-width: 767px) {
  .recruit-flow-wrap img {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.recruit-flow-txt {
  width: 55%;
  max-width: 240px;
  font-size: clamp(0.75rem, 0.705rem + 0.15vw, 0.875rem);
}
@media screen and (max-width: 767px) {
  .recruit-flow-txt {
    width: calc(100% - 4rem);
    max-width: none;
  }
}
.recruit-flow-txt > p {
  line-height: 1.5;
}
.recruit-flow-txt h4 {
  margin: 1rem 0 1rem auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(1.25rem, 1.159rem + 0.3vw, 1.5rem);
}
@media screen and (max-width: 767px) {
  .recruit-flow-txt h4 {
    margin: 0 0 1rem;
  }
}
.recruit-flow-sp {
  width: 2.5rem;
  text-align: center;
}
.recruit-member {
  margin-bottom: 140px;
}
@media screen and (max-width: 767px) {
  .recruit-member {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 767px) {
  .recruit-member .arrow-btn {
    margin-top: 2.5rem;
  }
}
.recruit-member-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.5rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.recruit-member-ttl .arrow-btn {
  margin: 0;
}

.work-box {
  padding: 3.5rem 5% 5rem;
  border: 2px solid #F39801;
  border-radius: 20px;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .work-box {
    padding: 2rem 5%;
  }
}
.work-box h3 {
  font-size: clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
  margin-bottom: 5rem;
}
@media screen and (max-width: 1280px) {
  .work-box h3 {
    margin-bottom: 2.5rem;
  }
}
.work-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.5rem 5%;
  max-width: 800px;
}
@media screen and (max-width: 1280px) {
  .work-wrap {
    gap: 1rem 5%;
  }
}
@media screen and (max-width: 767px) {
  .work-wrap {
    gap: 1.5rem;
  }
}
.work-item {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .work-item {
    width: 47.5%;
  }
}
@media screen and (max-width: 767px) {
  .work-item {
    width: 100%;
  }
}
.work-item img {
  width: 1.5rem;
}
.work-item p {
  width: calc(100% - 3rem);
  font-size: clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
}

.position {
  margin: 140px 0;
}
@media screen and (max-width: 767px) {
  .position {
    margin: 7.5rem 0;
  }
}
.position-bg {
  background-color: #F1F1F1;
  border-radius: 20px;
  padding: 5rem 5%;
}
@media screen and (max-width: 767px) {
  .position-bg {
    padding-top: 2.5rem;
    border-radius: 10px;
  }
}
.position-bg h3 {
  font-size: 1.5rem;
}
.position-bg .orange-title.fadeUp span::before {
  background-color: #F1F1F1;
}
.position-bg-container {
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .position-bg .arrow-btn {
    margin-top: 2.5rem;
  }
}
.position-bg .table_design03 {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .position-bg .table_design03 {
    margin-top: 1rem;
  }
}
.position-bg .table_design03 td:first-child {
  color: #F39801;
  width: 30%;
}
@media screen and (max-width: 1280px) {
  .position-bg .table_design03 td:first-child {
    width: 20%;
  }
}
.position-bg .table_design03 td:last-child {
  width: 70%;
}
@media screen and (max-width: 1280px) {
  .position-bg .table_design03 td:last-child {
    width: 80%;
  }
}

.faq .accordion {
  border: 2px solid #F39801;
  padding: 1.5rem 10% 1.5rem 5%;
  border-radius: 20px;
  margin-bottom: 8px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
@media screen and (max-width: 767px) {
  .faq .accordion {
    padding: 0.8rem 10% 0.8rem 5%;
    border-radius: 10px;
  }
}
.faq .accordion:has(.active) {
  background-color: #F39801;
  color: #fff;
}
.faq .accordion-content {
  display: none;
}
.faq .accordion-header {
  cursor: pointer;
  position: relative;
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
}
.faq .accordion-header::before,
.faq .accordion-header::after {
  position: absolute;
  content: "";
  top: 1px;
  right: -5%;
  bottom: 0;
  width: 22px;
  height: 2px;
  margin: auto;
  background: #F39801;
}
@media screen and (max-width: 767px) {
  .faq .accordion-header::before,
  .faq .accordion-header::after {
    width: 1rem;
    right: -1.5rem;
  }
}
.faq .accordion-header::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.faq .accordion-header.active::before {
  background: #fff;
}
.faq .accordion-header.active::after {
  background: #fff;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.faq .accordion-content {
  color: #fff;
  padding: 24px 0 0;
  font-size: clamp(0.75rem, 0.705rem + 0.15vw, 0.875rem);
}
@media screen and (max-width: 767px) {
  .faq .accordion-content {
    padding-top: 20px;
  }
}
.faq {
  /* hover */
}
.faq .accordion-header:hover {
  opacity: 0.7;
}

.page-id-13 .lower-title {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .page-id-13 .lower-title {
    margin-bottom: 1rem;
  }
}
.page-id-13 .company-bg {
  max-width: 1080px;
}
@media screen and (max-width: 1600px) {
  .page-id-13 .lower-fv-img {
    width: 15%;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-13 .lower-fv-img {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .page-id-13 .lower-fv-img {
    width: 30%;
    max-width: 130px;
  }
}

.data-p {
  color: #F39801;
  text-align: right;
  font-weight: bold;
}
.data-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .data-wrap {
    gap: 8px;
  }
}
.data-item {
  width: calc((100% - 3rem) / 3);
  background: #F1F1F1;
  border-radius: 20px;
  padding: 2rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
@media screen and (max-width: 1280px) {
  .data-item {
    padding: 1rem 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .data-item {
    width: calc((100% - 0.5rem) / 2);
    border-radius: 10px;
    padding: 16px 4px;
  }
}
.data-item img {
  aspect-ratio: 85/95;
  width: 100px;
}
@media screen and (max-width: 1024px) {
  .data-item img {
    width: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .data-item img {
    width: 45px;
  }
}
.data-item .orange-title {
  margin: 1.5rem 0 1rem;
  font-size: clamp(0.75rem, 0.477rem + 0.91vw, 1.5rem);
  line-height: 1;
}
.data-item .orange-title small {
  font-size: clamp(0.625rem, 0.398rem + 0.76vw, 1.25rem);
}
@media screen and (max-width: 1024px) {
  .data-item .orange-title {
    margin: 0.5rem 0;
  }
}
.data-item .orange-title.fadeUp span::before {
  background-color: #F1F1F1;
}
.data-item .counter {
  font-size: clamp(2rem, 1.273rem + 2.42vw, 4rem);
  color: #F39801;
}
.data-item .loading-count {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
}
.data-item .loading-count p {
  font-size: clamp(0.625rem, 0.443rem + 0.61vw, 1.125rem);
  font-family: "Zen Kaku Gothic New", sans-serif;
  padding-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .data-item .loading-count p {
    padding-bottom: 5px;
  }
}
.data-item .subject-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  gap: 4rem;
}
@media screen and (max-width: 1600px) {
  .data-item .subject-wrap {
    gap: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .data-item .subject-wrap {
    gap: 2rem;
    margin-top: -1rem;
  }
}
@media screen and (max-width: 767px) {
  .data-item .subject-wrap {
    gap: 2rem;
    margin-top: -0.7rem;
    font-size: 10px;
  }
}
.data-item.subject .loading-count p {
  font-size: clamp(2rem, 1.273rem + 2.42vw, 4rem);
  padding: 0;
}
.data-item.subject .orange-title {
  margin: 1rem 0 0.5rem;
}
@media screen and (max-width: 767px) {
  .data-item.subject .orange-title {
    margin: 0 0 0.5rem;
  }
}

.about-policy {
  margin: 140px 0;
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
}
@media screen and (max-width: 767px) {
  .about-policy {
    margin: 7.5rem 0;
  }
}
.about-policy .service-top-wrap {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .about-policy .service-top-wrap {
    margin-top: 2.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5%;
  }
}
.about-policy .service-top-wrap > .service-top-item {
  width: 30%;
  max-width: 320px;
  font-size: clamp(0.875rem, 0.648rem + 0.76vw, 1.5rem);
}
.about-policy .service-top-wrap > .service-top-item:hover {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  .about-policy .service-top-wrap > .service-top-item {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .about-policy .service-top-wrap > .service-top-item {
    width: 47.5%;
    padding-top: 4px;
  }
  .about-policy .service-top-wrap > .service-top-item:first-child {
    margin: 0 10%;
  }
  .about-policy .service-top-wrap > .service-top-item:last-child {
    margin: 0;
    -webkit-animation: fuwafuwa 3s infinite;
            animation: fuwafuwa 3s infinite;
    font-size: clamp(0.75rem, 0.568rem + 0.61vw, 1.25rem);
  }
}
@media screen and (max-width: 767px) {
  .about-team .lower-title .lower-fv-p {
    font-size: 2rem;
  }
}

.group {
  margin-bottom: 140px;
}
.group-wrap {
  margin-top: 5rem;
}
@media screen and (max-width: 1024px) {
  .group-wrap {
    margin-top: 0;
  }
}
.group-txt {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
}
.group-txt p {
  margin-bottom: 1.5rem;
}
.group-img {
  width: 80%;
  margin: -10% -15% 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .group-img {
    width: 100%;
    margin: 0% -10% 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .group-img {
    width: 110%;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .group .lower-title .lower-fv-p {
    font-size: 2.25rem;
  }
}

.page-id-13 .body-bg {
  overflow: hidden;
}

.circles {
  aspect-ratio: 1/1;
  position: absolute;
  width: 20%;
  bottom: -6%;
  left: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.circles p {
  text-align: center;
  position: relative;
  z-index: 15;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .circles p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .circles p {
    font-size: 10px;
  }
}
.circles-2 {
  bottom: 12%;
  left: 44%;
  display: none;
}
.circles > div {
  -webkit-animation: growAndFade 6s infinite ease-out;
          animation: growAndFade 6s infinite ease-out;
  background-color: #F39801;
  border-radius: 50%;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.circles .circle1 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.circles .circle2 {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.circles .circle3 {
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}

@-webkit-keyframes growAndFade {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes growAndFade {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.blog .lower-fv-img,
.category .lower-fv-img {
  width: 11%;
}
@media screen and (max-width: 767px) {
  .blog .lower-fv-img,
  .category .lower-fv-img {
    width: 21%;
  }
}

.news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  max-width: 1345px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5rem;
  }
}
.news-category {
  position: sticky;
  left: 0;
  top: 15%;
}
@media screen and (max-width: 767px) {
  .news-category {
    position: relative;
    left: auto;
    top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.news-category a {
  color: #969696;
  font-weight: 500;
}
.news-category .current {
  color: #F39801;
  font-weight: bold;
}
.news-category > a {
  margin-bottom: 1.5rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .news-category > a {
    margin: 0;
  }
}
.news-category-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .news-category-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.news-category-flex-archive {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .news-category-flex-archive {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.news-list {
  width: calc(100% - 250px);
  max-width: 1060px;
}
@media screen and (max-width: 1280px) {
  .news-list {
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 767px) {
  .news-list {
    width: 100%;
  }
}
.news-list .item {
  margin-bottom: 1.5rem;
}
.news-list .item > a {
  padding-bottom: 2.5rem;
  border-bottom: 0.5px solid #B5B1AE;
  display: block;
}
@media screen and (max-width: 767px) {
  .news-list .item > a {
    padding: 0 5% 1.5rem;
  }
}
.news-list .item > a .category {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news-list .item > a:hover {
  opacity: 0.7;
}
.news-list .item h2 {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .news-list .item h2 {
    margin: 0;
  }
}
.news-list .item h2 + p {
  font-size: 14px;
  color: #969696;
}
@media screen and (max-width: 767px) {
  .news-list .item h2 + p {
    display: none;
  }
}
.news .category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.5rem;
  font-size: clamp(0.75rem, 0.705rem + 0.15vw, 0.875rem);
  color: #969696;
}
@media screen and (max-width: 767px) {
  .news .category {
    margin-bottom: 1rem;
  }
}
.news .category a {
  border-radius: 1rem;
  font-size: clamp(0.625rem, 0.58rem + 0.15vw, 0.75rem);
  padding: 8px;
  background-color: #F1F1F1;
}

.blog .news-category-btn {
  color: #F39801;
  font-weight: bold;
}

.single-post #breadcrumbs {
  padding-top: 140px;
  padding-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .single-post #breadcrumbs {
    padding-top: 5rem;
  }
}

.single-news {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .single-news {
    width: 100%;
  }
}
.single-news .category {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.5rem;
  margin-bottom: 3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .single-news .category {
    margin-bottom: 1rem;
    gap: 1rem;
  }
}
.single-news h1 {
  font-size: clamp(1rem, 0.455rem + 1.82vw, 2.5rem);
  margin-bottom: 5rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .single-news h1 {
    margin-bottom: 2rem;
  }
}
.single-news .catch {
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .single-news .catch {
    margin-bottom: 2rem;
  }
}
.single-news .content h2 {
  font-size: clamp(0.875rem, 0.466rem + 1.36vw, 2rem);
  margin: 3.5rem 0;
}
@media screen and (max-width: 767px) {
  .single-news .content h2 {
    margin: 2rem 0 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .single-news .content p {
    font-size: 12px;
  }
}
.single-news .content p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.keep-line {
  white-space: pre-wrap;
}

@media screen and (max-width: 1024px) {
  .postid-98 .lower-fv-img {
    width: 15%;
  }
}
@media screen and (max-width: 767px) {
  .postid-98 .lower-fv-img {
    width: 25%;
  }
}

@media screen and (max-width: 1024px) {
  .post-type-archive .company-bg {
    width: 100%;
  }
}

.member .position-p {
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F39801;
  line-height: 1.2;
  padding: 12px 1rem;
  border-radius: 10px;
  font-size: clamp(0.625rem, 0.534rem + 0.3vw, 0.875rem);
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.member-wrap {
  max-width: 1345px;
  margin: 0 auto;
}
.member-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem;
}
.member-list .item {
  width: calc((100% - 3rem) / 3);
}
@media screen and (max-width: 1280px) {
  .member-list .item {
    width: calc((100% - 1.5rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .member-list .item {
    width: 100%;
  }
}
.member-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 1rem;
  border: 2px solid #F39801;
  border-radius: 20px;
  background-color: #fff;
  -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1400px) {
  .member-list a {
    padding: 1rem 0.5rem;
  }
}
.member-list a h2 {
  font-size: clamp(1.5rem, 1.455rem + 0.15vw, 1.625rem);
  font-family: "Poppins", sans-serif;
  margin-bottom: 1rem;
  line-height: 1.5;
}
.member-list a svg {
  margin: 1rem 0 0 auto;
  width: 2.5rem;
}
@media screen and (max-width: 767px) {
  .member-list a svg {
    width: 2rem;
  }
}
.member-list a svg circle {
  fill: #F39801;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.member-list a svg path {
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.member-list a:hover {
  background-color: #F39801;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.member-list a:hover .member-img {
  border: 2px solid #fff;
}
.member-list a:hover .position-p {
  background-color: #fff;
  color: #F39801;
}
.member-list a:hover svg circle {
  fill: #fff;
}
.member-list a:hover svg path {
  fill: #F39801;
}
.member-list-summary .item {
  width: calc((100% - 4.5rem) / 4);
}
@media screen and (max-width: 1024px) {
  .member-list-summary .item {
    width: calc((100% - 3rem) / 3);
  }
  .member-list-summary .item:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .member-list-summary .item {
    width: 100%;
  }
  .member-list-summary .item:nth-child(4) {
    display: block;
  }
}
.member-list-summary a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .member-list-summary a {
    gap: 0.5rem;
  }
}
.member-list-summary a:hover {
  background: transparent;
}
.member-list-summary a:hover svg circle {
  fill: #F39801;
}
.member-list-summary a:hover svg path {
  fill: #fff;
}
.member-list-summary a:hover::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.member-list-summary a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 80%;
  bottom: 0;
  left: 0;
  background-color: #F1F1F1;
  -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.member-list-summary a .member-img {
  border-color: #F1F1F1;
}
.member-list-summary a svg {
  margin-top: 0;
}
.member-list-summary a svg circle {
  fill: #fff;
}
.member-list-summary a svg path {
  fill: #F39801;
}
.member-list-summary .member-img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .member-list-summary .member-img {
    width: 90%;
  }
}
.member-list-summary .member-txt {
  width: 100%;
  text-align: center;
}
.member-list-summary .member-txt > p:first-child {
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.member-list-summary .member-txt > p:nth-child(2) {
  color: #100A00;
  line-height: 1;
  margin: 1rem 0;
  font-size: clamp(1.25rem, 1.159rem + 0.3vw, 1.5rem);
}
@media screen and (max-width: 767px) {
  .member-list-summary .member-txt > p:nth-child(2) {
    margin: 0 0 0.5rem;
  }
}
.member-list-summary .member-txt > p:last-child {
  color: #100A00;
  font-size: 10px;
  min-height: 60px;
}
.member-list-summary .member-txt p {
  color: #969696;
  font-size: 12px;
}
.member-list-summary .member-txt h3 {
  font-size: clamp(1.25rem, 1.159rem + 0.3vw, 1.5rem);
  font-family: "Poppins", sans-serif;
}
.member-img {
  width: 37%;
  border-radius: 999vh;
  border: 2px solid #F39801;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
.member-img img {
  border-radius: 999vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.member-img .logo-thumb {
  background-color: #fff;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 1rem;
  border-radius: 0;
}
.member-txt {
  width: 58%;
}
.member_header-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1345px;
  margin: 0 auto 180px;
}
@media screen and (max-width: 1280px) {
  .member_header-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .member_header-wrap {
    margin-bottom: 5rem;
  }
}
.member_header-wrap .catch {
  width: 58%;
}
@media screen and (max-width: 1280px) {
  .member_header-wrap .catch {
    width: 100%;
  }
}
.member_header-wrap .catch img {
  aspect-ratio: 785/490;
  -o-object-fit: cover;
     object-fit: cover;
}
.member_header-txt {
  width: 37%;
}
@media screen and (max-width: 1280px) {
  .member_header-txt {
    width: 100%;
  }
}
.member_header-txt h2 {
  font-size: clamp(3rem, 2.455rem + 1.82vw, 4.5rem);
  font-family: "Poppins", sans-serif;
  margin-bottom: 2rem;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .member_header-txt h2 {
    margin-bottom: 1rem;
  }
}
.member_header-txt h2 span:first-child {
  display: none;
}
.member_header-txt h2 span {
  line-height: 1;
  color: #100A00;
}
.member_header-txt > p.keep-line {
  font-size: clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
}
.member_header-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 5rem;
}
@media screen and (max-width: 1280px) {
  .member_header-row {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .member_header-row {
    margin-bottom: 1rem;
  }
}
.member_header-row p:last-child {
  font-size: clamp(0.75rem, 0.659rem + 0.3vw, 1rem);
}
.member-swiper {
  padding: 0 1rem 1rem;
}
@media screen and (max-width: 767px) {
  .member-swiper .member-list {
    gap: 0;
    -ms-flex-wrap: initial;
        flex-wrap: initial;
  }
}
.member-content {
  max-width: 1000px;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 767px) {
  .member-content {
    margin-bottom: 2.5rem;
  }
}
.member-content .middle-catch {
  margin: 3rem 0;
}
.member-content .middle-catch img {
  max-height: 650px;
}
.member-content h3 {
  font-size: clamp(1.25rem, 1.023rem + 0.76vw, 1.875rem);
  margin: 3rem 0 2rem;
}
.member-content h3::before {
  content: "Q1.";
}
.member-content h3:nth-of-type(2)::before {
  content: "Q2.";
}
.member-content h3:nth-of-type(3)::before {
  content: "Q3.";
}
.member-content h3:nth-of-type(4)::before {
  content: "Q4.";
}
.member-content h3:nth-of-type(5)::before {
  content: "Q5.";
}
@media screen and (max-width: 767px) {
  .member-content h3 {
    margin: 3rem 0 1.5rem;
  }
}
.member-content h3 br {
  display: none;
}
.member-content h4 {
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
  margin: 1.5rem 0;
  color: #F39801;
}
.member-content p {
  font-size: clamp(0.75rem, 0.705rem + 0.15vw, 0.875rem);
  line-height: 2;
}
.member-day-wrap {
  max-width: 1200px;
  margin: 0 auto 3rem;
}
.member-day-wrap h2 {
  font-size: clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
  margin-bottom: 1.5rem;
}
.member-day-wrap .accordion {
  border: none;
  background-color: #F1F1F1;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .member-day-wrap .accordion {
    border-radius: 5px;
  }
}
.member-day-wrap .accordion:has(.active) {
  color: #100A00;
  background-color: #F1F1F1;
}
.member-day-wrap .accordion-header {
  font-size: clamp(1.125rem, 0.989rem + 0.45vw, 1.5rem);
  font-weight: bold;
}
.member-day-wrap .accordion-header::before, .member-day-wrap .accordion-header::after {
  background-color: #100A00 !important;
}
.member-day-wrap .accordion-content {
  color: #100A00;
}
.member-day-wrap .accordion tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.member-day-wrap .accordion tbody tr {
  width: 175px;
  border: 2px solid #F39801;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 10px;
  background-color: #fff;
  border-radius: 20px;
}
.member-day-wrap .accordion tbody tr td {
  font-size: 12px;
}
.member-day-wrap .accordion tbody tr td p {
  line-height: 1.5;
}
.member-day-wrap .accordion tbody tr td:first-child {
  color: #F39801;
  font-weight: 600;
  font-size: 2rem;
  font-family: "Poppins", sans-serif;
}
.member-day-wrap .accordion tbody tr td:first-child p {
  line-height: 1;
}
.member-day-wrap .accordion tbody tr td:nth-child(2) {
  font-size: 14px;
  font-weight: bold;
}
.member-table-wrap {
  overflow: scroll;
  padding-bottom: 1rem;
}
.member .bottom-catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 3rem auto 5rem;
}
@media screen and (max-width: 767px) {
  .member .bottom-catch {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5rem;
  }
}
.member .bottom-catch img {
  width: 47.5%;
}
@media screen and (max-width: 767px) {
  .member .bottom-catch img {
    width: 100%;
  }
}
.member-cta {
  margin-top: 5rem;
  background-color: #F39801;
  color: #fff;
  padding: 7.5rem 5% 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1280px) {
  .member-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 100px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .member-cta {
    padding: 5rem 5% 2.5rem;
    gap: 5rem;
  }
}
.member-cta:hover .member-cta-right img {
  -webkit-transform: translateX(15%);
          transform: translateX(15%);
}
.member-cta-txt .lower-fv-p {
  color: #fff;
  font-size: clamp(3rem, 2.273rem + 2.42vw, 5rem);
}
.member-cta-txt h2 {
  font-size: clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
}
.member-cta-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1rem, 0.818rem + 0.61vw, 1.5rem);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 48%;
  max-width: 635px;
}
@media screen and (max-width: 1280px) {
  .member-cta-right {
    margin-left: auto;
    width: 75%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    gap: 3rem;
    max-width: 550px;
  }
}
@media screen and (max-width: 767px) {
  .member-cta-right {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.member-cta-right img {
  width: 16%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .member-cta-right img {
    width: 5rem;
  }
}

.other-member {
  max-width: 1200px;
  margin: 10rem auto 0;
}
@media screen and (max-width: 767px) {
  .other-member {
    margin-top: 5rem;
  }
}
.other-member h2 {
  font-size: clamp(1.5rem, 1.318rem + 0.61vw, 2rem);
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .other-member h2 {
    margin-bottom: 2.5rem;
  }
}
.other-member h3 {
  font-size: clamp(0.75rem, 0.659rem + 0.3vw, 1rem);
}

.single-member .company-bg {
  width: 100%;
  max-width: 1536px;
}

.swiper-slide img {
  height: auto;
  width: 100%;
}