@import "oc-theme-base.css";

:root {
  --oc-link-color: #0d6efd;
  --oc-primary-color: #233b68;

  --oc-btn-primary-color: #233b68;
  --oc-btn-alt-color: #233b68;

  --oc-blog-heading-mt: 1.9rem;
  --oc-blog-heading-mb: 1.625rem;
  --oc-blog-heading-pt: 1.625rem;
  --oc-blog-font-size: calc(1rem + 0.069vw);
  --oc-blog-heading1-fs: calc(1.6rem + 0.069vw);
  --oc-blog-heading2-fs: calc(1.5rem + 0.069vw);
  --oc-blog-heading3-fs: calc(1.35rem + 0.069vw);
  --oc-blog-line-height: 1.625rem;
}


.anchor{
  display:block;
  position: relative;
  top: calc(var(--header-h) * -1);
  height: 0;
  visibility: hidden;
}


body {
  font-size: 16px;
  line-height: 1.8;
}

.text-primary-color {
  color: var(--oc-primary-color);
}
.clear-fix {
  clear: both;
}

a {
  text-decoration: none;
  color: var(--oc-link-color);
}
a:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
}

.bg-image {
  z-index: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.text-bg-top {
  z-index: 0;
  height: 200px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text-bg-top .caption {
}
.text-bg-top .caption h1,
.text-bg-top .caption h2 {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

.content-none {
  text-align: center;
  font-size: 20px;
  padding: 80px 10px;
}
.content-none .error-number {
  font-size: 70px;
}
.content-none .content-none-btn {
  margin: 20px auto;
  text-align: center;
}

/* OC Button Style */
.site-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 375px;
  height: 73px;
  max-width: 90%;
  border: 1px solid #fff;
  color: #fff;
  background-color: transparent;
  transition: all 0.5s;
}
.site-btn {
  color: var(--oc-primary-color);
  border-color: var(--oc-primary-color);
}

/* END - OC Button Style */

/* OC Modal Style */
.modal-design {
  height: 80vh;
  overflow: scroll;
  margin: 15% 0 10% 0;
  border-radius: unset;
}
.modal-dialog {
  max-width: 800px;
  padding: 1rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}

.close-btn {
  position: fixed;
  right: 0x;
  top: 25px;
}
.modal-side-margin {
  margin: 0;
}

.modal-body-design {
  padding: 0;
}

.round_btn {
  display: block;
  width: 45px;
  height: 45px;
  border: 2px solid #aa8400; /* 枠の調整 */
  border-radius: 50%; /* 丸みの度合い */
  background: #fff; /* ボタンの背景色 */
}

.round_btn::before,
.round_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px; /* 棒の幅（太さ） */
  height: 22px; /* 棒の高さ */
  background: #aa8400; /* バツ印の色 */
}

.round_btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.round_btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* END - OC Modal Style */
/* Font Style */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Regular.woff2") format("woff2"),
    url("../fonts/Lato/Lato-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato/Lato-Bold.woff2") format("woff2"),
    url("../fonts/Lato/Lato-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP/NotoSansJP-Regular.woff2") format("woff2"),
    url("../fonts/NotoSansJP/NotoSansJP-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP/NotoSansJP-Medium.woff2") format("woff2"),
    url("../fonts/NotoSansJP/NotoSansJP-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP/NotoSansJP-Bold.woff2") format("woff2"),
    url("../fonts/NotoSansJP/NotoSansJP-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.font-jp {
  font-family: "Noto Sans JP", sans-serif;
}
.font-en {
  font-family: "Lato", sans-serif;
}
/* Theme Style */
:root {
  --header-h: 112px;
  --font-jp: "Noto Sans JP", sans-serif;
  --font-en: "Lato", sans-serif;
  --container-default: 100%;
  --container-padding: clamp(15px, 2.77777777778vw, 40px);

  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-body: #222222;
  --color-body-bg: #ffffff;
  --color-theme-blue: #389bff;
  --color-theme-darkBlue: #084a93;
  --color-theme-gray1: #dddddd;
  --color-theme-gray2: #e6e6e6;
  --color-theme-gray3: #bcbbbb;
  --color-theme-grayNote: #6e6e6e;
  --color-theme-grayLight: #f8f8f8;
  --color-theme-blueLight1: #c9e9ff;
  --color-theme-blueLight2: #e4f4ff;
  --color-theme-orange: #f2ae09;
  --color-theme-red: #e82525;
  --color-borderBlue: #b5dae9;
  --color-border: #939393;
  --color-gradient-blue: linear-gradient(
    94.31deg,
    #15a7fd 4.64%,
    #15339e 89.21%
  );
  --color-gradient-orange: linear-gradient(
    143.58deg,
    #ffb400 3.91%,
    #ff6b6b 92.78%
  );
  --color-gradient-yellow: linear-gradient(
    143.58deg,
    #f6d343 3.91%,
    #ff8c00 92.78%
  );

  --spacing-5xl: 150px;
  --spacing-5xl-minus: -150px;
  --spacing-4xl: 120px;
  --spacing-4xl-minus: -120px;
  --spacing-3xl: 100px;
  --spacing-3xl-minus: -100px;
  --spacing-2xl: 72px;
  --spacing-2xl-minus: -72px;
  --spacing-xl: 64px;
  --spacing-xl-minus: -64px;
  --spacing-2lg: 48px;
  --spacing-2lg-minus: -48px;
  --spacing-lg: 40px;
  --spacing-lg-minus: -40px;
  --spacing-2md: 36px;
  --spacing-2md-minus: -36px;
  --spacing-md: 32px;
  --spacing-md-minus: -32px;
  --spacing-2sm: 24px;
  --spacing-2sm-minus: -24px;
  --spacing-sm: 20px;
  --spacing-sm-minus: -20px;
  --spacing-xs: 16px;
  --spacing-xs-minus: -16px;
  --spacing-2xs: 12px;
  --spacing-2xs-minus: -12px;
  --spacing-3xs: 8px;
  --spacing-3xs-minus: -8px;
  --spacing-4xs: 4px;
  --spacing-4xs-minus: -4px;

  --filter-black: brightness(0);
  --filter-white: brightness(0) invert(1);
  --filter-gray: invert(94%) sepia(12%) saturate(25%) hue-rotate(314deg)
    brightness(91%) contrast(87%);

  --transition: 0.4s;
  --transition-x2: 0.8s;
  --timing-function: ease-in-out;
}
/* GLOBAL */
.page-nav .bread-crumbs .bc-link .bc-home-icon {
  display: none;
}
.page-nav .bread-crumbs .bc-link {
  color: #7b7b7b;
  text-decoration: none;
  letter-spacing: 0.03em;
  line-height: 1.8;
  font-size: 12px;
}
.page-nav .bread-crumbs .bc-item:not(.bc-home):before {
  content: "/";
  width: auto;
  height: auto;
  margin: 0;
  margin-right: 0.6em;
  border: none;
  transform: unset;
}
.page-nav .bread-crumbs .bc-item.bc-title {
  color: var(--color-theme-darkBlue);
}
.nowrap {
  white-space: nowrap;
}
.overflow-hidden {
  overflow: hidden;
}
@view-transition {
  navigation: auto;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
::-moz-selection {
  background: var(--color-body);
  color: var(--color-body-bg);
}
::selection {
  background: var(--color-body);
  color: var(--color-body-bg);
}
body {
  font-size: 16px;
  overflow-x: hidden;
  background: var(--color-body-bg);
  color: var(--color-body);
  font-family: var(--font-jp);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fw-light {
  font-weight: 300;
}
.fw-regular {
  font-weight: 400;
}
.fw-medium {
  font-weight: 500;
}
.fw-semi {
  font-weight: 600;
}
.fw-bold {
  font-weight: 700;
}
.letter-spacing-3 {
  letter-spacing: 0.03em;
}
.letter-spacing-4 {
  letter-spacing: 0.04em;
}
.letter-spacing-6 {
  letter-spacing: 0.06em;
}
.letter-spacing-12 {
  letter-spacing: 0.12em;
}

.lh-1 {
  line-height: 1 !important;
}
.lh-1_2 {
  line-height: 1.2 !important;
}
.lh-1_3 {
  line-height: 1.3 !important;
}
.lh-1_4 {
  line-height: 1.4 !important;
}
.lh-1_5 {
  line-height: 1.5 !important;
}
.lh-1_8 {
  line-height: 1.8 !important;
}
.lh-2 {
  line-height: 2 !important;
}
.fs-180 {
  font-size: min(180px, 12.5vw);
  line-height: 1.2;
}
.fs-160 {
  font-size: min(160px, 11.1vw);
  line-height: 1;
}
.fs-120 {
  font-size: min(120px, 8.33333333vw);
  line-height: 1.2;
}
.fs-82 {
  font-size: 82px;
  line-height: 1.2;
}
.fs-72 {
  font-size: 72px;
  line-height: 1.2;
}
.fs-70 {
  font-size: 70px;
  line-height: 1.2;
}
.fs-62 {
  font-size: 62px;
  line-height: 1.2;
}
.fs-60 {
  font-size: 60px;
  line-height: 1.2;
}
.fs-50 {
  font-size: 50px;
  line-height: 1.2;
}
.fs-48 {
  font-size: 48px;
  line-height: 1.2;
}
.fs-42 {
  font-size: 42px;
  line-height: 1.2;
}
.fs-38 {
  font-size: 38px;
  line-height: 1.8;
}
.fs-35 {
  font-size: 35px;
  line-height: 1.8;
}
.fs-34 {
  font-size: 34px;
  line-height: 1.2;
}
.fs-32 {
  font-size: 32px;
  line-height: 1.2;
}
.fs-26 {
  font-size: 26px;
  line-height: 1.2;
}
.fs-24 {
  font-size: 24px;
  line-height: 1.2;
}
.fs-20 {
  font-size: 20px;
  line-height: 1.5;
}
.fs-18 {
  font-size: 18px;
  line-height: 1.2;
}
.fs-16 {
  font-size: 16px;
  line-height: 1.8;
}
.fs-15 {
  font-size: 15px;
  line-height: 1.8;
}
.fs-14 {
  font-size: 14px;
  line-height: 1.2;
}
.fs-13 {
  font-size: 13px;
  line-height: 1;
}
.fs-12 {
  font-size: 12px;
  line-height: 1.2;
}
.bg-blue {
  background-color: var(--color-theme-blue);
}
.bg-blueLight1 {
  background-color: var(--color-theme-blueLight1);
}
.bg-blueLight2 {
  background-color: var(--color-theme-blueLight2);
}
.bg-grayLight {
  background-color: var(--color-theme-grayLight);
}
.bg-gray2 {
  background-color: var(--color-theme-gray2);
}
.c-blue {
  color: var(--color-theme-blue);
}
.c-blueLight1 {
  color: var(--color-theme-blueLight1);
}
.c-blueLight2 {
  color: var(--color-theme-blueLight2);
}
.text-gradient.text-gradientOrange,
.voice-item .voice-content .item-title > p {
  background: linear-gradient(143.58deg, #ffb400 3.91%, #ff6b6b 92.78%);
}
.voice-item .voice-content .item-title > p > span {
  -webkit-text-fill-color: var(--color-body);
  background: var(--color-white);
  -webkit-background-clip: initial;
  background-clip: initial;
}
.c-grayNote {
  color: var(--color-theme-grayNote);
}
.c-gray3 {
  color: var(--color-theme-gray3);
}
.c-darkBlue {
  color: var(--color-theme-darkBlue);
}
.swiper-container {
  position: relative;
  width: 100%;
}
.swiper-container .swiper-button {
  background-color: var(--color-yellow);
  width: 58px;
  height: 58px;
  border-radius: 50%;
  color: var(--color-white);
}
.swiper-container .swiper-button svg {
  display: none;
}
.swiper-container .swiper-button::after {
  content: "";
  filter: var(--filter-gray);
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-container .swiper-button-prev {
  left: 0;
}
.swiper-container .swiper-button-next {
  right: 0;
}
.swiper-container .swiper-button-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='29' cy='29' r='28' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M37 28C37.5523 28 38 28.4477 38 29C38 29.5523 37.5523 30 37 30V29V28ZM20.2929 29.7071C19.9024 29.3166 19.9024 28.6834 20.2929 28.2929L26.6569 21.9289C27.0474 21.5384 27.6805 21.5384 28.0711 21.9289C28.4616 22.3195 28.4616 22.9526 28.0711 23.3431L22.4142 29L28.0711 34.6569C28.4616 35.0474 28.4616 35.6805 28.0711 36.0711C27.6805 36.4616 27.0474 36.4616 26.6569 36.0711L20.2929 29.7071ZM37 29V30L21 30V29V28L37 28V29Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
.swiper-container .swiper-button-next::after {
  background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='29' cy='29' r='28' transform='matrix(-1 0 0 1 58 0)' stroke='%23000000' stroke-width='2'/%3E%3Cpath d='M21 28C20.4477 28 20 28.4477 20 29C20 29.5523 20.4477 30 21 30V29V28ZM37.7071 29.7071C38.0976 29.3166 38.0976 28.6834 37.7071 28.2929L31.3431 21.9289C30.9526 21.5384 30.3195 21.5384 29.9289 21.9289C29.5384 22.3195 29.5384 22.9526 29.9289 23.3431L35.5858 29L29.9289 34.6569C29.5384 35.0474 29.5384 35.6805 29.9289 36.0711C30.3195 36.4616 30.9526 36.4616 31.3431 36.0711L37.7071 29.7071ZM21 29V30L37 30V29V28L21 28V29Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
.grid-slide .swiper-container .swiper-pagination {
  bottom: calc(var(--spacing-md) * -1);
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #838485;
}
ul.list-reset {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.c-white {
  color: var(--color-white);
}
.c-black {
  color: var(--color-black);
}
.c-body {
  color: var(--color-body);
}
.c-gray {
  color: var(--color-gray);
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.text-gradient,
.voice-item .item-title > p {
  display: inline-block;
  background: linear-gradient(94.31deg, #15a7fd 4.64%, #15339e 89.21%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.text-outline {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--color-white);
}
html {
  font-family: var(--font-body);
  font-size: 14px;
  /* scroll-behavior: auto !important; */
}
.ff-heading {
  font-family: var(--font-heading);
}
.ff-en {
  font-family: var(--font-en);
}
#main,
.position-relative {
  position: relative;
}
.container-default,
.page-nav {
  max-width: calc(1440px + (var(--container-padding) * 2));
  margin: 0 auto;
}
.wrapper {
  width: var(--container-default);
  padding: 0 var(--container-padding);
  margin: 0 auto;
  position: relative;
  height: 100%;
  z-index: 1;
  /* max-width: calc(1440px + (var(--container-padding) * 2)); */
}
.wrapper.wrapper-noPadding {
  padding-left: 0;
  padding-right: 0;
}
.wrapper.wrapper-narrow {
  max-width: calc(1280px + (var(--container-padding) * 2));
}
.wrapper.wrapper-content {
  max-width: calc(1135px + (var(--container-padding) * 2));
}
.bg-section .wrapper > *:not(.bg-obj) {
  position: relative;
  z-index: 3;
}
.bg-obj {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 0;
  margin: 0 auto;
  max-width: var(--container-default);
}
.bg-obj.bg-overlay::before {
  content: "";
  display: block;
  opacity: 0.2;
  background: var(--color-black);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.bg-obj * {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.bg-obj.bg-contain * {
  margin: 0 auto;
  object-fit: contain;
}
.bg-obj.bg-contain.bg-bottom * {
  object-position: bottom;
}
.section-padding {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}
.section-padding-x2 {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}
.section-padding-x3 {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}
.section-paddingBottom-x3 {
  padding-bottom: var(--spacing-3xl);
}
.section-paddingBottom-x5 {
  padding-bottom: var(--spacing-5xl);
}
.filter-white {
  filter: var(--filter-white);
}
.section-content {
  position: relative;
  z-index: 4;
}
/* MEDIA WRAPPER */
.media-wrapper {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.media-wrapper.media-circle {
  border-radius: 50%;
}
.media-wrapper.round-corner {
  border-radius: 10px;
}
.media-wrapper.media-overlay:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-black);
  opacity: 0.2;
  z-index: 2;
}
.media-wrapper:not(.media-auto):before {
  content: "";
  display: block;
}
.media-wrapper.media-h100 {
  height: 100%;
}
.media-wrapper.media1-1:before {
  padding-top: 100%;
}
.media-wrapper.media2-3:before {
  padding-top: calc((3 / 2) * 100%);
}
.media-wrapper.media3-2:before {
  padding-top: calc((2 / 3) * 100%);
}
.media-wrapper.media4-3:before {
  padding-top: calc((3 / 4) * 100%);
}
.media-wrapper.media5-4:before {
  padding-top: calc((4 / 5) * 100%);
}
.media-wrapper.media16-9:before {
  padding-top: calc((9 / 16) * 100%);
}
.media-wrapper.media16-10:before {
  padding-top: calc((10 / 16) * 100%);
}
.media-wrapper *:not(iframe) {
  pointer-events: none;
}
.media-wrapper:not(.media-auto) * {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.media-wrapper.media-auto * {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.media-wrapper.media-contain *,
img.media-contain {
  object-fit: contain;
}
.hover-media .media-wrapper * {
  transition: all var(--transition) var(--timing-function);
}
.hover-media:hover .media-wrapper * {
  transform: scale(1.05);
}
.heading-spacing {
  margin-bottom: var(--spacing-sm);
}
/* BTN STYLE */
.section-btn.btn-center {
  display: flex;
  justify-content: center;
}
.contact-box .media-wrapper {
  width: 130px;
}
.mobileMenu-container .contact-box .media-wrapper {
  width: 105px;
}
.contact-box {
  background: rgba(var(--color-white-rgb), 0.8);
  width: fit-content;
  display: block;
  padding: var(--spacing-xs);
  border: 1px solid var(--color-borderBlue);
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: var(--spacing-2xs);
}
.icon-triangle::before {
  display: inline-block;
  transform: translateY(-0.1em);
  content: url("data:image/svg+xml,%3Csvg width='7' height='8' viewBox='0 0 7 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.91827 3.72805L-7.98051e-06 7.45604L-7.6546e-06 6.12096e-05L6.91827 3.72805Z' fill='white'/%3E%3C/svg%3E%0A");
}
.btn-sec {
  width: fit-content;
  height: 40px;
  gap: 10px;
  padding: 0px 35px;
  border-radius: 200px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid var(--color-border);
  color: var(--color-body);
  transition: all var(--transition) var(--timing-function);
}
.btn-sec::after {
  content: "▶";
  font-size: 7px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--color-white);
  background-color: var(--color-theme-blue);
  transition: all var(--transition) var(--timing-function);
}
.btn-sec:hover {
  transform: scale(1.05);
}
.btn-sec:hover::after {
  background-color: var(--color-theme-darkBlue);
}
.btn-main.btn-main-tp {
  background: rgba(var(--color-black-rgb), 0.1);
  border: 2px solid var(--color-white);
}
.btn-main {
  padding: 0 20px;
  background: var(--color-theme-blue);
  min-width: 216px;
  color: var(--color-white);
  border-radius: 25px;
  height: 50px;
  width: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: all var(--transition) var(--timing-function);
  white-space: nowrap;
  font-size: 16px;
  font-weight: 700;
  grid-column-gap: var(--spacing-md);
}
.btn-main::after {
  content: "▶";
  font-size: 10px;
}
.btn-main.btn-blank {
  height: 36px;
  font-size: 12px;
  min-width: unset;
  grid-column-gap: var(--spacing-2xs);
}
.btn-main.btn-blank::after {
  font-size: 0;
  width: 12px;
  height: 12px;
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.83334 7.83301L11.0833 0.583008M11.0833 0.583008H8.16668M11.0833 0.583008V3.49967M11.0833 6.99967V9.91634C11.0833 10.2258 10.9604 10.5225 10.7416 10.7413C10.5228 10.9601 10.2261 11.083 9.91668 11.083H1.75001C1.44059 11.083 1.14384 10.9601 0.925052 10.7413C0.70626 10.5225 0.583344 10.2258 0.583344 9.91634V1.74967C0.583344 1.44026 0.70626 1.14351 0.925052 0.924717C1.14384 0.705924 1.44059 0.583008 1.75001 0.583008H4.66668' stroke='white' stroke-width='1.16667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn-main:hover {
  transform: scale(1.05);
}
.btn-gradient {
  padding: 0 12px;
  background: var(--color-gradient-orange);
  box-shadow: 0px 6.15px 6.15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 22px;
  height: 42px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: all var(--transition) var(--timing-function);
  white-space: nowrap;
}
.btn-gradient .btn-top::before {
  content: "\005C";
  transform: rotate(-45deg);
  margin-right: 6px;
  font-weight: 700;
}
.btn-gradient .btn-top::after {
  content: "\002F ";
  transform: rotate(45deg);
  margin-left: 6px;
  font-weight: 700;
}
.btn-gradient .btn-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
  text-align: center;
  transform: translateY(-100%);
  color: var(--color-body);
  font-size: 12px;
}
.btn-gradient:hover {
  transform: translateY(4px);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}
.btn-gradient .btn-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  grid-column-gap: 8px;
}
.btn-gradient .text-style .text-smaller {
  font-size: 10px;
}
.btn-gradient .text-style .text-lean {
  transform: rotate(8.18deg);
  display: inline-block;
}
.btn-gradient .text-style {
  color: var(--color-theme-red);
  background-color: var(--color-white);
  padding: 2px 8px;
  border-radius: 15.5px;
  font-size: 12px;
  font-weight: 700;
}
.contact-box .btn-gradient {
  padding: 0 5px;
}
.contact-box .btn-gradient .text-style {
  padding: 5px;
  aspect-ratio: 1/1;
  display: grid;
  border-radius: 50%;
}
.btn-gradient .text-normal {
  color: var(--color-white);
}
.btn-gradient .text-normal > .icon-triangle {
  margin-left: var(--spacing-3xs);
}
/* BURGER ICON */
.burger-icon {
  background-color: var(--color-theme-darkBlue);
  color: var(--color-body);
  cursor: pointer;
  position: relative;
  z-index: 99;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
  grid-row-gap: 3px;
}
.burger-line {
  transition: 0.4s;
  width: 16px;
  height: 1.5px;
  background-color: var(--color-white);
}
.burger-icon .burger-line:last-child {
  margin-bottom: 0;
}
.burger-line-1 {
  position: relative;
  top: 0;
}
.burger-line-3 {
  position: relative;
  bottom: 0;
}
.menu-open .burger-icon .burger-line-1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
.menu-open .burger-icon .burger-line-2 {
  opacity: 0;
}
.menu-open .burger-icon .burger-line-3 {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%) rotate(45deg);
}
/* Header */
.site-logo {
  display: block;
}
.site-logo > img {
  height: 50px;
  width: auto;
  object-fit: contain;
  object-position: center;
}
body {
  padding-top: var(--header-h);
}
body.menu-open {
  overflow: hidden;
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--color-white);
  padding: var(--spacing-xs) 0;
  z-index: 99;
}
#header .header-top {
  margin-bottom: 0.5rem;
}
#header .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .headerMenu-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-column-gap: 36px;
}
#header .headerMenu-container .menu {
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-column-gap: 24px;
}
.menu-item a {
  color: var(--color-theme-darkBlue);
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: all var(--transition) var(--timing-function);
}
.menu-item a:hover {
  opacity: 0.5;
}
.tel-cta,
.career-section .career-nav .item-nav > span,
.career-section .career-nav .item-nav::after {
  transition: all var(--transition) var(--timing-function);
}
.tel-cta:hover,
.career-section .career-nav .item-nav:hover > span,
.career-section .career-nav .item-nav:hover::after {
  opacity: 0.5;
}
.mobileMenu-container .menu a {
  letter-spacing: 4%;
}
.mobileMenu-container .menu > .menu-item-has-children > a {
  display: flex;
  align-items: center;
}
.mobileMenu-container .menu > .menu-item-has-children > a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65703 7.071L2.66411e-05 1.414L1.41403 -4.94551e-07L6.36403 4.95L11.314 -6.18079e-08L12.728 1.414L7.07103 7.071C6.8835 7.25847 6.62919 7.36379 6.36403 7.36379C6.09886 7.36379 5.84455 7.25847 5.65703 7.071Z' fill='%23222222'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: var(--spacing-sm);
  display: inline-block;
  height: 8px;
  width: 14px;
  transform: scaleY(-1);
  transition: all var(--transition) var(--timing-function);
}
.mobileMenu-container .menu > .menu-item-has-children > a.active::after {
  transform: scaleY(1);
}
.mobileMenu-container .menu > .menu-item {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-theme-darkBlue);
}
.mobileMenu-container .menu > .menu-item {
  margin-bottom: var(--spacing-sm);
}
.mobileMenu-container .menu > .menu-item > .sub-menu {
  margin-bottom: var(--spacing-2xs);
  display: none;
}
.mobileMenu-container .menu > .menu-item > .sub-menu .menu-item {
  padding: var(--spacing-2xs) 0;
  border-bottom: 1px solid var(--color-theme-blue);
}
.mobileMenu-container .menu > .menu-item > .sub-menu .menu-item a {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 4%;
  color: var(--color-body);
}
.mobileMenu-container {
  position: fixed;
  z-index: 97;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none;
}
.mobileMenu-container .mobileMenu-inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  padding: var(--container-padding);
  padding-top: calc(var(--header-h) + var(--spacing-xs));
  background-color: var(--color-theme-blueLight1);
  transition: all var(--transition) var(--timing-function);
}
.menu-open .mobileMenu-container {
  pointer-events: all;
}
.menu-open .mobileMenu-container .mobileMenu-inner {
  transform: translate(0);
  visibility: visible;
  opacity: 1;
}
.mobileMenu-container .menu,
.mobileMenu-container .menu .sub-menu {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 96;
  background-color: rgba(var(--color-white-rgb), 0.8);
  padding: var(--container-padding);
}
.fixed-bottom .fixedBottom-container {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: var(--spacing-2xs);
}
/* MARQUEE */
.marquee-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.marquee-container {
  display: flex;
  align-items: center;
  position: relative;
  white-space: nowrap;
  will-change: transform;
  width: 100%;
}

.marquee-container .marquee-item {
  list-style-type: none;
  font-size: min(18.5569444444vw, 267px);
  display: inline-block;
  margin-right: var(--spacing-md);
  line-height: 1;
  flex-shrink: 0;
}
/* Footer */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: var(--spacing-xs) calc(var(--container-padding) * 2);
  background-color: var(--color-theme-darkBlue);
  color: var(--color-white);
}
#footer {
  display: block;
  margin-top: -1px;
}
.footer-logo {
  display: block;
  margin-bottom: var(--spacing-2md);
}
.footer-logo > img {
  width: 100%;
  max-width: 336px;
  max-height: 68px;
}
.footer-container {
  padding: var(--spacing-lg) 0;
  display: grid;
  grid-template-columns: repeat(2, calc(50% - (var(--spacing-lg) / 2)));
  grid-column-gap: var(--spacing-xl);
}
.footer-contact {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  grid-column-gap: var(--spacing-xs);
  grid-row-gap: var(--spacing-xs);
  margin-bottom: var(--spacing-2md);
}
.footerAddress-container .footer-address > * {
  line-height: 1.5;
}
.footerAddress-container .footer-address .btn-main.btn-blank {
  margin-top: var(--spacing-3xs);
}
.footerAddress-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--spacing-lg);
  grid-row-gap: var(--spacing-xs);
}
.footer-container .footer-r .contact-box {
  margin: 0 auto;
  max-width: 100%;
}
.footer-container .footer-r .menu {
  margin-bottom: var(--spacing-2md);
  column-gap: var(--spacing-lg);
  display: block;
  columns: 3;
}
.footer-container .footer-r .menu > .menu-item > a {
  color: var(--color-theme-darkBlue);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.04em;
}
.footer-container .footer-r .menu .menu-item > .sub-menu .menu-item a {
  color: var(--color-body);
  font-weight: 500;
  font-size: 16px;
  white-space: normal;
  letter-spacing: 0.04em;
}
.footer-container
  .footer-r
  .menu
  .menu-item
  > .sub-menu
  > .menu-item
  > .sub-menu
  .menu-item
  a {
  font-size: 14px;
}
.footer-container .footer-r .menu .menu-item.menu-item-has-children .sub-menu {
  margin-top: var(--spacing-3xs);
}
.footer-container .footer-r .menu .menu-item {
  margin-bottom: var(--spacing-3xs);
}
.footer-container .footer-r .menu,
.footer-container .footer-r .menu .menu-item {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.footer-container .footer-r .menu .menu-item .sub-menu {
  padding: 0;
}
.footer-container
  .footer-r
  .menu
  .menu-item
  > .sub-menu
  > .menu-item
  > .sub-menu
  > .menu-item::before {
  content: "▶";
  font-size: 10px;
  color: var(--color-theme-blue);
  margin-right: var(--spacing-3xs);
}
.footer-container .footer-r .menu .menu-item-has-children {
  break-inside: avoid-column;
}
/* Homepage */
.homepageIntro-section {
  width: 100%;
  /* height: 760px; */
}
.grid-content.grid-homepageIntro {
  display: grid;
  grid-template-columns: 100%;
}
.grid-content.grid-homepageIntro .grid-heading > p {
  margin-top: 16px;
  margin-bottom: 24px;
}
.grid-content.grid-homepageIntro .grid-heading {
  display: inline-block;
  width: fit-content;
  margin: 0 auto;
}
.grid-content.grid-homepageIntro .grid-heading > picture img {
  margin-bottom: var(--spacing-sm);
}
.homeSlide-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.homeSlide-item > img {
  max-height: 290px;
  object-fit: contain;
  object-position: center;
  width: auto;
  margin: 0 auto;
  display: block;
  padding: 0 58px;
}
.homeSlide-item .homeSlide-desc {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.homeSlide-item .homeSlide-desc .media-wrapper {
  width: 90px;
  position: relative;
  z-index: 2;
}

.bottom-marquee .bubbleText-thumb {
  position: relative;
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  grid-row-gap: var(--spacing-3xs);
}
.bubble-text.bubble-orange {
  background: linear-gradient(143.58deg, #ffb400 3.91%, #ff6b6b 92.78%);
}
.bubble-text.bubble-orange > p {
  letter-spacing: 0.19em;
  line-height: 1.5;
}

.bubble-text > * {
  position: relative;
  z-index: 4;
}
.business-slide .bubble-text {
  color: var(--color-white);
  text-align: center;
  min-width: 345px;
  border-radius: 30px;
  padding: var(--spacing-sm);
}
.business-slide .bubble-text.bubble-orange::after,
.reason-container .bubble-text.bubble-orange::after {
  opacity: 0;
}
.bubble-text .bubble-bg {
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background-color: var(--color-white);
  z-index: 1;
  border-radius: 30px;
  transition: all var(--transition) var(--timing-function);
}
.bubble-text.bubble-orange::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 2;
  bottom: 2px;
  left: 50%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #fe8246;
  transform: translate(-50%, 100%);
}
.bubble-text.bubble-orange::after {
  bottom: 2px;
  z-index: 3;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid var(--color-white);
  transform: translate(-50%, 100%);
}
.bubble-text.bubble-border {
  z-index: 5;
  background: var(--color-white);
  color: var(--color-theme-blue);
  border: 2px solid var(--color-theme-blue);
  min-width: 90px;
  margin: 0 auto;
  padding: var(--spacing-3xs) var(--spacing-xs);
}
.bubble-text.bubble-border::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid var(--color-theme-blue);
  transform: translate(-50%, 100%);
}
.bubble-text.bubble-border::after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid var(--color-white);
  transform: translate(-50%, 100%);
}
.bubble-text {
  width: fit-content;
  margin: 0 auto;
  margin-top: calc(var(--spacing-2xs) * -1);
  position: relative;
  border-radius: 34px;
  padding: var(--spacing-2xs) var(--spacing-xs);
}
.bubble-text::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid var(--color-white);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}
.bg-blue.bubble-text::after {
  border-top: 20px solid var(--color-theme-blue);
}
.bg-gray2.bubble-text::after {
  border-top: 20px solid var(--color-theme-gray2);
}
.logo-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  grid-column-gap: var(--spacing-md);
  grid-row-gap: var(--spacing-2xs);
  margin-bottom: var(--spacing-xl);
}
.logo-row > img {
  width: auto;
  height: 100px;
}
.recentBlog-container {
  background-color: var(--color-theme-grayLight);
  padding: var(--spacing-md) var(--spacing-lg);
}
.recentBlog-container .recentBlog-heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-md);
  grid-row-gap: var(--spacing-3xs);
  flex-wrap: wrap;
}
a.recentBlog-item {
  color: var(--color-body);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-sm);
  grid-row-gap: var(--spacing-2xs);
  padding: var(--spacing-xs) 0;
  padding-right: var(--spacing-3xl);
  border-bottom: 1px solid var(--color-theme-gray1);
}
a.recent-item {
  position: relative;
}
a.recent-item::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: var(--spacing-md);
  content: "▶";
  font-size: 7px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--color-white);
  background-color: var(--color-theme-blue);
  transition: all var(--transition) var(--timing-function);
}
a.recent-item:hover::after {
  background-color: var(--color-theme-darkBlue);
  transform: scale(1.1) translateY(-50%);
}
.blog-date {
  display: inline-flex;
  flex: 0 0 115px;
}
.blog-cate {
  text-align: center;
  flex: 0 0 115px;
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 30px;
  padding: 0 var(--spacing-xs);
  border-radius: 15px;
  background-color: var(--color-white);
  color: var(--color-theme-darkBlue);
}
.blog-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.grid-content.grid-transport {
  display: grid;
  grid-template-columns: 100%;
}
.transportImg-container {
  position: relative;
  z-index: 2;
}
.transportImg-container > img:not(:first-child) {
  margin-top: -20vw;
}
.transportImg-container > img {
  width: auto;
  display: block;
}
.transportImg-container > img:first-child {
  height: 40.5vw;
}
.transportImg-container > img:nth-child(2) {
  height: 40vw;
  margin-left: auto;
}
.transportImg-container > img:last-child {
  height: 37.6vw;
}
.transport-bg {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% + (var(--container-padding) * 2));
  margin-left: calc(var(--container-padding) * -1);
}
.transport-section .grid-media {
  padding-top: var(--spacing-lg);
}
.transport-section .grid-context {
  margin-top: var(--spacing-xl);
}
.company-section .section-content {
  margin-top: var(--spacing-xl);
}
.company-section .grid-content {
  margin-top: var(--spacing-lg);
}
.grid-content.grid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: var(--spacing-xs);
}
.company-item {
  position: relative;
}
.company-item .companyItem-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: var(--spacing-xs);
  z-index: 4;
}
.company-item::after {
  content: "";
  position: absolute;
  z-index: 1;
  height: 42%;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(
    180deg,
    rgba(var(--color-black-rgb), 0) 0%,
    rgba(var(--color-black-rgb), 0.5) 100%
  );
}
.thumb-arrow {
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-xs);
}
.thumb-arrow::after {
  flex-shrink: 0;
  content: "▶";
  font-size: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--color-blue);
  background-color: var(--color-white);
  transition: all var(--transition) var(--timing-function);
}
.arrow-hover:hover .thumb-arrow::after {
  background-color: var(--color-theme-darkBlue);
  color: var(--color-white);
  transform: scale(1.1);
}
.grid-content.grid-business {
  max-width: 1115px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: var(--spacing-xl);
  padding: var(--spacing-2xl) 0;
  align-items: center;
}
.business-section .grid-content .grid-context {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-md);
  width: fit-content;
  margin: 0 auto;
}
.float-container {
  position: relative;
}
.float-container .float-br {
  position: absolute;
  right: 10vw;
  bottom: var(--spacing-lg);
  z-index: 4;
}
.float-container .float-item img {
  max-width: 185px;
  max-height: 124px;
}
.works-section .section-heading {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  grid-column-gap: var(--spacing-sm);
}
.swiperWorks-container .swiper-button {
  filter: var(--filter-white);
}
.swiper-works .swiper-slide .works-slide {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--color-white);
  padding: var(--spacing-sm);
  transform: scale(0.75);
  transition: transform var(--transition) var(--timing-function);
  box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.05);
}
.swiper-works .swiper-slide.swiper-slide-active .works-slide {
  transform: scale(1);
}
.works-slide .worksSlide-desc {
  margin-top: var(--spacing-sm);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  grid-row-gap: var(--spacing-xs);
}
.works-cate {
  background-color: var(--cate-style, #a6a6a6);
  color: var(--color-white);
  border-radius: 18px;
  padding: var(--spacing-4xs) var(--spacing-xs);
}
.works-slide .worksSlide-desc .worksSlide-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-column-gap: var(--spacing-2xs);
}
.works-section .section-btn {
  margin-top: var(--spacing-xl);
}
.grid-content.grid-column > .grid-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  grid-row-gap: var(--spacing-md);
}
.grid-content.grid-column {
  max-width: 1115px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 100%;
  grid-column-gap: var(--spacing-3xl);
  grid-row-gap: var(--spacing-md);
  align-items: center;
}
.recentColumn-item {
  display: flex;
  justify-content: stretch;
  align-items: center;
  padding: var(--spacing-sm) 0;
  border-bottom: 1px solid var(--color-border);
  grid-column-gap: var(--spacing-lg);
}
a.recent-item.recentColumn-item::after {
  right: 0;
}
.recentColumn-item > .media-wrapper {
  flex: 0 0 110px;
}
.recentColumn-item > .recentColumn-desc {
  padding-right: var(--spacing-xl);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-xs);
  grid-row-gap: var(--spacing-2xs);
}
.recent-item .blog-excerpt {
  width: 100%;
}
.grid-content.grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--spacing-3xs);
}
.gridMedia-section .media-wrapper {
  min-height: 225px;
}
.contactBottom-section .contact-content {
  max-width: 1056px;
  width: calc(100% - (var(--container-padding) * 2));
  margin: 0 auto;
  margin-top: -120px;
  position: relative;
  z-index: 2;
  background-color: var(--color-white);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  padding-bottom: var(--spacing-3xl);
}
.contactBottom-section .contact-content .contact-inner {
  transform: translateY(max(-6vw, -90px));
}
.contactBottom-section .contact-content .fs-180 {
  display: block;
  text-align: center;
  width: 100%;
}
.contactBottom-section .contact-content .contact-inner .bubble-text {
  margin: var(--spacing-lg) auto;
}
.contactBottom-section .contact-content .contact-cta > * {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.contactBottom-section .contact-content .contact-cta {
  margin: 0 auto;
  margin-top: var(--spacing-xl);
  width: fit-content;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--spacing-lg);
}
.tel-cta::before {
  transform: translateY(25%);
  width: 20px;
  height: 30px;
  filter: brightness(0) saturate(100%) invert(61%) sepia(64%) saturate(3923%)
    hue-rotate(188deg) brightness(99%) contrast(104%);
  content: url("data:image/svg+xml,%3Csvg width='21' height='30' viewBox='0 0 21 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.54283 0.658214L5.15833 0.142215C6.67033 -0.340785 8.28733 0.440715 8.93533 1.96771L10.2253 5.00971C10.7878 6.33421 10.4758 7.89271 9.45433 8.86171L6.61483 11.5587C6.78983 13.1727 7.33183 14.7612 8.24083 16.3242C9.10523 17.836 10.2635 19.1595 11.6473 20.2167L15.0613 19.0767C16.3543 18.6462 17.7628 19.1427 18.5563 20.3082L20.4043 23.0232C21.3283 24.3792 21.1618 26.2482 20.0173 27.3972L18.7903 28.6287C17.5693 29.8542 15.8263 30.2997 14.2123 29.7957C10.4043 28.6077 6.90283 25.0812 3.70783 19.2162C0.508826 13.3412 -0.620174 8.35721 0.320826 4.26421C0.716826 2.54221 1.94383 1.16971 3.54583 0.658214' fill='black'/%3E%3C/svg%3E%0A");
}
.tel-cta {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: baseline;
  grid-column-gap: var(--spacing-3xs);
}
.contactBottom-section > .wrapper > .media-wrapper {
  width: calc(100% + var(--container-padding) * 2);
  margin-left: calc(var(--container-padding) * -1);
}
.contactBottom-section .bottom-marquee {
  width: calc(100% + var(--container-padding) * 2);
  margin-left: calc(var(--container-padding) * -1);
  overflow: hidden;
  position: relative;
  z-index: 4;
  margin-top: calc(var(--spacing-4xl) * -1);
  padding-bottom: var(--spacing-5xl);
}
.contactBottom-section .bottom-marquee .marquee-item {
  width: 262px;
  font-size: unset;
}
.bottom-marquee .marquee-container {
  align-items: flex-start;
}
.recruit-section .fs-38 {
  margin-bottom: var(--spacing-md);
}
.recruit-section .fs-16 {
  margin-bottom: var(--spacing-md);
}
.recruit-section .fs-16 + .fs-16 {
  margin-bottom: var(--spacing-3xs);
}
.recruit-section .section-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 5;
}
.recruit-section .section-content .btn-main {
  margin-top: var(--spacing-lg);
}
.ferris-wheel-container {
  position: relative;
  width: 60vw;
  height: 60vw;
  min-width: 600px;
  min-height: 600px;
  max-width: 945px;
  max-height: 945px;
  margin: 20px;
}
.wheel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 48px solid var(--color-theme-blueLight1);
  border-radius: 50%;
  transition: transform 1s ease;
}
.wheel-item.active,
.wheel-item.wheel-prev,
.wheel-item.wheel-next {
  opacity: 1;
}
.wheel-item > .media-wrapper {
  transition: all 1s ease;
}
.wheel-item.active > .media-wrapper {
  width: calc(100% - var(--spacing-sm));
}
.wheel-item > .media-wrapper > img:last-child {
  opacity: 0;
  transition: opacity 1s ease;
}
.wheel-item.active > .media-wrapper > img:last-child {
  opacity: 1;
}
.wheel-item {
  opacity: 0;
  position: absolute;
  /* Will be positioned by JS */
  top: 50%;
  left: 50%;
  width: 160px;
  height: 160px;
  margin: -80px; /* Center the item on its position */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 1s ease, opacity 1s ease;
  background: linear-gradient(143.58deg, #ffb400 3.91%, #ff6b6b 92.78%);
}

.focus-point {
  position: absolute;
  padding: 5px 10px;
  background: #e74c3c;
  color: white;
  border-radius: 5px;
  font-size: 0.8rem;
  /* Position is set by JS, transform is for centering */
  transform: translate(-50%, -50%);
  transition: top 0.8s cubic-bezier(0.77, 0, 0.175, 1),
    left 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
ul.list-triangle {
  padding-left: 1em;
}
ul.list-triangle li {
  padding-left: var(--spacing-3xs);
}
ul.list-triangle li::marker {
  display: inline-block;
  content: "▶";
  font-size: 10px;
  color: var(--color-theme-blue);
}
.pageIntro-section .media-wrapper {
  width: 100%;
  /* min-height: 500px; */
}
.pageIntro-section .pageIntro-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 calc(var(--container-padding) * 2);
}
.pageIntro-content > .fs-160 {
  text-box: trim-both cap alphabetic;
  margin-top: var(--spacing-xs);
}
.grid-content.grid-greeting {
  display: grid;
  grid-template-columns: auto 420px;
  grid-column-gap: var(--spacing-3xl);
}
.grid-content.grid-greeting .fs-32 {
  margin-bottom: var(--spacing-md);
}
.grid-content.grid-greeting .text-right {
  margin-top: var(--spacing-md);
}
.about-section .section-content .media-wrapper {
  margin-top: var(--spacing-md);
}
.tableAbout-container {
  width: 100%;
  margin: 0 auto;
}
.tableAbout-container:not(:last-child) {
  margin-bottom: var(--spacing-2lg);
}
.tableAbout-container tr td {
  padding: var(--spacing-sm) 0;
  border-bottom: 2px solid var(--color-theme-gray2);
}
.tableAbout-container tr td:first-child {
  vertical-align: text-top;
  width: 250px;
  border-bottom: 2px solid var(--color-theme-blue);
}
.tableAbout-container
  tr
  td:last-child
  > .fs-16.fw-bold.c-darkBlue:not(:first-child),
.tableAbout-container .access-mb .fs-16.fw-bold.c-darkBlue:not(:first-child) {
  margin-top: var(--spacing-md);
}
.tableAbout-container .access-mb {
  margin-top: var(--spacing-3xs);
}
.tableAbout-container tr td:last-child .fs-20 {
  line-height: 1.8;
}
.tableAbout-container tr td:last-child .fs-20:not(:first-child) {
  margin-top: var(--spacing-2sm);
}
.office-cta {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  grid-column-gap: var(--spacing-2xs);
  grid-row-gap: var(--spacing-3xs);
  margin-bottom: var(--spacing-3xs);
}
.grid-content.grid-equip {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: var(--spacing-2xl);
}
.sdgs-section .entry-content > .fs-24,
.sdgs-section .entry-content > .fs-16.fw-bold {
  margin-top: var(--spacing-2lg);
  margin-bottom: var(--spacing-4xs);
}
.sdgs-section .entry-content .img-row img {
  width: 74px;
  height: 74px;
  object-fit: contain;
  object-position: center;
}
.sdgs-section .entry-content .img-container {
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: var(--spacing-md);
  width: fit-content;
}
.sdgs-section .entry-content .img-container .img-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: var(--spacing-4xs);
  flex-wrap: wrap;
}
.sdgs-section .entry-content .img-container .img-row img {
  width: 98px;
  height: 98px;
}
.section-heading.section-headingSpacing {
  margin-bottom: var(--spacing-2xl);
}
.grid-content.grid-office {
  display: grid;
  grid-template-columns: 300px 1fr;
  grid-gap: var(--spacing-sm);
}
.office-item:not(:last-child) {
  margin-bottom: var(--spacing-2xl);
}
.business-item {
  padding: var(--spacing-2sm);
  box-shadow: 0px 0px 14.64px 0px rgba(var(--color-black-rgb), 0.1);
  background-color: var(--color-white);
}
.business-item .btn-sec {
  padding: 0 var(--spacing-3xs);
  margin-left: auto;
  display: flex;
}
.business-slide {
  padding: var(--spacing-xs);
}
.business-slide .bubble-text {
  max-width: 345px;
  padding: var(--spacing-2xs) var(--spacing-md);
  margin-bottom: var(--spacing-xs);
}
.businessSlides-container {
  display: grid;
  grid-template-columns: repeat(2, 50%);
}
.businessSlide-bubble {
  grid-row-gap: var(--spacing-2sm);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: stretch;
}
.businessSlide-section .section-content {
  margin-top: var(--spacing-md);
}
.businessSlide-nav {
  padding-left: var(--spacing-md);
}
.businessSlide-nav .bubble-text {
  width: 100%;
  height: 114px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
}
.businessSlide-nav.is-active .bubble-text.bubble-orange {
  color: var(--color-white);
}
.businessSlide-nav.is-active .bubble-text.bubble-orange .bubble-bg {
  opacity: 0;
}
.businessSlide-nav .bubble-text.bubble-orange {
  background: linear-gradient(167deg, #f6d343 3.91%, #ff8c00 92.78%);
}
.businessSlide-nav .bubble-text.bubble-orange > p {
  letter-spacing: 0.06em;
}
.businessSlide-nav .bubble-text.bubble-orange::before {
  bottom: unset;
  top: 50%;
  left: -22px;
  border: 11px solid transparent;
  border-right: 12px solid #f8c132;
  transform: translate(0%, -50%);
}
.businessSlide-nav.is-active .bubble-text.bubble-orange::after {
  opacity: 0;
}
.businessSlide-nav .bubble-text.bubble-orange::after {
  transition: none;
  bottom: unset;
  top: 50%;
  left: -13px;
  border: 8px solid transparent;
  border-right: 8px solid var(--color-white);
  transform: translate(0%, -50%);
}
.list-business {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: var(--spacing-3xs);
  flex-wrap: wrap;
}
.list-business .business-nav.is-active {
  background-color: var(--color-theme-gray3);
  color: var(--color-body);
}
.list-business .business-nav.is-active > * {
  opacity: 0.6;
}
.list-business .business-nav {
  white-space: nowrap;
  padding: 0 var(--spacing-xs);
  flex: 0 1 auto;
  height: 35px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-border);
  border-radius: 30px;
  color: var(--color-theme-blue);
}
.benefit-item {
  padding: var(--spacing-md);
  padding-left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-gap: var(--spacing-md);
}
.benefit-item .benefit-img {
  flex: 0 0 235px;
}
.benefit-item .benefit-index {
  border: 1px solid var(--color-theme-darkBlue);
  color: var(--color-theme-darkBlue);
  border-radius: 50px;
  height: 25px;
  width: fit-content;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--spacing-3xs);
}
.benefit-item .benefit-heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-3xs);
  margin-bottom: var(--spacing-sm);
}
.benefit-item .benefit-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-md);
}
.benefit-item .benefit-title > .fw-bold {
  font-size: clamp(23px, 2.22222222vw, 32px);
}
.recruit-circle {
  position: relative;
  z-index: 4;
  margin: 0 auto;
  width: 68.5416667vw;
  max-width: 100%;
  min-width: 402px;
  aspect-ratio: 1/1;
  background: linear-gradient(143.58deg, #ffb400 3.91%, #ff6b6b 92.78%);
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin-top: -22%;
}
.recruit-circle > .media-wrapper,
.recruit-circle > .swiper-container {
  margin: 0 auto;
  width: 88.4%;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
}
.recruitIntro-section .section-heading {
  position: absolute;
  left: 0;
  right: 0;
  bottom: var(--spacing-xl);
  z-index: 5;
}
.recruitIntro-section .section-heading .fs-24 {
  padding: 0 var(--spacing-2xl);
}
.recruitIntro-section .marquee-container .marquee-item {
  list-style-type: none;
  font-size: min(11.8055556vw, 170px);
  margin-right: 0.4em;
}
.grid-content.grid-recruitContent {
  display: grid;
  grid-template-columns: min(430px, 29.8611111vw) auto;
  grid-column-gap: min(72px, 5vw);
}
.grid-content.grid-recruitContent .grid-context > picture,
.grid-content.grid-recruitContent .grid-context > picture > img {
  margin-bottom: var(--spacing-md);
}
.recruitContent-section > .wrapper {
  padding-bottom: min(20vw, 280px);
}
.recruitContent-section .float-img1 {
  width: 11.4583333vw;
  max-width: 165px;
  min-width: 172px;
  margin-left: auto;
}
.recruitContent-section .float-img2 {
  width: 16.3888889vw;
  max-width: 236px;
  min-width: 164px;
  transform: translateX(-25%);
}
.message-section .wrapper > *:not(.float-circle) {
  position: relative;
  z-index: 4;
}
.float-circle::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--color-white);
  transform: scale(90%);
}
.float-circle {
  z-index: 3;
  position: absolute;
  bottom: -56%;
  right: -28%;
  width: clamp(512px, 59.4444444vw, 856px);
  height: clamp(512px, 59.4444444vw, 856px);
  background: linear-gradient(94.31deg, #15a7fd 4.64%, #15339e 89.21%);
  border-radius: 50%;
}
.reason-container {
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px rgba(var(--color-black-rgb), 0.08);
  padding: var(--spacing-2xl) var(--container-padding);
}
.reason-container .reason-inner {
  max-width: 920px;
  margin: 0 auto;
}
.reason-container .reason-inner .section-heading {
  display: block;
  margin: 0 auto;
  width: fit-content;
  margin-bottom: var(--spacing-lg);
}
.reason-container .reason-inner .section-heading img {
  padding-bottom: var(--spacing-md);
  border-bottom: 2px solid var(--color-theme-blue);
}
.reason-container .reason-inner .section-heading .bubble-text {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-46%, -134%) rotate(-9deg);
}
.reason-container .repeater-item:not(:last-child) {
  margin-bottom: var(--spacing-2lg);
}
.repeater-item .grid-content.grid-repeater {
  grid-template-columns: 100%;
  display: grid;
  grid-column-gap: var(--spacing-2lg);
  align-items: center;
  grid-row-gap: var(--spacing-2sm);
}
.repeater-item .repeater-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  grid-column-gap: var(--spacing-3xs);
  margin-bottom: var(--spacing-xs);
}
.repeater-item .repeater-title .repeater-index::after,
.career-item .career-index::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border: 6px solid transparent;
  border-top: 6px solid var(--color-white);
}
.repeater-item .repeater-title .repeater-index,
.career-item .career-index {
  flex-shrink: 0;
  margin-top: -3px;
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background-color: var(--color-white);
}
.mbti-container {
  padding: var(--spacing-3xl) 0;
}
.mbti-container .mbti-content {
  margin-top: var(--spacing-lg);
  background: var(--color-white);
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: var(--spacing-xl);
  grid-column-gap: var(--spacing-2sm);
  grid-row-gap: var(--spacing-2xs);
}
.mbti-group hr {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  height: 0px;
  overflow: hidden;
  margin: 0;
}
.mbti-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-row-gap: var(--spacing-2sm);
  border-radius: 20px;
  padding: var(--spacing-lg);
}
.mbti-group .mbti-row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: var(--spacing-2sm);
}
.mbti-number {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  transform: translate(20%, -38%);
  color: var(--color-theme-blue);
  opacity: 0.6;
}
.mbti-item {
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  grid-row-gap: var(--spacing-3xs);
}
.mbti-item .media-wrapper {
  width: 100px;
}
.mbti-group.mbti-l .mbti-item .media-wrapper {
  width: 120px;
}
.mbti-group .bubble-text {
  padding: var(--spacing-2xs) var(--spacing-sm);
  border-radius: 55px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-14%, -60%) rotate(-9deg);
  white-space: nowrap;
}
.reason-section + .marquee-section {
  margin-top: calc(var(--spacing-sm) * -1);
  position: relative;
  z-index: 5;
}
.reason-section + .marquee-section .marquee-container .marquee-item {
  width: 464px;
}
.voice-item .media-wrapper {
  width: 425px;
  flex-shrink: 0;
}
.voice-item {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-radius: 10px;
  overflow: hidden;
}
.voice-item::before {
  z-index: 2;
  content: "";
  position: absolute;
  top: 0;
  left: 22%;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    96.88deg,
    rgba(201, 233, 255, 0) 9.48%,
    #c9e9ff 22.2%
  );
}
.grid-content.grid-voice {
  grid-template-columns: 100%;
  position: relative;
  display: grid;
  grid-gap: var(--spacing-xl);
}
.grid-content.grid-voice .grid-heading {
  width: 100%;
  height: fit-content;
}
.grid-content.grid-voice .voice-container {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  grid-row-gap: var(--spacing-2md);
}
.voice-item .voice-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: -180px;
  grid-row-gap: var(--spacing-3xs);
  padding-right: var(--container-padding);
}
.voice-item .voice-content .item-title {
  background-color: var(--color-white);
  padding: var(--spacing-3xs);
}
.voice-section {
  padding-bottom: 300px;
}
.voice-section .float-inner {
  max-width: 100vw;
  top: calc(var(--spacing-xl) * -1);
  /* overflow: hidden; */
  position: absolute;
  z-index: -1;
  width: clamp(512px, 59.4444444vw, 856px);
  height: clamp(512px, 59.4444444vw, 856px);
}
.voice-section .float-circle {
  top: -40%;
  left: -30%;
  right: unset;
  bottom: unset;
  background: #c9e9ff;
}
.career-section {
  background-color: #eef5fa;
}
.careerItem-box {
  background-color: var(--color-white);
  padding: var(--spacing-sm);
  border-radius: 10px;
}
ul.list-check li {
  display: flex;
  grid-column-gap: var(--spacing-2xs);
  justify-content: flex-start;
  align-items: center;
}
ul.list-check li::before {
  content: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.38333 9.35L10.3771 4.35625L9.38542 3.36458L5.38333 7.36667L3.36458 5.34792L2.37292 6.33958L5.38333 9.35ZM1.41667 12.75C1.02708 12.75 0.693694 12.6114 0.4165 12.3342C0.139306 12.057 0.000472222 11.7234 0 11.3333V1.41667C0 1.02708 0.138833 0.693694 0.4165 0.4165C0.694167 0.139306 1.02756 0.000472222 1.41667 0H11.3333C11.7229 0 12.0565 0.138833 12.3342 0.4165C12.6119 0.694167 12.7505 1.02756 12.75 1.41667V11.3333C12.75 11.7229 12.6114 12.0565 12.3342 12.3342C12.057 12.6119 11.7234 12.7505 11.3333 12.75H1.41667Z' fill='%23389BFF'/%3E%3C/svg%3E%0A");
  display: inline-flex;
}
.grid-content.grid-career {
  display: grid;
  grid-template-columns: 100%;
  grid-column-gap: var(--spacing-lg);
  align-items: center;
}
.career-item .grid-media {
  display: flex;
  justify-content: stretch;
  align-items: flex-end;
}
.career-item .grid-media .img-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-box: trim-both cap alphabetic;
  letter-spacing: -0.01em;
}
.career-item:nth-child(even) .grid-media .img-text {
  transform: rotate(180deg);
  order: -1;
}
.career-item:not(:last-child) {
  margin-bottom: var(--spacing-md);
}
.career-item .career-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  grid-row-gap: var(--spacing-sm);
}
.careerItem-box ul {
  margin-bottom: var(--spacing-sm);
}
.careerItem-box .c-darkBlue {
  margin-bottom: var(--spacing-3xs);
}
.career-item .career-heading {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-row-gap: var(--spacing-xs);
}
.career-section .career-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: var(--spacing-2lg);
  grid-row-gap: var(--spacing-sm);
  flex-wrap: wrap;
  max-width: calc(100% - var(--spacing-md));
  margin-bottom: var(--spacing-md);
}
.career-section .career-nav > li {
  margin: 0 calc(var(--spacing-lg) * -1);
}
.career-section .career-nav .item-nav {
  background-color: var(--color-white);
  color: var(--color-body);
  border-radius: 99px;
  padding: var(--spacing-3xs) var(--spacing-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  grid-column-gap: var(--spacing-3xs);
}
.career-section .career-nav .item-nav::after {
  font-size: 6px;
  line-height: 0;
  content: "▼";
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--color-theme-blue);
  color: var(--color-white);
}
/* CONTACT FORM */
.page-template-page-contact .contact-form-container {
  max-width: calc(920px + var(--container-padding) * 2);
  margin: 0 auto;
  padding: 0 var(--container-padding);
}
.page-template-page-contact .contact-form-container .container {
  padding: var(--spacing-lg) var(--container-padding);
  background-color: var(--color-theme-grayLight);
  margin-bottom: var(--spacing-lg);
}
.page-template-page-contact .contact-form-container .contact-form .field-group {
  grid-template-columns: 100%;
  gap: 0;
}
.page-template-page-contact .contact-form-container .contact-form .label-wrap {
  justify-content: flex-start;
  align-items: center;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .label-required,
.page-template-page-contact
  .contact-form-container
  .contact-form
  .label-optional {
  background-color: var(--color-theme-darkBlue);
  padding: var(--spacing-4xs) var(--spacing-3xs);
}
.page-template-page-contact .contact-form-container .contact-form .label-txt {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
.page-template-page-contact .contact-form-container .contact-form .radio-label {
  letter-spacing: 0.03em;
  line-height: 1.8;
  cursor: pointer;
  padding-left: var(--spacing-xs);
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-text {
  padding: 6px 18px;
  letter-spacing: 0.03em;
  line-height: 1.8;
  font-size: 16px;
  font-weight: 500;
  border-color: #dddddd;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .select-group {
  position: relative;
  display: inline-block;
  padding: 8px calc(18px + 14px + 5px) 8px 18px;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-text::placeholder {
  color: #a3a3a3;
}
.page-template-page-contact .contact-form-container .contact-form .radio-group {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border: none;
  background: transparent;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-radio:not(:first-of-type) {
  border: none;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .confirm-group
  .agree-chk:checked {
  background-color: var(--color-theme-blue);
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .confirm-group
  .agree-chk {
  width: 15px;
  height: 15px;
  border: 1px solid #dddddd;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .confirm-group
  .agree-chk::after {
  top: 0px;
  left: 4px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .confirm-group
  .agree-text,
.page-template-page-contact
  .contact-form-container
  .contact-form
  .confirm-group
  .agree-label {
  font-size: 14px;
  letter-spacing: 0.03em;
  line-height: 1.8;
  font-weight: 500;
  color: var(--color-body);
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .confirm-group
  .agree-text
  a:link {
  color: var(--color-theme-darkBlue);
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .confirm-group {
  text-align: left;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-radio:has(input:checked) {
  background: transparent;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-radio {
  padding: var(--spacing-4xs) 0;
  position: relative;
}
.page-template-page-contact .contact-form-container .contact-form .submit-btn {
  background-color: var(--color-theme-blue);
  border-radius: 36px;
  font-size: 16px;
  font-weight: 500;
  border: none;
  min-width: 340px;
}
/* CUSTOM RADIO TO CHECKBOX */
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-radio {
  /* padding-left: var(--spacing-xs); */
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-radio
  input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-radio::before {
    pointer-events: none;
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid #dddddd;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  background: #fff;
  transition: background-color 0.2s, border-color 0.2s;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-radio::after {
    pointer-events: none;
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 5px;
  width: 5px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg) scale(0);
  transform-origin: center;
  transition: transform 0.18s ease-out;
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-radio:has(input:checked)::before {
  background-color: var(--color-theme-blue);
}
.page-template-page-contact
  .contact-form-container
  .contact-form
  .form-input-radio:has(input:checked)::after {
  transform: translateY(-50%) rotate(45deg) scale(1);
}
.circle-bg {
  position: absolute;
  bottom: -260px;
  right: 0;
}
.circle-bg::before {
  content: url("data:image/svg+xml,%3Csvg width='699' height='904' viewBox='0 0 699 904' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cmask id='mask0_550_10616' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='699' height='904'%3E%3Crect x='0.5' y='0.5' width='698' height='903' fill='%23D9D9D9' stroke='url(%23paint0_linear_550_10616)'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_550_10616)'%3E%3Ccircle cx='477' cy='497' r='404.5' stroke='url(%23paint1_linear_550_10616)' stroke-width='47'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_550_10616' x1='29.5267' y1='91.8901' x2='663.081' y2='128.853' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2315A7FD'/%3E%3Cstop offset='1' stop-color='%2315339E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_550_10616' x1='85.1586' y1='156.011' x2='859.248' y2='214.418' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2315A7FD'/%3E%3Cstop offset='1' stop-color='%2315339E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.grid-content.grid-voice .grid-heading > .fs-20 {
  margin-top: var(--spacing-sm);
}
.grid-content.grid-voice .grid-heading > .fs-16 {
  margin-top: var(--spacing-2sm);
}
/* Min-width breakpoints */
@media (min-width: 576px) {
  .transportImg-container {
    max-width: 520px;
    margin: 0 auto;
  }
  .transportImg-container > img:not(:first-child) {
    margin-top: -100px;
  }
  .transportImg-container > img:first-child {
    height: 260px;
  }
  .transportImg-container > img:nth-child(2) {
    height: 240px;
  }
  .transportImg-container > img:last-child {
    height: 225px;
  }
}
@media (min-width: 768px) {
  .contactBottom-section .tel-cta {
    pointer-events: none;
  }
}
@media (min-width: 992px) {
  .office-item .tableAbout-container tfoot {
    display: none;
  }
  .career-section .career-nav {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    border-radius: 99px;
    background: var(--color-white);
  }
  .grid-content.grid-voice .grid-heading > .fs-16 {
    margin-top: var(--spacing-2lg);
  }
  .grid-content.grid-recruitContent .grid-context > picture,
  .grid-content.grid-recruitContent .grid-context > picture > img {
    margin-bottom: var(--spacing-xl);
  }
  .grid-content.grid-homepageIntro .grid-heading > p {
    margin-top: 26px;
    margin-bottom: 80px;
  }
  .fixed-bottom,
  .office-item .tableAbout-container thead {
    display: none !important;
  }
  .br-mb {
    display: none !important;
  }
  .page-template-page-contact .contact-form-container .container {
    padding: 80px 140px;
    margin-bottom: var(--spacing-xl);
  }
  .career-item:not(:last-child) {
    margin-bottom: var(--spacing-3xl);
  }
  .grid-content.grid-career {
    grid-template-columns: 448px 1fr;
  }
  .career-item:nth-child(odd) .grid-context {
    order: -1;
  }
  .career-item:nth-child(odd) .grid-content.grid-career {
    grid-template-columns: 1fr 448px;
  }
  .career-item .career-content .media-wrapper {
    display: none;
  }
  .grid-content.grid-voice .voice-container {
    grid-row-gap: var(--spacing-xs);
    padding-top: var(--spacing-xl);
  }
  .grid-content.grid-voice {
    grid-template-columns: 400px 1fr;
  }
  .grid-content.grid-voice .grid-heading,
  .grid-content.grid-voice .voice-item {
    position: sticky;
    position: -webkit-sticky;
    top: var(--header-h);
  }
  .mbti-group.mbti-l {
    min-width: 440px;
  }
  .repeater-item .grid-content.grid-repeater {
    grid-template-columns: 1fr 330px;
  }
  .repeater-item:nth-child(even) .grid-content.grid-repeater {
    grid-template-columns: 330px 1fr;
  }
  .repeater-item:nth-child(odd) .grid-context {
    order: -1;
  }
  .recruitContent-section .float-img {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .grid-content.grid-recruitContent .grid-context {
    padding-right: min(22vw, 316px);
  }
  .business-slide .bubble-text,
  .list-business {
    display: none;
  }
  .recruit-section {
    /* max-width: 1440px; */
    margin: 0 auto;
    background: linear-gradient(135.29deg, #fbfdff 57.18%, #c9e9ff 98.81%);
  }
  .recruit-section .section-content {
    max-width: 50%;
    margin-left: auto;
  }
  .recruit-section {
    padding: 220px 0;
  }
  .ferris-wheel-pos {
    position: absolute;
    top: max(-20%, -188px);
    left: max(-28%, -400px);
  }
  .footer-container .footer-r .contact-box {
    margin-right: 0;
  }
  .recentColumn-item > .media-wrapper {
    flex: 0 0 200px;
  }
  .swiper-container.swiperWorks-container .swiper-button-prev {
    left: calc(50% - (100% / 6) - 55px);
  }
  .swiper-container.swiperWorks-container .swiper-button-next {
    right: calc(50% - (100% / 6) - 55px);
  }
  .grid-content.grid-column {
    grid-template-columns: auto 1fr;
  }
  .grid-content.grid-business {
    grid-template-columns: min(36%, 397px) auto;
  }
  .business-section .grid-content .grid-context {
    margin-left: 0;
    align-items: flex-start;
    padding: var(--spacing-lg) 0;
  }
  .transport-section.section-padding {
    padding-bottom: calc(var(--spacing-xl) + var(--spacing-3xl));
  }
  .transport-bg {
    bottom: calc(var(--spacing-3xl) * -1);
  }
  .transport-section .grid-context {
    margin-top: var(--spacing-xl);
    padding-left: var(--spacing-md);
  }
  .grid-content.grid-transport {
    grid-template-columns: 59% 41%;
    grid-template-rows: repeat(3, auto);
  }
  #header {
    padding: 20px 0;
  }
  .burger-icon {
    display: none;
  }
  .grid-content.grid-homepageIntro .grid-heading {
    padding-top: var(--spacing-md);
    margin-left: 0;
  }
  .grid-content.grid-homepageIntro {
    grid-template-columns: 62% 38%;
    grid-template-rows: repeat(3, auto);
  }
  .grid-content.grid-homepageIntro .grid-slide,
  .grid-content.grid-transport .grid-media {
    grid-column: 2;
    grid-row: 1 / span 3;
  }
  .homepageIntro-section .section-content {
    padding: 60px 80px;
  }
}
@media (min-width: 1200px) {
  .footer-container .footer-r .menu {
    column-gap: var(--spacing-xl);
  }
  .swiper-container.swiperWorks-container .swiper-button-prev {
    left: calc(50% - (100% / 6) - 45px);
  }
  .swiper-container.swiperWorks-container .swiper-button-next {
    right: calc(50% - (100% / 6) - 45px);
  }
}
@media (min-width: 1400px) {
}

/* Max-width breakpoints */
@media (max-width: 575.98px) {
  .voice-item .voice-content .item-title{
    width: 100%;
  }
  .sdgs-section .entry-content .img-container {
    padding: var(--spacing-sm) var(--spacing-3xs);
  }
  .sdgs-section .entry-content .img-container .img-row img {
    width: 76px;
  }
  .voice-section .float-circle {
    right: 10%;
    left: unset;
  }
  .footer-contact {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-3xs);
  }
  .footerAddress-container {
    grid-template-columns: 100%;
  }
}
@media (max-width: 767.98px) {
  .footer-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-row-gap: var(--spacing-3xs);
  }
  .reason-section + .marquee-section .marquee-container .marquee-item {
    max-width: 310px;
    margin-right: var(--spacing-2xs);
  }
  .reason-section
    + .marquee-section
    .marquee-container
    .marquee-item
    .media-wrapper {
    height: 320px;
  }
  .recruitIntro-section .section-heading .fs-24 {
    padding: 0 var(--container-padding);
  }
  .recruitIntro-section .section-heading {
    bottom: var(--spacing-sm);
  }
  .recruitIntro-section .wrapper.wrapper-noPadding {
    padding-bottom: var(--spacing-3xl);
  }
  .recruit-circle {
    min-width: unset;
    max-width: unset;
    width: 110%;
    margin-left: -5%;
  }
  .contactBottom-section .bottom-marquee {
    padding-bottom: var(--spacing-3xl);
  }
  .contactBottom-section .contact-content .contact-inner {
    transform: translateY(-50px);
  }
  .contactBottom-section .contact-content .fs-180 {
    width: calc(100% + (var(--container-padding) * 2));
    margin-left: calc(var(--container-padding) * -1);
  }
  .contactBottom-section .contact-content {
    width: calc(100% + (var(--container-padding) * 2));
    margin-left: calc(var(--container-padding) * -1);
    padding: 0 var(--container-padding);
    padding-bottom: var(--spacing-5xl);
  }
  .recentBlog-container {
    width: calc(100% + (var(--container-padding) * 2));
    margin-left: calc(var(--container-padding) * -1);
    padding: var(--spacing-lg) var(--container-padding);
  }
  .voice-item .media-wrapper {
    width: 100%;
  }
  .voice-item .media-wrapper::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20%;
    background: linear-gradient(
      180deg,
      rgba(201, 233, 255, 0) 0%,
      rgba(201, 233, 255, 1) 80%,
      rgba(201, 233, 255, 1) 100%
    );
  }
  .voice-item .voice-content {
    margin-left: 0;
    padding: var(--container-padding);
    padding-top: 0;
    background-color: var(--color-theme-blueLight1);
  }
  .voice-item::before {
    content: none;
  }
  .voice-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  .reason-container .reason-inner .section-heading .bubble-text {
    transform: translate(0%, -134%) rotate(-9deg);
  }

  .benefit-item .benefit-title > .fw-bold {
    line-height: 1.36;
  }
  .benefit-item .benefit-heading {
    margin-top: var(--spacing-xs);
    grid-row-gap: var(--spacing-3xs);
  }
  .benefit-item .benefit-heading,
  .benefit-item .benefit-title {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .footer-container .footer-r .menu {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .footer-container .footer-r .menu .menu-item {
    width: 100%;
  }
  .footer-container .footer-r .menu > .menu-item.menu-item-has-children > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .footer-container
    .footer-r
    .menu
    > .menu-item.menu-item-has-children
    > a::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.65703 7.071L2.66411e-05 1.414L1.41403 -4.94551e-07L6.36403 4.95L11.314 -6.18079e-08L12.728 1.414L7.07103 7.071C6.8835 7.25847 6.62919 7.36379 6.36403 7.36379C6.09886 7.36379 5.84455 7.25847 5.65703 7.071Z' fill='%23222222'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: var(--spacing-sm);
    display: inline-block;
    height: 8px;
    width: 14px;
    transform: scaleY(-1);
    transition: all var(--transition) var(--timing-function);
  }
  .footer-container
    .footer-r
    .menu
    > .menu-item.menu-item-has-children
    > a.active::after{
      transform: scaleY(1);
    }
  .footer-container
    .footer-r
    .menu
    > .menu-item.menu-item-has-children
    > .sub-menu {
    display: none;
    overflow: hidden;
    height: 0px;
  }
  .footer-container
    .footer-r
    .menu
    > .menu-item.menu-item-has-children
    > .sub-menu
    > .menu-item {
    padding: var(--spacing-3xs) 0;
    border-bottom: 1px solid var(--color-theme-blue);
  }
  .recentColumn-item > .recentColumn-desc {
    padding-right: 0;
    padding-bottom: var(--spacing-2sm);
  }
  a.recent-item.recentColumn-item {
    padding: var(--spacing-2sm) 0;
  }
  a.recent-item.recentColumn-item::after {
    bottom: var(--spacing-xs);
    top: unset;
    transform: unset;
  }
  .logo-row > img {
    height: 74px;
  }
}
@media (max-width: 991.98px) {
  .btn-gradient .text-style {
    font-size: 10px;
  }
  .voice-section {
    padding-bottom: min(300px, 30vw);
  }
  .circle-bg {
    bottom: -20px;
  }
  .circle-bg::before {
    content: url("data:image/svg+xml,%3Csvg width='375' height='557' viewBox='0 0 375 557' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cmask id='mask0_550_11112' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='-23' y='0' width='419' height='557'%3E%3Crect x='-22.4173' y='0.299504' width='417.835' height='556.401' fill='%23D9D9D9' stroke='url(%23paint0_linear_550_11112)' stroke-width='0.599007'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_550_11112)'%3E%3Ccircle cx='263.008' cy='297.707' r='242.298' stroke='url(%23paint1_linear_550_11112)' stroke-width='28.1533'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_550_11112' x1='-5.04158' y1='56.6181' x2='374.288' y2='78.1191' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2315A7FD'/%3E%3Cstop offset='1' stop-color='%2315339E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_550_11112' x1='28.2921' y1='93.4518' x2='491.977' y2='128.438' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2315A7FD'/%3E%3Cstop offset='1' stop-color='%2315339E'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .lh-mb-1_4 {
    line-height: 1.4 !important;
  }
  .lh-mb-1_5 {
    line-height: 1.5 !important;
  }
  .lh-mb-1_8 {
    line-height: 1.8 !important;
  }
  :root {
    --header-h: 82px;
  }
  .pageIntro-section .media-wrapper {
    min-height: 214px;
  }
  .grid-content.grid-office,
  .grid-content.grid-equip {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-2sm);
  }

  .office-item .tableAbout-container thead tr {
    position: relative;
  }
  .office-item .tableAbout-container thead tr::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 120px;
    right: 0;
    height: 2px;
    background-color: var(--color-theme-gray2);
    z-index: 2;
  }
  .tableAbout-container tbody tr td:first-child {
    width: 120px;
  }
  #history .tableAbout-container tbody tr td:first-child {
    width: 130px;
  }
  .equip-section .tableAbout-container tbody tr td:first-child {
    width: 150px;
  }
  .office-item .tableAbout-container tbody tr:first-child,
  .office-item .tableAbout-container tbody tr:last-child {
    display: none !important;
  }
  .office-item .tableAbout-container tfoot tr td {
    position: relative;
  }
  .office-item .tableAbout-container tfoot tr td::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: calc(100% - 120px);
    right: 0;
    bottom: -2px;
    height: 2px;
    background-color: var(--color-theme-gray2);
  }
  .contact-box .media-wrapper {
    width: 105px;
  }
  .message-section .float-circle {
    right: unset;
    left: 0;
    bottom: -10%;
  }
  .grid-content.grid-greeting {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-md);
  }
  .grid-content.grid-career .grid-media {
    display: none;
  }
  .mbti-group .bubble-text {
    left: 50%;
    transform: translate(-50%, -80%);
  }
  .reason-section > .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .mbti-container .mbti-content {
    padding: var(--container-padding);
    width: calc(100% + (var(--container-padding) * 2));
    margin-left: calc(var(--container-padding) * -1);
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    grid-row-gap: var(--spacing-2sm);
  }
  .recruitContent-section .float-img {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .recruitContent-section .float-img1 {
    margin-left: 0;
  }
  .recruitContent-section .float-img2 {
    transform: unset;
    margin-top: 24%;
  }
  .grid-content.grid-recruitContent {
    width: fit-content;
    margin: 0 auto;
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-md);
  }
  .grid-content.grid-recruitContent .media-wrapper {
    max-width: 200px;
  }
  .contact-box {
    padding: var(--spacing-2xs);
  }
  .header-top {
    display: none;
  }
  .contactBottom-section .contact-content .contact-cta {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
  }
  .benefit-item .benefit-heading {
    justify-content: center;
  }
  .benefit-item .benefit-img {
    flex: unset;
    width: 85px;
  }
  .benefit-item {
    grid-row-gap: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: var(--spacing-sm) var(--spacing-xs);
  }
  .business-slide .bubble-text {
    min-width: unset;
  }
  .business-item {
    padding: var(--spacing-2xs);
  }
  .businessSlides-container {
    grid-template-columns: 100%;
  }
  .businessSlide-bubble {
    display: none;
  }
  .recruit-section .section-content .btn-main {
    margin: 0 auto;
    margin-top: var(--spacing-md);
  }
  .wheel-item {
    width: 100px;
    height: 100px;
    margin: -50px;
  }
  .wheel-item.active > .media-wrapper {
    width: calc(100% - var(--spacing-xs));
  }
  .ferris-wheel-pos {
    margin-top: -14%;
    margin-left: max(-250px, -66vw);
  }
  .recruit-section .section-heading {
    top: 40%;
    left: calc(50% - 50px);
  }
  .recruit-section .section-content {
    margin-top: var(--spacing-3xl);
  }
  .wheel {
    border-width: 30px;
  }
  .ferris-wheel-container {
    width: 600px;
    height: 600px;
  }
  .footer-container .footer-r .menu {
    column-gap: unset;
    width: 100%;
  }
  .footer-container {
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-lg);
  }
  .footer-bottom {
    margin-bottom: var(--spacing-3xl);
  }
  .swiper-container .swiper-button {
    width: 40px;
    height: 40px;
  }
  .br-pc {
    display: none !important;
  }
  .text-mb-left {
    text-align: left !important;
  }
  .fs-mb-80 {
    font-size: 80px;
  }
  .fs-mb-60 {
    font-size: 60px;
  }
  .fs-mb-56 {
    font-size: 56px;
  }
  .fs-mb-48 {
    font-size: 48px;
  }
  .fs-mb-42 {
    font-size: 42px;
  }
  .fs-mb-28 {
    font-size: 28px;
  }
  .fs-mb-26 {
    font-size: 26px;
  }
  .fs-mb-24 {
    font-size: 24px;
  }
  .fs-mb-20 {
    font-size: 20px;
  }
  .fs-mb-18 {
    font-size: 18px;
  }
  .fs-mb-16 {
    font-size: 16px;
  }
  .fs-mb-15 {
    font-size: 15px;
  }
  .fs-mb-14 {
    font-size: 14px;
  }
  .fs-mb-12 {
    font-size: 12px;
  }
  .fs-mb-10 {
    font-size: 12px;
  }
  .works-section .wrapper .wrapper {
    padding: 0;
  }
  .float-container .float-br {
    bottom: var(--spacing-xs);
  }
  .float-container .float-item img {
    max-width: 112px;
  }
  .business-section .grid-content .grid-context {
    padding-bottom: var(--spacing-5xl);
  }
  .business-section .grid-content .grid-context .c-blue {
    text-align: center;
  }
  .grid-content.grid4.grid2-mb {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
  }
  .company-section .company-item .media-wrapper.media2-3::before {
    padding-top: calc((180 / 170) * 100%);
  }
  .transport-section .grid-media {
    position: relative;
  }

  .grid-content.grid-transport > .grid-heading,
  .grid-content.grid-transport > .grid-context {
    width: fit-content;
    margin: 0 auto;
  }
  .recentBlog-content {
    margin-top: var(--spacing-sm);
  }
  #header .headerMenu-container {
    display: none;
  }
  .contact-box {
    margin: var(--spacing-2md) auto;
  }
  a.recentBlog-item {
    flex-wrap: wrap;
    padding-right: var(--spacing-md);
  }
  a.recentBlog-item::after {
    right: 0;
  }
}
@media (max-width: 1199.98px) {
  #header .headerMenu-container .menu {
    grid-column-gap: 14px;
  }
  .mbti-group hr {
    display: none;
  }
  .mbti-group {
    padding: var(--spacing-2sm);
  }
  .mbti-item .media-wrapper,
  .mbti-item {
    width: 80px;
  }
  .mbti-group.mbti-l .mbti-item,
  .mbti-group.mbti-l .mbti-item .media-wrapper {
    width: 120px;
  }
  .mbti-group .mbti-row {
    align-items: flex-start;
  }
}
@media (max-width: 1399.98px) {
  .mbti-group.mbti-r > .mbti-row > .fs-24 {
    width: 100%;
  }
}
/* 固定ヘッダーぶんの逃げ。JSで --header-h を実寸に上書きする */
html{
  scroll-behavior: auto !important; /* JSで制御するなら強制OFF */
  scroll-padding-top: var(--header-h);
}

/* 直アンカーでも効く */
[id]{
  scroll-margin-top: var(--header-h);
}