@charset "UTF-8";

*,
*::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;
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Light.otf") format("opentype");
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Regular.otf") format("opentype");
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Medium.otf") format("opentype");
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Bold.otf") format("opentype");
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Black.otf") format("opentype");
}

@font-face {
  font-family: "NotoSansJpRegular";
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Regular.otf");
}

@font-face {
  font-family: "NotoSansJpMedium";
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Medium.otf");
}

@font-face {
  font-family: "NotoSansJpSemiBold";
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-SemiBold.otf");
}

@font-face {
  font-family: "NotoSansJpBold";
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Bold.otf");
}

@font-face {
  font-family: "NotoSansJpBlack";
  src: url("../../fonts/Noto_Sans_JP/NotoSansJP-Black.otf");
}

:root {
  --blue: #03648E;
  --light-blue: #F0FAFF;
  --gold: #9C8357;
  --text-color: #586166;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 10vw;
}

body {
  color: var(--text-color);
  font-family: "NotoSansJpRegular";
  letter-spacing: 0.05em;
}

body.hidden {
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

a {
  text-decoration: none;
  color: var(--text-color);
}

section {
  overflow: hidden;
}

main {
  overflow-x: hidden;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */

.pc {
  display: block !important;
}

.pc_inline {
  display: inline;
}

.pc_fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sp {
  display: none !important;
}

.sp_inline {
  display: none !important;
}

.sp_fx {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

.relative {
  position: relative;
}

/* 初期状態のスタイル */

.fadeIn {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out, -webkit-transform 0.8s ease-out;
  visibility: hidden;
}

.fadeIn.centerX {
  -webkit-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
}

/* アニメーション後のスタイル */

.fadeIn.visible {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
}

.fadeIn.visible.centerX {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.contents-title {
  font-size: calc(100vw / var(--vw) * 33);
  letter-spacing: 0.05em;
}

.contents-title.blue {
  color: var(--blue);
}

.contents-title .small-text {
  font-size: calc(100vw / var(--vw) * 16);
}

.contents-title.small-title {
  font-size: calc(100vw / var(--vw) * 16);
}

.contents-title.small-title .medium-title {
  font-size: calc(100vw / var(--vw) * 24);
}

.contents-title__sub {
  font-size: calc(100vw / var(--vw) * 36);
  font-family: "AntroVectraBolder";
  color: var(--blue);
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg);
  padding-right: calc(100vw / var(--vw) * 60);
  letter-spacing: 0.05em;
}

.contents-title__sub.promise-section-title {
  padding-right: calc(100vw / var(--vw) * 30);
  font-size: calc(100vw / var(--vw) * 32);
  margin-bottom: calc(100vw / var(--vw) * -10);
}

.contents-title__sub.beauty-section-title {
  padding-right: calc(100vw / var(--vw) * 210);
  color: var(--gold);
}

.contents-title__sub.features-section-title {
  padding-right: 0;
  margin-bottom: calc(100vw / var(--vw) * -16);
}

.contents-title__sub.sterilization-page-title {
  padding-right: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.contents-title__wrapper {
  text-align: center;
}

.contents-title__icon {
  width: calc(100vw / var(--vw) * 49.33);
  margin: auto;
  display: block;
  margin-bottom: calc(100vw / var(--vw) * 4);
}

.primary-button {
  width: calc(100vw / var(--vw) * 228);
  height: calc(100vw / var(--vw) * 50);
  border: 1px solid var(--blue);
  color: var(--blue);
  font-size: calc(100vw / var(--vw) * 14);
  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;
  margin: 0 auto;
  background: #fff;
}

.pagination-wrapper {
  margin-top: calc(100vw / var(--vw) * 70.5);
}

.wp-pagenavi {
  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;
  gap: calc(100vw / var(--vw) * 10);
}

.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .first,
.wp-pagenavi .last {
  font-size: calc(100vw / var(--vw) * 14);
  border-radius: 9999px;
  width: calc(100vw / var(--vw) * 25);
  height: calc(100vw / var(--vw) * 25);
  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;
  border: 1px solid var(--blue);
  color: var(--blue);
}

.wp-pagenavi .current {
  background: var(--blue);
  color: #fff;
}

.wp-pagenavi .extend {
  border: none;
}

.web-reservation-btn {
  cursor: pointer;
}

.article-none-text {
  font-size: calc(100vw / var(--vw) * 18);
}

.article-none-text.case-introduction {
  margin-top: calc(100vw / var(--vw) * 40);
}

.navigation-menu {
  position: fixed;
  top: 66.6667%;
  margin-left: calc(100vw / var(--vw) * 221.7529);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.navigation-menu.visible {
  opacity: 1;
  visibility: visible;
}

.navigation-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  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;
}

.navigation-menu__item {
  position: relative;
  height: calc(100vw / var(--vw) * 70.0743);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: var(--text-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 100%;
}

.navigation-menu__indicator {
  position: relative;
  width: calc(100vw / var(--vw) * 12);
  height: 100%;
  margin-right: calc(100vw / var(--vw) * 34.813);
  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;
}

.navigation-menu__line {
  position: absolute;
  width: calc(100vw / var(--vw) * 1);
  height: 100%;
  background-color: var(--text-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.navigation-menu__dot {
  position: absolute;
  width: calc(100vw / var(--vw) * 12);
  height: calc(100vw / var(--vw) * 12);
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.navigation-menu__indicator.active .navigation-menu__line {
  opacity: 0;
}

.navigation-menu__indicator.active .navigation-menu__dot {
  background-color: var(--text-color);
}

.navigation-menu__text {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.navigation-menu__text.top {
  width: calc(100vw / var(--vw) * 50.2415);
}

.navigation-menu__text.strategy {
  width: calc(100vw / var(--vw) * 122.7874);
}

.navigation-menu__text.assignment {
  width: calc(100vw / var(--vw) * 46.5323);
}

.navigation-menu__text.strength {
  width: calc(100vw / var(--vw) * 43.2739);
}

.navigation-menu__text.achievements {
  width: calc(100vw / var(--vw) * 43.2739);
}

.navigation-menu__text.contact {
  width: calc(100vw / var(--vw) * 138.8901);
}

.navigation-menu__link.active .navigation-menu__text {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
}

.navigation-menu.theme-light .navigation-menu__link {
  color: #888;
}

.navigation-menu.theme-light .navigation-menu__link.active {
  color: #FFF;
}

.navigation-menu.theme-light .navigation-menu__link:hover {
  color: #BBB;
}

.navigation-menu.theme-light .navigation-menu__line {
  background-color: #888;
}

.navigation-menu.theme-light .navigation-menu__indicator.active .navigation-menu__dot {
  background-color: #FFF;
}

.navigation-menu.theme-light .navigation-menu__link.active .navigation-menu__line {
  background-color: #FFF;
}

.navigation-menu.theme-light .navigation-menu__text {
  -webkit-filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.navigation-menu.theme-light .navigation-menu__link.active .navigation-menu__text {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%) drop-shadow(0 0 4px rgba(255, 255, 255, 0.6));
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%) drop-shadow(0 0 4px rgba(255, 255, 255, 0.6));
}

.navigation-menu.theme-light .navigation-menu__link:hover .navigation-menu__text {
  -webkit-filter: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.navigation-menu.theme-dark .navigation-menu__link {
  color: #888;
}

.navigation-menu.theme-dark .navigation-menu__link.active {
  color: #000;
}

.navigation-menu.theme-dark .navigation-menu__link:hover {
  color: #444;
}

.navigation-menu.theme-dark .navigation-menu__line {
  background-color: #888;
}

.navigation-menu.theme-dark .navigation-menu__indicator.active .navigation-menu__dot {
  background-color: #000;
}

.navigation-menu.theme-dark .navigation-menu__link.active .navigation-menu__line {
  background-color: #000;
}

.navigation-menu.theme-dark .navigation-menu__text {
  -webkit-filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.navigation-menu.theme-dark .navigation-menu__link.active .navigation-menu__text {
  -webkit-filter: brightness(0) saturate(100%) drop-shadow(0 0 6px rgba(0, 0, 0, 0.4));
  filter: brightness(0) saturate(100%) drop-shadow(0 0 6px rgba(0, 0, 0, 0.4));
}

.navigation-menu.theme-dark .navigation-menu__link:hover .navigation-menu__text {
  -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(25%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.burger-menu-container {
  display: none;
}

.burger-menu-button {
  position: fixed;
  top: calc(100vw / var(--vw) * 14.9826);
  right: calc(100vw / var(--vw) * 15.2758);
  width: calc(100vw / var(--vw) * 21.5836);
  height: calc(100vw / var(--vw) * 17.9407);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1002;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

body.menu-open .burger-menu-button {
  opacity: 0;
  pointer-events: none;
}

.burger-line {
  width: calc(100vw / var(--vw) * 21.5836);
  height: calc(100vw / var(--vw) * 0.5);
  background-color: #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-filter: drop-shadow(0 0 4px rgb(255, 255, 255)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.4));
  filter: drop-shadow(0 0 4px rgb(255, 255, 255)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.4));
}

.theme-light .burger-line {
  background-color: #fff;
  -webkit-filter: drop-shadow(0 0 4px rgb(0, 0, 0)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 12px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 0 4px rgb(0, 0, 0)) drop-shadow(0 0 8px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 12px rgba(0, 0, 0, 0.4));
}

.theme-dark .burger-line {
  background-color: #000;
  -webkit-filter: drop-shadow(0 0 4px rgb(255, 255, 255)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.4));
  filter: drop-shadow(0 0 4px rgb(255, 255, 255)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.4));
}

.burger-menu-close {
  position: absolute;
  top: calc(100vw / var(--vw) * 14.9826);
  right: calc(100vw / var(--vw) * 15.2758);
  width: calc(100vw / var(--vw) * 21.5836);
  height: calc(100vw / var(--vw) * 17.9407);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1002;
  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;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

body.menu-open .burger-menu-close {
  opacity: 1;
  pointer-events: auto;
}

.close-line {
  position: absolute;
  width: calc(100vw / var(--vw) * 21.5836);
  height: calc(100vw / var(--vw) * 2);
  background-color: #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.close-line:first-child {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.close-line:last-child {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.theme-light .close-line {
  background-color: #fff;
}

.theme-dark .close-line {
  background-color: #000;
  -webkit-filter: drop-shadow(0 0 4px rgb(255, 255, 255)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.4));
  filter: drop-shadow(0 0 4px rgb(255, 255, 255)) drop-shadow(0 0 8px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 12px rgba(255, 255, 255, 0.4));
}

.burger-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 1000;
}

body.menu-open .burger-menu-overlay {
  opacity: 1;
  visibility: visible;
}

.burger-menu-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  width: calc(100vw / var(--vw) * 263.3906);
  height: calc(100vw / var(--vw) * 541.6726);
  background: #fff;
  opacity: 0.8;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 1001;
  -webkit-box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

body.menu-open .burger-menu-sidebar {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.burger-menu-header {
  height: calc(100vw / var(--vw) * 100);
  position: relative;
}

.burger-menu-list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  margin-top: calc(100vw / var(--vw) * 86.6397);
  width: calc(100vw / var(--vw) * 169.2075);
}

.burger-menu-item {
  position: relative;
  height: calc(100vw / var(--vw) * 65);
  border-bottom: 1px solid #f0f0f0;
}

.burger-menu-link {
  display: block;
  text-decoration: none;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.burger-menu-link:hover {
  background-color: #f8f8f8;
}

.burger-menu-link.active {
  background-color: #f0f0f0;
}

.burger-menu-text {
  position: absolute;
  bottom: calc(100vw / var(--vw) * 4.1485);
  left: 0;
  display: block;
}

.burger-menu-text.top {
  width: calc(100vw / var(--vw) * 36.8444);
}

.burger-menu-text.strategy {
  width: calc(100vw / var(--vw) * 90.0457);
}

.burger-menu-text.assignment {
  width: calc(100vw / var(--vw) * 34.1243);
}

.burger-menu-text.strengths {
  width: calc(100vw / var(--vw) * 31.7348);
}

.burger-menu-text.results {
  width: calc(100vw / var(--vw) * 32.6866);
}

.burger-menu-text.contact {
  width: calc(100vw / var(--vw) * 101.8546);
}

.burger-menu-container.theme-light .burger-line,
.burger-menu-container.theme-light .close-line {
  background-color: #fff;
}

.burger-menu-container.theme-dark .burger-line,
.burger-menu-container.theme-dark .close-line {
  background-color: #000;
}

.hero-section {
  position: relative;
  width: 100vw;
  height: calc(100vw / var(--vw) * 2900);
  background-image: url("../../images/hero_section_bg.webp");
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.hero-section__title1 {
  width: calc(100vw / var(--vw) * 632.106);
  top: calc(100vw / var(--vw) * 401.4942);
  left: calc(100vw / var(--vw) * 415.4697);
  position: absolute;
  z-index: 1;
}

.hero-section__title_sub1 {
  width: calc(100vw / var(--vw) * 385.117);
  position: absolute;
  top: calc(100vw / var(--vw) * 430.4019);
  left: calc(100vw / var(--vw) * 1060.8347);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.35s;
  transition: 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.35s;
}

.hero-section__title_sub1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__title_sub2 {
  width: calc(100vw / var(--vw) * 385.0608);
  position: absolute;
  top: calc(100vw / var(--vw) * 520.7454);
  left: calc(100vw / var(--vw) * 981.3577);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.6s;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.6s;
}

.hero-section__title_sub2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__title_sub3 {
  width: calc(100vw / var(--vw) * 340.6036);
  position: absolute;
  top: calc(100vw / var(--vw) * 612.3402);
  left: calc(100vw / var(--vw) * 989.3925);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s;
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s;
}

.hero-section__title_sub3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__contact_mail_banner {
  width: calc(100vw / var(--vw) * 340);
  height: calc(100vw / var(--vw) * 68);
  position: absolute;
  top: calc(100vw / var(--vw) * 743.7253);
  left: calc(100vw / var(--vw) * 790);
  z-index: 4;
}

.hero-section__message1 {
  width: calc(100vw / var(--vw) * 541.459);
  position: absolute;
  top: calc(100vw / var(--vw) * 1099.5593);
  left: calc(100vw / var(--vw) * 413.3232);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
}

.hero-section__message1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__message2 {
  width: calc(100vw / var(--vw) * 144.5607);
  position: absolute;
  top: calc(100vw / var(--vw) * 1305.9939);
  left: calc(100vw / var(--vw) * 917.6701);
  z-index: 1;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s;
  transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s;
}

.hero-section__message2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__message3 {
  width: calc(100vw / var(--vw) * 438.4766);
  position: absolute;
  top: calc(100vw / var(--vw) * 2018.6662);
  left: calc(100vw / var(--vw) * 1072.4936);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.hero-section__message3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__message4 {
  width: calc(100vw / var(--vw) * 600);
  position: absolute;
  top: calc(100vw / var(--vw) * 2413.9684);
  left: calc(100vw / var(--vw) * 409.9989);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.hero-section__message4.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__message5 {
  width: calc(100vw / var(--vw) * 480);
  position: absolute;
  top: calc(100vw / var(--vw) * 2546.7759);
  left: calc(100vw / var(--vw) * 409.9989);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
}

.hero-section__message5.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__message6 {
  width: calc(100vw / var(--vw) * 510);
  position: absolute;
  top: calc(100vw / var(--vw) * 2679.5822);
  left: calc(100vw / var(--vw) * 409.9989);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s;
}

.hero-section__message6.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__title_line1 {
  width: calc(100vw / var(--vw) * 561.5352);
  height: calc(100vw / var(--vw) * 1);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 430.4023);
  left: calc(100vw / var(--vw) * 948.5777);
  z-index: 2;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.1s;
}

.hero-section__title_line1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__title_line2 {
  width: calc(100vw / var(--vw) * 623.5174);
  height: calc(100vw / var(--vw) * 1);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 500.4004);
  left: calc(100vw / var(--vw) * 886.5955);
  z-index: 2;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s;
}

.hero-section__title_line2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__title_line3 {
  width: calc(100vw / var(--vw) * 564.8254);
  height: calc(100vw / var(--vw) * 1);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 520.9899);
  left: calc(100vw / var(--vw) * 865.3799);
  z-index: 2;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.2s;
}

.hero-section__title_line3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__title_line4 {
  width: calc(100vw / var(--vw) * 627.3454);
  height: calc(100vw / var(--vw) * 1);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 591.9295);
  left: calc(100vw / var(--vw) * 802.7706);
  z-index: 2;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.25s;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.25s;
}

.hero-section__title_line4.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__title_line5 {
  width: calc(100vw / var(--vw) * 70);
  height: calc(100vw / var(--vw) * 1);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 580.3856);
  left: calc(100vw / var(--vw) * 1053.9592);
  z-index: 2;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.6s;
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.6s;
}

.hero-section__title_line5.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__line {
  width: calc(100vw / var(--vw) * 2);
  height: calc(100vw / var(--vw) * 934);
  background: #8B0E1F;
  position: absolute;
  top: calc(100vw / var(--vw) * 259);
  left: calc(100vw / var(--vw) * 859.5);
  -webkit-transform: rotate(41.5deg);
  transform: rotate(41.5deg);
  z-index: 3;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
  transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
}

.hero-section__line.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__line2 {
  width: calc(100vw / var(--vw) * 658.536);
  height: calc(100vw / var(--vw) * 2);
  background: #8B0E1F;
  position: absolute;
  top: calc(100vw / var(--vw) * 1179.7944);
  left: calc(100vw / var(--vw) * 403.7879);
  z-index: 3;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: -webkit-clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
  transition: -webkit-clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
  transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
  transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s, -webkit-clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
}

.hero-section__line2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__line3 {
  width: calc(100vw / var(--vw) * 2);
  height: calc(100vw / var(--vw) * 1184.9888);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 1104.5508);
  left: calc(100vw / var(--vw) * 1009.4704);
  z-index: 3;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: -webkit-clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;
  transition: -webkit-clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;
  transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;
  transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.9s, -webkit-clip-path 1s cubic-bezier(0.77, 0, 0.175, 1) 0.9s;
}

.hero-section__line3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.hero-section__line4 {
  width: calc(100vw / var(--vw) * 1910.5295);
  height: calc(100vw / var(--vw) * 2);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 1970.3462);
  left: calc(100vw / var(--vw) * 1009.4704);
  z-index: 3;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: -webkit-clip-path 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: -webkit-clip-path 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: clip-path 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  transition: clip-path 0.6s cubic-bezier(0.77, 0, 0.175, 1), -webkit-clip-path 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.hero-section__line4.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section {
  position: relative;
  top: -0.5px;
  bottom: 0;
  width: 100vw;
  height: calc(100vw / var(--vw) * 4332.9865);
  background-image: url("../../images/strategy_section_bg.webp");
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.strategy-section__bg2 {
  position: absolute;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__bg2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__bg2-rect {
  width: calc(100vw / var(--vw) * 1803.6833);
  height: calc(100vw / var(--vw) * 2043.1597);
  position: absolute;
  z-index: 3;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top left, transparent calc(50% - 1.5px), #8B0E1F calc(50% - 1.5px), #8B0E1F calc(50% + 1.5px), transparent calc(50% + 1.5px));
  background: linear-gradient(to bottom right, transparent calc(50% - 1.5px), #8B0E1F calc(50% - 1.5px), #8B0E1F calc(50% + 1.5px), transparent calc(50% + 1.5px));
  /* 対角線（太さ0.5px） */
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__bg2-rect.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__title1 {
  width: calc(100vw / var(--vw) * 1085.2402);
  top: calc(100vw / var(--vw) * 88.3787);
  left: calc(100vw / var(--vw) * 412.976);
  position: absolute;
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__title1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message1 {
  width: calc(100vw / var(--vw) * 411.3432);
  position: absolute;
  top: calc(100vw / var(--vw) * 499.2923);
  left: calc(100vw / var(--vw) * 412.976);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message2 {
  width: calc(100vw / var(--vw) * 548.7402);
  position: absolute;
  top: calc(100vw / var(--vw) * 1018.1638);
  left: calc(100vw / var(--vw) * 961.5332);
  z-index: 2;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message2_label {
  width: calc(100vw / var(--vw) * 1422.0009);
  top: calc(100vw / var(--vw) * 1326.4085);
  left: calc(100vw / var(--vw) * 495.9991);
  position: absolute;
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message2_label.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message3 {
  width: calc(100vw / var(--vw) * 868.001);
  position: absolute;
  top: calc(100vw / var(--vw) * 1788.6519);
  left: calc(100vw / var(--vw) * 410);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message4 {
  width: calc(100vw / var(--vw) * 1020);
  position: absolute;
  top: calc(100vw / var(--vw) * 1904.6511);
  left: calc(100vw / var(--vw) * 490);
  z-index: 1;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message4.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message5 {
  width: calc(100vw / var(--vw) * 190);
  position: absolute;
  top: calc(100vw / var(--vw) * 2249.8113);
  left: calc(100vw / var(--vw) * 1320.001);
  z-index: 1;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message5.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message6 {
  width: calc(100vw / var(--vw) * 190);
  position: absolute;
  top: calc(100vw / var(--vw) * 2290.1463);
  left: calc(100vw / var(--vw) * 1088.001);
  z-index: 1;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message6.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message7 {
  width: calc(100vw / var(--vw) * 380.2543);
  position: absolute;
  top: calc(100vw / var(--vw) * 2347.3716);
  left: calc(100vw / var(--vw) * 606.2685);
  z-index: 1;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message7.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message8 {
  width: calc(100vw / var(--vw) * 168.8369);
  position: absolute;
  top: calc(100vw / var(--vw) * 2711.6475);
  left: calc(100vw / var(--vw) * 645.4609);
  z-index: 1;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message8.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__line {
  width: calc(100vw / var(--vw) * 1151.5324);
  height: calc(100vw / var(--vw) * 200.1986);
  position: absolute;
  top: calc(100vw / var(--vw) * 2240.8513);
  left: calc(100vw / var(--vw) * 410);
  z-index: 3;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-linear-gradient(top left, transparent calc(50% - 1px), #8B0E1F calc(50% - 1px), #8B0E1F calc(50% + 1px), transparent calc(50% + 1px));
  background: linear-gradient(to bottom right, transparent calc(50% - 1px), #8B0E1F calc(50% - 1px), #8B0E1F calc(50% + 1px), transparent calc(50% + 1px));
  /* 対角線（太さ2px） */
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__line.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message_line1 {
  width: calc(100vw / var(--vw) * 1);
  height: calc(100vw / var(--vw) * 1516.4793);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 1786.9951);
  left: calc(100vw / var(--vw) * 1508.791);
  z-index: 2;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message_line1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message_line2 {
  width: calc(100vw / var(--vw) * 1);
  height: calc(100vw / var(--vw) * 1084.9264);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 2210.9767);
  left: calc(100vw / var(--vw) * 1320.001);
  z-index: 2;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message_line2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message_line3 {
  width: calc(100vw / var(--vw) * 1);
  height: calc(100vw / var(--vw) * 1187.0672);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 2218.2787);
  left: calc(100vw / var(--vw) * 1278.001);
  z-index: 2;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message_line3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message_line4 {
  width: calc(100vw / var(--vw) * 1);
  height: calc(100vw / var(--vw) * 1154.0347);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 2251.3111);
  left: calc(100vw / var(--vw) * 1088.001);
  z-index: 2;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message_line4.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message_line5 {
  width: calc(100vw / var(--vw) * 282);
  height: calc(100vw / var(--vw) * 1);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 3243.066);
  left: calc(100vw / var(--vw) * 1278.001);
  z-index: 2;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message_line5.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strategy-section__message_line6 {
  width: calc(100vw / var(--vw) * 274);
  height: calc(100vw / var(--vw) * 1);
  background: #FFF;
  position: absolute;
  top: calc(100vw / var(--vw) * 3346.8093);
  left: calc(100vw / var(--vw) * 1046.001);
  z-index: 2;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strategy-section__message_line6.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section {
  padding-top: calc(100vw / var(--vw) * 158);
  background-image: url(../../images/assignment_section_bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.assignment-section__title {
  width: calc(100vw / var(--vw) * 370.92);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__title.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.assignment-section__right-title {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__right-title.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__right-title__wrapper {
  width: calc(100vw / var(--vw) * 498.72);
  position: relative;
  height: calc(100vw / var(--vw) * 190);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.assignment-section__right-title__wrapper .line {
  position: absolute;
  width: calc(100vw / var(--vw) * 1);
  height: calc(100vw / var(--vw) * 220);
  background: #C40F2B;
  top: 50%;
  left: calc(100vw / var(--vw) * 32);
  -webkit-transform: translateY(-50%) rotate(27.5deg);
  transform: translateY(-50%) rotate(27.5deg);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__right-title__wrapper .line.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content {
  margin-left: calc(100vw / var(--vw) * 412.6);
  margin-top: calc(100vw / var(--vw) * 72);
}

.assignment-section__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: calc(100vw / var(--vw) * 13.7288);
}

.assignment-section__content-item.item1 {
  width: calc(100vw / var(--vw) * 684.47);
  margin-left: calc(100vw / var(--vw) * 356);
}

.assignment-section__content-item.item2 {
  width: calc(100vw / var(--vw) * 664.07);
  margin-left: calc(100vw / var(--vw) * 274);
  margin-top: calc(100vw / var(--vw) * 45.6);
}

.assignment-section__content-item.item3 {
  width: calc(100vw / var(--vw) * 721.45);
  margin-left: calc(100vw / var(--vw) * 160);
  margin-top: calc(100vw / var(--vw) * 45.6);
}

.assignment-section__content-item.item4 {
  width: calc(100vw / var(--vw) * 533.78);
  margin-left: calc(100vw / var(--vw) * 80);
  margin-top: calc(100vw / var(--vw) * 45.6);
}

.assignment-section__content-item.item5 {
  width: calc(100vw / var(--vw) * 575.78);
  margin-top: calc(100vw / var(--vw) * 45.6);
}

.assignment-section__content-item-number-image1 {
  position: relative;
  top: calc(100vw / var(--vw) * -13.7288);
  width: calc(100vw / var(--vw) * 120.354);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-number-image1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content-item-number-image2 {
  position: relative;
  top: calc(100vw / var(--vw) * -13.7288);
  width: calc(100vw / var(--vw) * 120.354);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-number-image2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content-item-number-image3 {
  position: relative;
  top: calc(100vw / var(--vw) * -13.7288);
  width: calc(100vw / var(--vw) * 120.354);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-number-image3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content-item-number-image4 {
  position: relative;
  top: calc(100vw / var(--vw) * -13.7288);
  width: calc(100vw / var(--vw) * 120.354);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-number-image4.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content-item-number-image5 {
  position: relative;
  top: calc(100vw / var(--vw) * -13.7288);
  width: calc(100vw / var(--vw) * 120.354);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-number-image5.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content-item-image1 {
  width: calc(100vw / var(--vw) * 548.0305);
  margin-left: calc(100vw / var(--vw) * 16.0903);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-image1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content-item-image2 {
  width: calc(100vw / var(--vw) * 527.6279);
  margin-left: calc(100vw / var(--vw) * 16.0903);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-image2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content-item-image3 {
  width: calc(100vw / var(--vw) * 584.4746);
  margin-left: calc(100vw / var(--vw) * 16.0903);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-image3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content-item-image4 {
  width: calc(100vw / var(--vw) * 396.7548);
  margin-left: calc(100vw / var(--vw) * 16.0903);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-image4.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__content-item-image5 {
  width: calc(100vw / var(--vw) * 438.8888);
  margin-left: calc(100vw / var(--vw) * 16.0903);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__content-item-image5.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__center-contents-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(100vw / var(--vw) * 137.4);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.assignment-section__center-contents-image-wrapper.left {
  width: calc(100vw / var(--vw) * 83.09);
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__center-contents-image-wrapper.left.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__center-contents-image-wrapper.right {
  width: calc(100vw / var(--vw) * 29.23);
  margin-left: calc(100vw / var(--vw) * 30);
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__center-contents-image-wrapper.right.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__center-contents-text-wrapper {
  width: calc(100vw / var(--vw) * 595.18);
  margin-left: calc(100vw / var(--vw) * 80.2);
}

.assignment-section__center-contents-text-item {
  padding-left: calc(100vw / var(--vw) * 40);
  position: relative;
}

.assignment-section__center-contents-text-item__line {
  width: calc(100vw / var(--vw) * 1);
  height: 100%;
  background: #8B0E1F;
  position: absolute;
  top: calc(100vw / var(--vw) * 0);
  left: calc(100vw / var(--vw) * 0);
}

.item1 .assignment-section__center-contents-text-item__line {
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.item1 .assignment-section__center-contents-text-item__line.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.item2 .assignment-section__center-contents-text-item__line {
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.item2 .assignment-section__center-contents-text-item__line.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__center-contents-text-item.item1 {
  margin-top: calc(100vw / var(--vw) * 154);
}

.assignment-section__center-contents-text-item.item1 .pc {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__center-contents-text-item.item1 .pc.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.assignment-section__center-contents-text-item.item2 {
  margin-top: calc(100vw / var(--vw) * 50);
}

.assignment-section__center-contents-text-item.item2 .pc {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.assignment-section__center-contents-text-item.item2 .pc.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strength-section {
  padding-bottom: calc(100vw / var(--vw) * 161);
  background-image: url(../../images/assignment_section_bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.strength-section__bottom-contents-wrapper {
  padding-top: calc(100vw / var(--vw) * 140.5);
}

.strength-section__bottom-contents-image {
  width: calc(100vw / var(--vw) * 800);
  margin: 0 auto;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strength-section__bottom-contents-image.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strength-section__bottom-contents-item-wrapper {
  width: calc(100vw / var(--vw) * 689.44);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: calc(100vw / var(--vw) * 83.7);
  row-gap: calc(100vw / var(--vw) * 34.1);
}

.strength-section__bottom-contents-item {
  width: calc(100vw / var(--vw) * 303.18);
}

.strength-section__bottom-contents-item-title.item1 {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strength-section__bottom-contents-item-title.item1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strength-section__bottom-contents-item-text.item1 {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strength-section__bottom-contents-item-text.item1.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strength-section__bottom-contents-item-title.item2 {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strength-section__bottom-contents-item-title.item2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strength-section__bottom-contents-item-text.item2 {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strength-section__bottom-contents-item-text.item2.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strength-section__bottom-contents-item-title.item3 {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strength-section__bottom-contents-item-title.item3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strength-section__bottom-contents-item-text.item3 {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strength-section__bottom-contents-item-text.item3.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strength-section__bottom-contents-item-title.item4 {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strength-section__bottom-contents-item-title.item4.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.strength-section__bottom-contents-item-text.item4 {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.strength-section__bottom-contents-item-text.item4.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.achievements-section {
  padding-top: calc(100vw / var(--vw) * 135);
  padding-bottom: calc(100vw / var(--vw) * 120);
  position: relative;
}

.achievements-section__line {
  width: calc(100vw / var(--vw) * 1);
  height: calc(100vw / var(--vw) * 2350);
  background: #8B0E1F;
  position: absolute;
  top: calc(100vw / var(--vw) * -276);
  left: calc(100vw / var(--vw) * 1103);
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.achievements-section__line.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.achievements-section__title {
  width: calc(100vw / var(--vw) * 800);
  margin: 0 auto;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.achievements-section__title.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.achievements-section__content {
  padding-left: calc(100vw / var(--vw) * 410);
  margin-top: calc(100vw / var(--vw) * 80);
}

.achievements-section__item {
  position: relative;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: -webkit-clip-path 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: -webkit-clip-path 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: clip-path 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: clip-path 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-clip-path 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.achievements-section__item.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.achievements-section__item.case1 {
  margin-top: 0;
}

.achievements-section__item.case2 {
  margin-left: calc(100vw / var(--vw) * 140);
}

.achievements-section__item.case3 {
  margin-left: calc(100vw / var(--vw) * 281.1);
}

.achievements-section__item.case4 {
  margin-left: calc(100vw / var(--vw) * 420);
}

.achievements-section__content-image {
  width: calc(100vw / var(--vw) * 680);
  margin-top: calc(100vw / var(--vw) * 8);
}

.achievements-section__counter {
  position: absolute;
  font-size: calc(100vw / var(--vw) * 144.5);
  line-height: calc(100vw / var(--vw) * 144.5);
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  bottom: calc(100vw / var(--vw) * 25);
}

.achievements-section__counter.active {
  opacity: 1;
}

.achievements-section__counter.hidden {
  opacity: 0;
}

.achievements-section__counter.case1 {
  left: calc(100vw / var(--vw) * 51.7744);
}

.achievements-section__counter.case2 {
  left: calc(100vw / var(--vw) * 25.3168);
}

.achievements-section__counter.case3 {
  left: calc(100vw / var(--vw) * 20.8391);
}

.achievements-section__counter.case4 {
  left: calc(100vw / var(--vw) * 25.0723);
}

.achievements-section__content-image {
  width: calc(100vw / var(--vw) * 680);
  display: block;
}

.achievements-section__result-number {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  z-index: 3;
}

.achievements-section__result-number.visible {
  opacity: 1;
}

.achievements-section__result-number.case1 {
  width: calc(100vw / var(--vw) * 187.1978);
  left: calc(100vw / var(--vw) * 51.7744);
  bottom: calc(100vw / var(--vw) * 38.3096);
}

.achievements-section__result-number.case2 {
  width: calc(100vw / var(--vw) * 190.8135);
  left: calc(100vw / var(--vw) * 50.3168);
  bottom: calc(100vw / var(--vw) * 40.4717);
}

.achievements-section__result-number.case3 {
  width: calc(100vw / var(--vw) * 237.438);
  left: calc(100vw / var(--vw) * 20.8391);
  bottom: calc(100vw / var(--vw) * 40.877);
}

.achievements-section__result-number.case4 {
  width: calc(100vw / var(--vw) * 285.4375);
  left: calc(100vw / var(--vw) * 25.0723);
  bottom: calc(100vw / var(--vw) * 37.668);
}

.success-factors-section {
  background-color: #222222;
  padding-top: calc(100vw / var(--vw) * 122.7);
}

.success-factors-section__title {
  width: calc(100vw / var(--vw) * 460.8);
  margin: 0 auto;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.success-factors-section__title.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.success-factors-section__image {
  width: calc(100vw / var(--vw) * 1100);
  margin: 0 auto;
  margin-top: calc(100vw / var(--vw) * 76.5);
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.success-factors-section__image.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.success-factors-section__sp-image-wrapper {
  width: calc(100vw / var(--vw) * 326);
  border: 0.5px solid #fff;
  margin: 0 auto;
  margin-top: calc(100vw / var(--vw) * 47.8);
  padding: calc(100vw / var(--vw) * 32) calc(100vw / var(--vw) * 23) calc(100vw / var(--vw) * 73.2);
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 1.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.success-factors-section__sp-image-wrapper.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.success-factors-section__sp-image-item {
  border-top: 0.5px solid #fff;
  padding-top: calc(100vw / var(--vw) * 32);
  margin-top: calc(100vw / var(--vw) * 47.3);
}

.success-factors-section__sp-image-item:first-of-type {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}

.success-factors-section__sp-image {
  width: calc(100vw / var(--vw) * 209.93);
  margin: 0 auto;
}

.contact-form-section {
  background-color: #222222;
  padding-top: calc(100vw / var(--vw) * 161.6);
  padding-bottom: calc(100vw / var(--vw) * 316.8);
}

.contact-form-section__title {
  width: calc(100vw / var(--vw) * 469.39);
  margin: 0 auto;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.contact-form-section__title.active {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.contact-form-section__form {
  width: calc(100vw / var(--vw) * 862.04);
  margin: 0 auto;
  margin-top: calc(100vw / var(--vw) * 111.7);
}

.contact-form-section__form-item {
  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;
  margin-top: calc(100vw / var(--vw) * 24);
}

.contact-form-section__form-item:first-of-type {
  margin-top: 0;
}

.contact-form-section__form-item.flex-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.contact-form-section__form-item-title {
  color: #fff;
  font-size: calc(100vw / var(--vw) * 16);
}

.contact-form-section__form-item-title .text-red {
  color: #8B0E1F;
}

.contact-form-section__form-item-input-wrapper {
  width: calc(100vw / var(--vw) * 660);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.contact-form-section__form-item-input {
  font-size: calc(100vw / var(--vw) * 16);
  width: calc(100vw / var(--vw) * 660);
  height: calc(100vw / var(--vw) * 56);
  border-radius: calc(100vw / var(--vw) * 4);
  border: 1px solid #D8D8D8;
  padding: calc(100vw / var(--vw) * 0) calc(100vw / var(--vw) * 18);
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.contact-form-section__form-item-input::-webkit-input-placeholder {
  color: #E0E0E0;
}

.contact-form-section__form-item-input::-moz-placeholder {
  color: #E0E0E0;
}

.contact-form-section__form-item-input:-ms-input-placeholder {
  color: #E0E0E0;
}

.contact-form-section__form-item-input::-ms-input-placeholder {
  color: #E0E0E0;
}

.contact-form-section__form-item-input::placeholder {
  color: #E0E0E0;
}

.contact-form-section__form-item-input.short {
  width: calc(100vw / var(--vw) * 310);
}

.contact-form-section__form-item-input.select {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2714%27%20height%3D%278%27%20viewBox%3D%270%200%2014%208%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M1%201l6%206%206-6%27%20stroke%3D%27%23333%27%20stroke-width%3D%272%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 12px;
  padding-right: 40px;
}

.contact-form-section__form-item-input.textarea {
  resize: none;
  padding-top: calc(100vw / var(--vw) * 16);
  padding-bottom: calc(100vw / var(--vw) * 16);
  height: calc(100vw / var(--vw) * 140);
}

.contact-form-section .wpcf7-not-valid-tip {
  font-size: calc(100vw / var(--vw) * 16);
  margin-top: calc(100vw / var(--vw) * 8);
}

@media screen and (min-width: 768px) {
  :root {
    --vw: 1920;
  }

  .strategy-section__bg2 {
    width: calc(100vw / var(--vw) * 1803.6833);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --vw: 375;
  }

  .pc {
    display: none !important;
    margin: 0;
    padding: 0;
  }

  .pc_fx {
    display: none !important;
  }

  .pc_inline {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .sp_inline {
    display: inline !important;
  }

  .sp_fx {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .contents-title {
    font-size: calc(100vw / var(--vw) * 24);
  }

  .contents-title__sub {
    font-size: calc(100vw / var(--vw) * 32);
    padding-right: calc(100vw / var(--vw) * 15);
  }

  .contents-title__sub.promise-section-title {
    padding-right: calc(100vw / var(--vw) * 10);
    margin-bottom: calc(100vw / var(--vw) * -12);
  }

  .contents-title__sub.beauty-section-title {
    padding-right: 0;
  }

  .contents-title__sub.features-section-title {
    margin-bottom: calc(100vw / var(--vw) * -8);
  }

  .contents-title__sub.for-first-time-visitors-page-fourth-section-title {
    font-size: calc(100vw / var(--vw) * 20);
  }

  .contents-title__sub.sp-medium {
    font-size: calc(100vw / var(--vw) * 24);
  }

  .article-none-text {
    font-size: calc(100vw / var(--vw) * 16);
  }

  .burger-menu-container {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
  }

  .hero-section {
    height: calc(100vw / var(--vw) * 1220);
    background-image: url("../../images/hero_section_bg_sp.webp");
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    background-repeat: no-repeat;
  }

  .hero-section__title1 {
    width: calc(100vw / var(--vw) * 232.8501);
    top: calc(100vw / var(--vw) * 151.5591);
    left: calc(100vw / var(--vw) * 28.8);
  }

  .hero-section__title_sub1 {
    width: calc(100vw / var(--vw) * 200.4325);
    top: calc(100vw / var(--vw) * 264.2402);
    left: calc(100vw / var(--vw) * 173.5675);
  }

  .hero-section__title_sub2 {
    width: calc(100vw / var(--vw) * 250.1043);
    top: calc(100vw / var(--vw) * 302.2746);
    left: calc(100vw / var(--vw) * 139.8957);
  }

  .hero-section__title_sub3 {
    width: calc(100vw / var(--vw) * 170.4573);
    top: calc(100vw / var(--vw) * 344.9766);
    left: calc(100vw / var(--vw) * 141.3345);
  }

  .hero-section__contact_mail_banner {
    width: calc(100vw / var(--vw) * 294);
    height: calc(100vw / var(--vw) * 64);
    top: calc(100vw / var(--vw) * 461.7299);
    left: calc(100vw / var(--vw) * 48.1844);
  }

  .hero-section__message1 {
    width: calc(100vw / var(--vw) * 186.1312);
    top: calc(100vw / var(--vw) * 617.9926);
    left: calc(100vw / var(--vw) * 13.6313);
  }

  .hero-section__message2 {
    width: calc(100vw / var(--vw) * 41.0441);
    top: calc(100vw / var(--vw) * 699.9307);
    left: calc(100vw / var(--vw) * 179.4433);
  }

  .hero-section__message3 {
    width: calc(100vw / var(--vw) * 137.8691);
    top: calc(100vw / var(--vw) * 879.8213);
    left: calc(100vw / var(--vw) * 229.9726);
  }

  .hero-section__message4 {
    width: calc(100vw / var(--vw) * 194.1113);
    top: calc(100vw / var(--vw) * 1074.0487);
    left: calc(100vw / var(--vw) * 16.1337);
  }

  .hero-section__message5 {
    width: calc(100vw / var(--vw) * 152);
    top: calc(100vw / var(--vw) * 1114.0487);
    left: calc(100vw / var(--vw) * 16.1337);
  }

  .hero-section__message6 {
    width: calc(100vw / var(--vw) * 162);
    top: calc(100vw / var(--vw) * 1154.0487);
    left: calc(100vw / var(--vw) * 16.1337);
  }

  .hero-section__title_line1 {
    width: calc(100vw / var(--vw) * 172.2305);
    height: calc(100vw / var(--vw) * 0.25);
    top: calc(100vw / var(--vw) * 264.2402);
    left: calc(100vw / var(--vw) * 201.7695);
    -webkit-transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  .hero-section__title_line2 {
    width: calc(100vw / var(--vw) * 200.4261);
    height: calc(100vw / var(--vw) * 0.25);
    top: calc(100vw / var(--vw) * 296.3784);
    left: calc(100vw / var(--vw) * 173.199);
    -webkit-transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  .hero-section__title_line3 {
    width: calc(100vw / var(--vw) * 221.8479);
    height: calc(100vw / var(--vw) * 0.25);
    top: calc(100vw / var(--vw) * 302.2746);
    left: calc(100vw / var(--vw) * 168.2094);
    -webkit-transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  .hero-section__title_line4 {
    width: calc(100vw / var(--vw) * 250.1616);
    height: calc(100vw / var(--vw) * 0.25);
    top: calc(100vw / var(--vw) * 334.4128);
    left: calc(100vw / var(--vw) * 139.8957);
    -webkit-transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  .hero-section__line {
    width: calc(100vw / var(--vw) * 1);
    height: calc(100vw / var(--vw) * 1200);
    top: calc(100vw / var(--vw) * -107);
    left: 0;
    -webkit-transform: rotate(41.2deg);
    transform: rotate(41.2deg);
    -webkit-transition: 0.33s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 0.33s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  .hero-section__line2 {
    width: calc(100vw / var(--vw) * 240);
    height: calc(100vw / var(--vw) * 1);
    top: calc(100vw / var(--vw) * 644.5098);
    left: 0;
  }

  .hero-section__line3 {
    width: calc(100vw / var(--vw) * 1);
    height: calc(100vw / var(--vw) * 412);
    top: calc(100vw / var(--vw) * 615.0467);
    left: calc(100vw / var(--vw) * 210.2449);
    -webkit-transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 0.333s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  .hero-section__line4 {
    width: calc(100vw / var(--vw) * 179.8654);
    height: calc(100vw / var(--vw) * 1);
    top: calc(100vw / var(--vw) * 854.5329);
    left: calc(100vw / var(--vw) * 210.2449);
  }

  .strategy-section {
    height: calc(100vw / var(--vw) * 1262.0002);
    background-image: url("../../images/strategy_section_bg_sp.webp");
    background-size: cover;
    background-position: top center;
    background-attachment: scroll;
    background-repeat: no-repeat;
  }

  .strategy-section__bg2 {
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -webkit-gradient(linear, left top, right bottom, from(#000000), color-stop(50%, #000000), color-stop(50%, transparent), to(transparent));
    background: -webkit-linear-gradient(top left, #000000 0%, #000000 50%, transparent 50%, transparent 100%);
    background: linear-gradient(to bottom right, #000000 0%, #000000 50%, transparent 50%, transparent 100%);
    width: calc(100vw / var(--vw) * 390);
    height: calc(100vw / var(--vw) * 441.9974);
  }

  .strategy-section__bg2-rect {
    width: calc(100vw / var(--vw) * 390);
    height: calc(100vw / var(--vw) * 441.9974);
    background: -webkit-linear-gradient(top left, transparent calc(50% - 0.5px), #8B0E1F calc(50% - 0.5px), #8B0E1F calc(50% + 0.5px), transparent calc(50% + 0.5px));
    background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), #8B0E1F calc(50% - 0.5px), #8B0E1F calc(50% + 0.5px), transparent calc(50% + 0.5px));
    /* 対角線（太さ0.5px） */
  }

  .strategy-section__title1 {
    width: calc(100vw / var(--vw) * 294.8883);
    top: calc(100vw / var(--vw) * 19.7469);
    left: calc(100vw / var(--vw) * 16.1347);
  }

  .strategy-section__message1 {
    width: calc(100vw / var(--vw) * 154.252);
    top: calc(100vw / var(--vw) * 132.3639);
    left: calc(100vw / var(--vw) * 16.3945);
  }

  .strategy-section__message2 {
    width: calc(100vw / var(--vw) * 171.478);
    top: calc(100vw / var(--vw) * 276.6156);
    left: calc(100vw / var(--vw) * 186.5297);
  }

  .strategy-section__message2_label {
    width: calc(100vw / var(--vw) * 365.1926);
    top: calc(100vw / var(--vw) * 368.8332);
    left: calc(100vw / var(--vw) * 24.8073);
  }

  .strategy-section__message3 {
    width: calc(100vw / var(--vw) * 244);
    top: calc(100vw / var(--vw) * 516.8075);
    left: calc(100vw / var(--vw) * 32.0001);
  }

  .strategy-section__message4 {
    width: calc(100vw / var(--vw) * 270);
    top: calc(100vw / var(--vw) * 556.8741);
    left: calc(100vw / var(--vw) * 64.995);
  }

  .strategy-section__message5 {
    width: calc(100vw / var(--vw) * 52.0921);
    top: calc(100vw / var(--vw) * 675.4324);
    left: calc(100vw / var(--vw) * 282.6388);
  }

  .strategy-section__message6 {
    width: calc(100vw / var(--vw) * 52.0921);
    top: calc(100vw / var(--vw) * 686.491);
    left: calc(100vw / var(--vw) * 219.0408);
  }

  .strategy-section__message7 {
    width: calc(100vw / var(--vw) * 104.2552);
    top: calc(100vw / var(--vw) * 702.245);
    left: calc(100vw / var(--vw) * 86.9882);
  }

  .strategy-section__message8 {
    width: calc(100vw / var(--vw) * 46.2958);
    top: calc(100vw / var(--vw) * 801.6596);
    left: calc(100vw / var(--vw) * 97.7333);
    -webkit-transition: 0.833s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 0.833s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  .strategy-section__line {
    width: calc(100vw / var(--vw) * 315.7147);
    height: calc(100vw / var(--vw) * 54.8883);
    top: calc(100vw / var(--vw) * 672.9763);
    left: calc(100vw / var(--vw) * 33.1447);
    background: -webkit-linear-gradient(top left, transparent calc(50% - 0.5px), #8B0E1F calc(50% - 0.5px), #8B0E1F calc(50% + 0.5px), transparent calc(50% + 0.5px));
    background: linear-gradient(to bottom right, transparent calc(50% - 0.5px), #8B0E1F calc(50% - 0.5px), #8B0E1F calc(50% + 0.5px), transparent calc(50% + 0.5px));
    /* 対角線（太さ0.5px） */
  }

  .strategy-section__message_line1 {
    width: calc(100vw / var(--vw) * 0.25);
    height: calc(100vw / var(--vw) * 349.5885);
    top: calc(100vw / var(--vw) * 614.7258);
    left: calc(100vw / var(--vw) * 335.0024);
  }

  .strategy-section__message_line2 {
    width: calc(100vw / var(--vw) * 0.25);
    height: calc(100vw / var(--vw) * 297.4533);
    top: calc(100vw / var(--vw) * 664.7852);
    left: calc(100vw / var(--vw) * 282.7778);
  }

  .strategy-section__message_line3 {
    width: calc(100vw / var(--vw) * 0.25);
    height: calc(100vw / var(--vw) * 325.4571);
    top: calc(100vw / var(--vw) * 666.7871);
    left: calc(100vw / var(--vw) * 271.3955);
  }

  .strategy-section__message_line4 {
    width: calc(100vw / var(--vw) * 0.25);
    height: calc(100vw / var(--vw) * 316.4006);
    top: calc(100vw / var(--vw) * 675.8436);
    left: calc(100vw / var(--vw) * 219.0823);
  }

  .assignment-section {
    padding-top: calc(100vw / var(--vw) * 64);
  }

  .assignment-section__title {
    width: calc(100vw / var(--vw) * 161.86);
  }

  .assignment-section__title-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .assignment-section__right-title__wrapper {
    width: calc(100vw / var(--vw) * 216.42);
    height: calc(100vw / var(--vw) * 80);
    margin-left: calc(100vw / var(--vw) * -10);
  }

  .assignment-section__right-title__wrapper .line {
    height: calc(100vw / var(--vw) * 80);
    left: calc(100vw / var(--vw) * 14);
  }

  .assignment-section__content {
    margin-left: 0;
  }

  .assignment-section__content-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: calc(100vw / var(--vw) * 0);
    margin: 0 auto;
  }

  .assignment-section__content-item.item1 {
    width: calc(100vw / var(--vw) * 348.92);
    margin-left: auto;
  }

  .assignment-section__content-item.item2 {
    width: calc(100vw / var(--vw) * 348.92);
    margin-left: auto;
  }

  .assignment-section__content-item.item3 {
    width: calc(100vw / var(--vw) * 348.92);
    margin-left: auto;
  }

  .assignment-section__content-item.item4 {
    width: calc(100vw / var(--vw) * 348.92);
    margin-left: auto;
  }

  .assignment-section__content-item.item5 {
    width: calc(100vw / var(--vw) * 348.92);
    margin-left: auto;
  }

  .assignment-section__content-item-number-image1 {
    top: calc(100vw / var(--vw) * 0);
    width: calc(100vw / var(--vw) * 120.7857);
  }

  .assignment-section__content-item-number-image2 {
    top: calc(100vw / var(--vw) * 0);
    width: calc(100vw / var(--vw) * 120.7857);
  }

  .assignment-section__content-item-number-image3 {
    top: calc(100vw / var(--vw) * 0);
    width: calc(100vw / var(--vw) * 120.7857);
  }

  .assignment-section__content-item-number-image4 {
    top: calc(100vw / var(--vw) * 0);
    width: calc(100vw / var(--vw) * 120.7857);
  }

  .assignment-section__content-item-number-image5 {
    top: calc(100vw / var(--vw) * 0);
    width: calc(100vw / var(--vw) * 120.7857);
  }

  .assignment-section__content-item-image1 {
    margin-top: calc(100vw / var(--vw) * 17.6714);
    width: calc(100vw / var(--vw) * 340.293);
    margin-left: auto;
  }

  .assignment-section__content-item-image2 {
    margin-top: calc(100vw / var(--vw) * 17.6714);
    width: calc(100vw / var(--vw) * 341.0679);
    margin-left: auto;
  }

  .assignment-section__content-item-image3 {
    margin-top: calc(100vw / var(--vw) * 17.6714);
    width: calc(100vw / var(--vw) * 340.2246);
    margin-left: auto;
  }

  .assignment-section__content-item-image4 {
    margin-top: calc(100vw / var(--vw) * 17.6714);
    width: calc(100vw / var(--vw) * 341.0507);
    margin-left: auto;
  }

  .assignment-section__content-item-image5 {
    margin-top: calc(100vw / var(--vw) * 17.6714);
    width: calc(100vw / var(--vw) * 342.5823);
    margin-left: auto;
  }

  .assignment-section__center-contents-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(100vw / var(--vw) * 89.7);
    gap: 0;
  }

  .assignment-section__center-contents-image-wrapper.left {
    -webkit-transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  .assignment-section__center-contents-image-wrapper.right {
    -webkit-transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }

  .assignment-section__center-contents-text-wrapper {
    width: calc(100vw / var(--vw) * 310.57);
    margin-left: 0;
  }

  .assignment-section__center-contents-text-item {
    padding-left: calc(100vw / var(--vw) * 31.4);
  }

  .assignment-section__center-contents-text-item.item1 {
    margin-top: calc(100vw / var(--vw) * 91);
  }

  .assignment-section__center-contents-text-item.item2 {
    margin-top: calc(100vw / var(--vw) * 47);
  }

  .strength-section {
    padding-bottom: calc(100vw / var(--vw) * 68.4);
  }

  .strength-section__bottom-contents-wrapper {
    padding-top: calc(100vw / var(--vw) * 95.6);
  }

  .strength-section__bottom-contents-image {
    width: calc(100vw / var(--vw) * 274.28);
  }

  .strength-section__bottom-contents-item-wrapper {
    margin-top: calc(100vw / var(--vw) * 54.1);
    row-gap: calc(100vw / var(--vw) * 57.4);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .strength-section__bottom-contents-item {
    width: calc(100vw / var(--vw) * 305.81);
  }

  .strength-section__bottom-contents-item-title.item1 {
    width: calc(100vw / var(--vw) * 50.6865);
  }

  .strength-section__bottom-contents-item-text.item1 {
    margin-top: calc(100vw / var(--vw) * 16.6035);
    width: calc(100vw / var(--vw) * 304.7588);
  }

  .strength-section__bottom-contents-item-title.item2 {
    width: calc(100vw / var(--vw) * 57.7441);
  }

  .strength-section__bottom-contents-item-text.item2 {
    margin-top: calc(100vw / var(--vw) * 17.793);
    width: calc(100vw / var(--vw) * 304.7588);
  }

  .strength-section__bottom-contents-item-title.item3 {
    width: calc(100vw / var(--vw) * 56.6406);
  }

  .strength-section__bottom-contents-item-text.item3 {
    margin-top: calc(100vw / var(--vw) * 16.6104);
    width: calc(100vw / var(--vw) * 304.7588);
  }

  .strength-section__bottom-contents-item-title.item4 {
    width: calc(100vw / var(--vw) * 60.2402);
  }

  .strength-section__bottom-contents-item-text.item4 {
    margin-top: calc(100vw / var(--vw) * 17.2549);
    width: calc(100vw / var(--vw) * 304.7588);
  }

  .achievements-section {
    padding-top: calc(100vw / var(--vw) * 66);
    padding-bottom: calc(100vw / var(--vw) * 29);
  }

  .achievements-section__line {
    top: calc(100vw / var(--vw) * -205);
    left: 0;
    z-index: -1;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }

  .achievements-section__title {
    width: calc(100vw / var(--vw) * 304.23);
  }

  .achievements-section__content {
    padding-left: 0;
    margin-top: calc(100vw / var(--vw) * 36);
  }

  .achievements-section__item {
    width: calc(100vw / var(--vw) * 326);
    margin: 0 auto;
  }

  .achievements-section__item.case2 {
    margin: 0 auto;
    margin-top: calc(100vw / var(--vw) * 16);
  }

  .achievements-section__item.case3 {
    margin: 0 auto;
    margin-top: calc(100vw / var(--vw) * 16);
  }

  .achievements-section__item.case4 {
    margin: 0 auto;
    margin-top: calc(100vw / var(--vw) * 16);
  }

  .achievements-section__content-image {
    width: calc(100vw / var(--vw) * 326);
    margin: 0 auto;
  }

  .achievements-section__content-image.case2 {
    margin: 0 auto;
  }

  .achievements-section__content-image.case3 {
    margin: 0 auto;
  }

  .achievements-section__content-image.case4 {
    margin: 0 auto;
  }

  .achievements-section__counter {
    top: calc(100vw / var(--vw) * 50.8037);
    font-size: calc(100vw / var(--vw) * 120);
    line-height: calc(100vw / var(--vw) * 120);
  }

  .achievements-section__counter.case1 {
    left: calc(100vw / var(--vw) * 90);
  }

  .achievements-section__counter.case2 {
    left: calc(100vw / var(--vw) * 50);
  }

  .achievements-section__counter.case3 {
    left: calc(100vw / var(--vw) * 50);
  }

  .achievements-section__counter.case4 {
    left: calc(100vw / var(--vw) * 25);
  }

  .achievements-section__content-image {
    width: calc(100vw / var(--vw) * 326);
    margin: 0 auto;
  }

  .achievements-section__result-number.case1 {
    width: calc(100vw / var(--vw) * 140.3984);
    left: calc(100vw / var(--vw) * 92.501);
    top: calc(100vw / var(--vw) * 64.5639);
  }

  .achievements-section__result-number.case2 {
    width: calc(100vw / var(--vw) * 143.9019);
    left: calc(100vw / var(--vw) * 90.3301);
    top: calc(100vw / var(--vw) * 64.8037);
  }

  .achievements-section__result-number.case3 {
    width: calc(100vw / var(--vw) * 178.0791);
    left: calc(100vw / var(--vw) * 72.1611);
    top: calc(100vw / var(--vw) * 64.8037);
  }

  .achievements-section__result-number.case4 {
    width: calc(100vw / var(--vw) * 214.0781);
    left: calc(100vw / var(--vw) * 54.5811);
    top: calc(100vw / var(--vw) * 64.8037);
  }

  .success-factors-section {
    padding-top: calc(100vw / var(--vw) * 45.2);
  }

  .success-factors-section__title {
    width: calc(100vw / var(--vw) * 245.37);
  }

  .contact-form-section {
    padding-top: calc(100vw / var(--vw) * 73.2);
    padding-bottom: calc(100vw / var(--vw) * 124);
  }

  .contact-form-section__title {
    width: calc(100vw / var(--vw) * 321.67);
  }

  .contact-form-section__form {
    width: calc(100vw / var(--vw) * 326);
    margin-top: calc(100vw / var(--vw) * 72.8);
  }

  .contact-form-section__form-item {
    -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: calc(100vw / var(--vw) * 12.6);
  }

  .contact-form-section__form-item-input-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    gap: calc(100vw / var(--vw) * 16);
  }

  .contact-form-section__form-item-input {
    width: 100%;
  }

  .contact-form-section__form-item-input.short {
    width: 100%;
  }

  .contact-form-section__form-item-input.select {
    width: calc(100vw / var(--vw) * 326);
  }

  .contact-form-section__form-item-input.textarea {
    height: calc(100vw / var(--vw) * 130);
  }
}

@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;
  }
}
/*# sourceMappingURL=styles.css.map */