@charset "UTF-8";
@property --root-font-size {
  syntax: "<length>";
  inherits: false;
  initial-value: 16px;
}
@font-face {
  font-family: "Local Noto Sans JP";
  src: local("Noto Sans JP");
}
:root {
  /* inner */
  --inner: min(1200px, 100%);
  --inner-sp: min(500px, 100%);
  --padding-inner: 40px;
  --inner-narrow: min(1100px, 100%);
  --inner-pageAbout: min(1120px, 100%);
  --inner-pageAboutStrength: min(1140px, 100%);
  --inner-single: min(880px, 100%);
  /* z-index */
  --z-index-header: 900;
  /* color */
  --color-white: #fff;
  --color-black: #000;
  --color-text: #434343;
  --color-text-purple: #57398f;
  --color-red: #e85d6f;
  --color-blue: #307dcf;
  --color-green: #3ca595;
  --color-main: #124d8a;
  --color-text-main: #1a1a1a;
  --color-text-gray: #928b8b;
  --color-text-lightGray: rgb(255 255 255 / 30%);
  --color-text-white70: rgb(255 255 255 / 70%);
  --color-text-lightBlack: rgb(26 26 26 / 50%);
  --color-text-thinBlack: rgb(26 26 26 / 40%);
  --color-text-breadcrumbGray: rgb(74 74 74 / 40%);
  --color-bg-black: #1a1a1a;
  --color-bg-white: #fff;
  --color-bg-gray: #f7f7f7;
  --color-bg-grayBlue: #e9f0fa;
  --color-bg-blue: #124d8a;
  --color-bg-darkBlack: #101010;
  --color-border-black: #1a1a1a;
  --color-border-gray: rgb(74 74 74 / 40%);
  --color-border-lightBlack: rgb(26 26 26 / 40%);
  --color-border-lightGray: rgb(255 255 255 / 30%);
  --color-border-lightGray40: rgb(255 255 255 / 40%);
  /* font-weight */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  /* font-family */
  --base-font-family: "Noto Sans JP", sans-serif;
  --en-font-family: "Jost", sans-serif;
  --title-font-family: "Instrument Sans", sans-serif;
  --number-font-family: "Gantari", sans-serif;
  --noto-sans: "Noto Sans", sans-serif;
  --inter: "Inter", sans-serif;
  --roboto: "Roboto", sans-serif;
  /* line-height */
  --base-line-height: 1.8;
  --bg-cover: center center / cover no-repeat;
  --bg-cover-top: top center / cover no-repeat;
  --bg-contain: center center / contain no-repeat;
  --to-rem: calc(tan(atan2(1px, var(--root-font-size))) * 1rem);
  --base-ease: cubic-bezier(0.4, 0.4, 0, 0.93);
  /* transition duration */
  --duration: 0.3s;
  /* header height */
  --header-height: 70px;
  /* hover opacity */
  --hover-opacity-base: 0.7;
}
@media screen and (width >= 900px) {
  :root {
    /* 1440px基準で可変、最大108px。min(108px, vw)の順で確実にキャップ */
    --header-height: min(105px, calc(105 / 1440 * 100vw));
  }
}

html {
  font-size: 100%;
  text-size-adjust: 100%;
}

a[href^=tel] {
  text-decoration: none;
}

a {
  color: inherit;
  -webkit-tap-highlight-color: transparent;
  /* 強調をなくす */
}

img,
svg {
  vertical-align: middle;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:where(:any-link, button, [type=button], [type=reset], [type=submit], label[for], select, summary, [role=tab], [role=button]) {
  cursor: pointer;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  touch-action: manipulation;
}

:focus:not(:focus-visible) {
  outline: none;
}

input[type=text] {
  font-size: 1rem;
  /* = 16px */
}

textarea {
  field-sizing: content;
}

@media screen and (width >= 768px) {
  a[href*="tel:"] {
    text-decoration: none;
    cursor: default;
    pointer-events: none;
  }
}

body {
  background: var(--color-white);
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: var(--base-line-height);
}

html {
  box-sizing: border-box;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  text-size-adjust: 100%;
  tab-size: 4;
}

*,
::before,
::after {
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

::before,
::after {
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
  text-decoration: inherit;
}

* {
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
  padding: 0;
}

/* # =================================================================
     # General elements
     # ================================================================= */
hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
  height: 0;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

details,
main {
  display: block;
  /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none;
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
  /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder;
  /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
  border-style: none;
}

/* # =================================================================
     # Forms
     # ================================================================= */
input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  appearance: textfield;
  appearance: none;
  /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto;
  resize: vertical;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
input,
select,
textarea {
  border-style: none;
  background-color: transparent;
  appearance: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  appearance: none;
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentcolor;
  /* Internet Explorer 11+ */
}

legend {
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  /* Correct the inability to style clickable types in iOS and Safari */
  appearance: button;
  /* Change font properties to `inherit` in Chrome and Safari */
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

/* # =================================================================
     # Specify media element style
     # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
     # Accessibility
     # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
  list-style: "";
}

.l-archive {
  background: var(--color-white);
}

.l-businessIssue {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: clamp(2rem, -1.3432282004rem + 5.9369202226vw, 4rem);
}
@media screen and (max-width: 1023px) {
  .l-businessIssue {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}

.l-businessIssue__title {
  height: 100%;
  padding-inline-end: clamp(2rem, -1.3432282004rem + 5.9369202226vw, 4rem);
  border-inline-end: 1px solid var(--color-border-lightBlack);
  font-size: 2rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 1023px) {
  .l-businessIssue__title {
    padding-block-end: 16px;
    border-block-end: 1px solid var(--color-border-lightBlack);
    border-inline-end: none;
  }
}
@media screen and (max-width: 900px) {
  .l-businessIssue__title {
    font-size: 1.625rem;
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-header);
  width: 100%;
  background: var(--color-bg-white);
  opacity: 0;
}

.l-inner {
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
.l-inner.l-inner--narrow {
  max-width: calc(var(--inner-narrow) + var(--padding-inner) * 2);
}
@media screen and (max-width: 900px) {
  .l-inner {
    max-width: 600px;
    padding-inline: 20px;
  }
  .l-inner.l-inner--narrow {
    max-width: 600px;
    padding-inline: 20px;
  }
}

.l-lowerPage {
  padding-block-start: 48px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .l-lowerPage {
    padding-block-start: 32px;
  }
}
.l-lowerPage:has(.l-pageNav) .l-lowerPage__content {
  margin-block-start: 100px;
}
@media screen and (max-width: 900px) {
  .l-lowerPage:has(.l-pageNav) .l-lowerPage__content {
    margin-block-start: 64px;
  }
}

.l-lowerPage__inner {
  max-width: calc(1200px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .l-lowerPage__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .l-lowerPage__inner {
    padding-inline: 16px;
  }
}

.l-lowerPage__content {
  display: grid;
  grid-template-columns: 270px 1fr;
  column-gap: clamp(3.75rem, -0.4290352505rem + 7.4211502783vw, 6.25rem);
  margin-block-start: 32px;
}
@media screen and (max-width: 900px) {
  .l-lowerPage__content {
    grid-template-columns: 1fr;
    row-gap: 65px;
  }
}

.l-lowerPage__sideBar {
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-self: start;
}
@media screen and (max-width: 900px) {
  .l-lowerPage__sideBar {
    position: static;
    top: auto;
  }
}
@media screen and (max-width: 767px) {
  .l-lowerPage__sideBar {
    display: none;
  }
}

.l-lowerPage__sideBarHac {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-lowerPage__sideBarHac {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-self: start;
    width: 100%;
  }
}

.l-lowerPage__main {
  display: flex;
  flex-direction: column;
  row-gap: 100px;
  min-width: 0;
}
@media screen and (max-width: 900px) {
  .l-lowerPage__main {
    row-gap: 64px;
  }
}

.l-lowerPage__blockGap4 {
  display: grid;
  row-gap: 4px;
}

.l-lowerPage__blockGap8 {
  display: grid;
  row-gap: 8px;
}

.l-lowerPage__blockGap12 {
  display: grid;
  row-gap: 12px;
}
.l-lowerPage__blockGap12.l-lowerPage__blockGap12--start {
  align-content: start;
}

.l-lowerPage__blockGap14 {
  display: grid;
  row-gap: 14px;
}

.l-lowerPage__blockGap16 {
  display: grid;
  row-gap: 16px;
}

.l-lowerPage__blockGap18 {
  display: grid;
  row-gap: 18px;
}

.l-lowerPage__blockGap20 {
  display: grid;
  row-gap: 20px;
}

.l-lowerPage__blockGap24 {
  display: grid;
  row-gap: 24px;
}

.l-lowerPage__blockGap26 {
  display: grid;
  row-gap: 26px;
}

.l-lowerPage__blockGap28 {
  display: grid;
  row-gap: 28px;
}

.l-lowerPage__blockGap32 {
  display: grid;
  row-gap: 32px;
}

.l-lowerPage__blockGap36 {
  display: grid;
  row-gap: 36px;
}

.l-lowerPage__blockGap40 {
  display: grid;
  row-gap: 40px;
}

.l-lowerPage__blockGap48 {
  display: grid;
  row-gap: 48px;
}

.l-lowerPage__blockGap64 {
  display: grid;
  row-gap: 64px;
}

.l-lowerPage__blockPaddingBlock16 {
  padding-block: 16px;
}

.p-lowerPage__fmBox {
  display: grid;
  row-gap: 32px;
  padding: 24px 36px;
  background: #e9f0fa;
}
@media screen and (max-width: 900px) {
  .p-lowerPage__fmBox {
    row-gap: 24px;
    padding: 20px;
  }
}

.p-lowerPage__fmContent {
  display: grid;
  row-gap: 20px;
}

.p-lowerPage__fmTitle {
  display: flex;
  column-gap: 12px;
  align-items: center;
}

.p-lowerPage__fmTitle-bar {
  display: block;
  flex-shrink: 0;
  width: 3px;
  height: 32px;
  background: var(--color-main);
}

.p-lowerPage__fmTitle-text {
  color: var(--color-main);
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
@media screen and (max-width: 900px) {
  .p-lowerPage__fmTitle-text {
    font-size: 1.125rem;
  }
}

.p-lowerPage__fmTexts {
  display: grid;
  row-gap: 8px;
}

.p-lowerPage__fmTexts p {
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.l-lowerPage__btn {
  margin-block-start: 20px;
}
.l-lowerPage__btn.l-lowerPage__btn--large a {
  width: 349px;
  padding-inline: 28px 19px;
}
.l-lowerPage__btn.l-lowerPage__btn--specialhose a {
  width: 269px;
  padding-inline: 24px 20px;
}
.l-lowerPage__btn.l-lowerPage__btn--specialhoseProduct a {
  width: 240px;
  padding-inline: 24px 49px;
}
.l-lowerPage__btn.l-lowerPage__btn--consulting a {
  width: 349px;
  padding-inline: 25px 14px;
}
.l-lowerPage__btn.l-lowerPage__btn--hac a {
  width: 325px;
  padding-inline: 24px 20px;
}
.l-lowerPage__btn a {
  width: 318px;
  padding-inline: 20px 24px;
}
@media screen and (max-width: 900px) {
  .l-lowerPage__btn.l-lowerPage__btn--large a {
    width: 340px;
    padding-inline: 22px 19px;
  }
  .l-lowerPage__btn.l-lowerPage__btn--consulting a {
    width: 340px;
    padding-inline: 18px 14px;
  }
}

.l-lowerPage__bottomLink {
  margin-block-start: -1px;
  padding-block-start: 101px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .l-lowerPage__bottomLink {
    padding-block-start: 65px;
  }
}

.l-newsList {
  display: grid;
  grid-template-columns: max-content fit-content(12.5rem) 1fr max-content;
  column-gap: clamp(1.25rem, 0.6338028169rem + 2.6291079812vw, 3rem);
}
.l-newsList > * {
  grid-column: 1/-1;
}
.l-newsList.is-transition {
  will-change: opacity, transform;
  transition: opacity 0.25s cubic-bezier(0.7, 0, 0.5, 1), transform 0.25s cubic-bezier(0.7, 0, 0.5, 1);
}
.l-newsList.is-hidden {
  opacity: 0;
  transform: translateX(1.5625rem);
}
@media (prefers-reduced-motion: reduce) {
  .l-newsList.is-transition {
    transition: none;
  }
  .l-newsList.is-hidden {
    transform: none;
  }
}
@media screen and (max-width: 900px) {
  .l-newsList {
    grid-template-columns: 1fr;
  }
}

.l-newsList-item {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 4;
}
.l-newsList-item:first-child > .c-newsList {
  border-block-start: 1.5px solid var(--color-border-gray);
}
@media (any-hover: hover) {
  .l-newsList-item {
    transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
  }
  .l-newsList:has(.l-newsList-item:hover) .l-newsList-item {
    opacity: 0.4;
  }
  .l-newsList:has(.l-newsList-item:hover) .l-newsList-item:hover {
    opacity: 1;
    filter: none;
  }
}
.l-newsList-item > * {
  display: grid;
  grid-template-columns: inherit;
  grid-column: inherit;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .l-newsList-item {
    grid-template-columns: inherit;
    grid-column: initial;
  }
  .l-newsList-item > * {
    grid-template-columns: max-content fit-content(12.5rem) 1fr max-content;
    grid-template-areas: "date cate . arrow" " title title title arrow";
    gap: 0.3125rem 1.25rem;
  }
}

.l-pageAbout {
  background: var(--color-white);
}

.l-pageBusinessTop {
  margin-block-start: -1px;
  padding-block: 49px 120px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .l-pageBusinessTop {
    padding-block: 34px 100px;
  }
}
.l-pageBusinessTop.l-pageBusinessTop--paddingEnd100 {
  padding-block-end: 100px;
}

.l-pageBusinessTop__inner {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .l-pageBusinessTop__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .l-pageBusinessTop__inner {
    padding-inline: 16px;
  }
}

.l-pageBusinessTop__content {
  display: grid;
  grid-template-columns: 1fr 312px;
  column-gap: clamp(6.25rem, -2.943877551rem + 16.3265306122vw, 11.75rem);
  margin-block-start: 100px;
}
@media screen and (max-width: 1023px) {
  .l-pageBusinessTop__content {
    grid-template-columns: 1fr;
    row-gap: 65px;
    margin-block-start: 80px;
  }
}

.l-pageBusinessTop__content-text {
  display: grid;
  row-gap: 17px;
  margin-block-start: 40px;
}
@media screen and (max-width: 900px) {
  .l-pageBusinessTop__content-text {
    margin-block-start: 30px;
  }
}

.l-pageBusinessTop__content-nav {
  margin-block-start: 8px;
}
@media screen and (max-width: 900px) {
  .l-pageBusinessTop__content-nav {
    margin-block-start: 6px;
  }
}

.l-pageBusinessTopIssue {
  margin-block-start: 100px;
}
@media screen and (max-width: 900px) {
  .l-pageBusinessTopIssue {
    margin-block-start: 64px;
  }
}

.l-pageNav {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
  gap: 20px;
}
.l-pageNav.l-pageNav--half {
  grid-template-columns: repeat(2, 1fr);
}
.l-pageNav.l-pageNav--wide {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.l-pageNav.l-pageNav--wideLarge {
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
@media screen and (max-width: 900px) {
  .l-pageNav {
    row-gap: 14px;
  }
}

.l-pageNav__container {
  background: var(--color-bg-white);
  padding-block-start: 48px;
}
@media screen and (max-width: 767px) {
  .l-pageNav__container {
    padding-block-start: 32px;
  }
}

.l-pageNav__nav {
  max-inline-size: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .l-pageNav__nav {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .l-pageNav__nav {
    padding-inline: 16px;
  }
}

@media (min-width: 550px) {
  .p-process--half {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 700px) {
  .p-project__nav {
    grid-template-columns: repeat(3, 1fr);
  }
}

.l-single {
  background: var(--color-white);
}

.c-accordion {
  border-radius: 4px;
  background-color: var(--color-bg-grayBlue);
}
.c-accordion::details-content {
  content-visibility: unset;
  display: grid;
  overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  .c-accordion::details-content {
    transition: grid-template-rows 300ms ease;
  }
}
.c-accordion:not([open])::details-content {
  grid-template-rows: 0fr;
}
.c-accordion[open]::details-content {
  grid-template-rows: 1fr;
}
.c-accordion.c-accordion--hose .c-accordion__summary {
  padding-block: 27px;
  padding-inline: 36px;
}
.c-accordion.c-accordion--hose[open] .c-accordion__summary {
  padding-block-end: 27px;
}
.c-accordion.c-accordion--hose .c-accordion__body {
  padding-inline: 36px;
}
@media screen and (max-width: 900px) {
  .c-accordion[open].c-accordion--hose .c-accordion__body {
    padding-inline: 24px;
  }
  .c-accordion.c-accordion--hose .c-accordion__summary {
    padding-inline: 24px;
  }
  .c-accordion.c-accordion--hose .c-accordion__body {
    padding-inline: 24px;
  }
}

.c-accordion__summary {
  display: flex;
  gap: 0 16px;
  align-items: center;
  padding-block: 24px;
  padding-inline: 24px;
  list-style: none;
  cursor: pointer;
}
.c-accordion__summary::-webkit-details-marker {
  display: none;
}
@media screen and (max-width: 900px) {
  .c-accordion__summary {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 500px) {
  .c-accordion__summary {
    padding-block: 20px;
    padding-inline: 16px;
  }
}

.c-accordion[open] .c-accordion__summary {
  padding-block-end: 24px;
}
@media screen and (max-width: 500px) {
  .c-accordion[open] .c-accordion__summary {
    padding-block-end: 20px;
  }
}

.c-accordion__heading {
  display: flex;
  flex: 1;
  gap: 0 15px;
  align-items: center;
}

.c-accordion__number {
  flex-shrink: 0;
  color: var(--color-main);
  font-family: var(--noto-sans);
  font-size: clamp(1.125rem, 1.0809859155rem + 0.1877934272vw, 1.25rem);
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
@media screen and (max-width: 900px) {
  .c-accordion__number {
    font-size: 1.125rem;
  }
}

.c-accordion__label {
  color: var(--color-text-main);
  font-size: clamp(1.125rem, 1.0809859155rem + 0.1877934272vw, 1.25rem);
  font-weight: var(--fw-bold);
  line-height: 1.6;
}

.c-accordion__icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: 24px;
  height: 24px;
}
.c-accordion__icon::before, .c-accordion__icon::after {
  content: "";
  grid-area: 1/1;
  width: 18px;
  height: 2px;
  background-color: var(--color-main);
}
.c-accordion__icon::after {
  rotate: 90deg;
}
@media (prefers-reduced-motion: no-preference) {
  .c-accordion__icon::after {
    transition: rotate var(--duration) ease;
  }
}

.c-accordion[open] .c-accordion__icon::after {
  rotate: 0deg;
}

.c-accordion__body {
  overflow: hidden;
  min-height: 0;
  padding-inline: 24px;
}
@media screen and (max-width: 900px) {
  .c-accordion__body {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 500px) {
  .c-accordion__body {
    padding-inline: 16px;
  }
}

.c-accordion[open] .c-accordion__body {
  padding-block-end: 24px;
}
@media screen and (max-width: 900px) {
  .c-accordion[open] .c-accordion__body {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 500px) {
  .c-accordion[open] .c-accordion__body {
    padding-block-end: 20px;
    padding-inline: 16px;
  }
}

.c-accordion__body-inner::before {
  content: "";
  display: block;
  height: 1px;
  margin-block-end: 24px;
  background-color: var(--color-white);
}
.c-accordion__body-inner p {
  font-size: 0.9375rem;
}

.c-accordion__subBox.c-accordion__subBox--gray .c-accordion__subBox-body {
  background: var(--color-bg-gray);
}

.c-accordion__subBox-header {
  padding: 7px 22px;
  background: var(--color-bg-blue);
  color: var(--color-white);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  letter-spacing: 0.04em;
}

.c-accordion__subBox-body {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding-block: 16px 20px;
  padding-inline: 24px;
  background: var(--color-white);
}

.c-accordion__subBox-text {
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.c-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 25px;
}
.c-breadcrumb * {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
.c-breadcrumb a {
  opacity: 1;
}

.c-breadcrumb__inner {
  flex-wrap: wrap;
  gap: 8px 11px;
  width: 100%;
}
.c-breadcrumb__inner span:has(.current-item) {
  max-width: 100%;
}

.c-breadcrumb--rightPc {
  justify-content: end;
}
@media screen and (max-width: 900px) {
  .c-breadcrumb--rightPc {
    justify-content: start;
  }
}

.c-breadcrumb__home {
  flex-shrink: 0;
  justify-content: center;
  mask-image: url("data:image/svg+xml,%3csvg%20width='20'%20height='17'%20viewBox='0%200%2020%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%2017V11H12V17H17V9H20L10%200L0%209H3V17H8Z'%20fill='white'/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: auto auto;
  width: 24px;
  min-height: 24px;
  background-color: var(--color-white);
}

.c-breadcrumb__separator {
  flex-shrink: 0;
  justify-content: center;
  mask-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='13'%20viewBox='0%200%208%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M-0.00113773%201.0607L1.05986%200.000703812L6.83886%205.7777C6.93202%205.87027%207.00595%205.98035%207.05639%206.1016C7.10684%206.22285%207.13281%206.35288%207.13281%206.4842C7.13281%206.61553%207.10684%206.74556%207.05639%206.86681C7.00595%206.98806%206.93202%207.09813%206.83886%207.1907L1.05986%2012.9707L-0.000137806%2011.9107L5.42386%206.4857L-0.00113773%201.0607Z'%20fill='white'/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: auto auto;
  width: 12px;
  min-height: 24px;
  background-color: var(--color-white);
}

.c-breadcrumb--dark .c-breadcrumb__home,
.c-breadcrumb--dark .c-breadcrumb__separator {
  background-color: var(--color-bg-black);
}
.c-breadcrumb--dark .c-breadcrumb__text {
  color: var(--color-text-main);
}
.c-breadcrumb--dark .c-breadcrumb__text.current-item {
  color: var(--color-text-breadcrumbGray);
}

.c-breadcrumb__text {
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.8;
}

.c-breadcrumb__text.current-item {
  display: block;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  max-width: 100%;
  color: rgba(255, 255, 255, 0.4);
  white-space: nowrap;
}

@media (any-hover: hover) {
  .c-breadcrumb a:hover {
    opacity: var(--hover-opacity-base);
  }
}
.c-btnBack {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  inline-size: 240px;
  padding-block: 12px 12px;
  padding-inline: 28px 35px;
  border: 1px solid rgb(26, 26, 26);
  border-radius: 100px;
  background: #202020;
  color: var(--color-white);
  transition: background-color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), filter 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
}

.c-btnBack__icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  overflow: hidden;
}

.c-btnBack--alginCenter {
  margin-inline: auto;
}

.c-btnBack--alginRight {
  margin-inline: auto 0;
}

.c-btnBack__icon img {
  display: block;
  inline-size: 14.32px;
  block-size: 13.33px;
}

@keyframes arrow-move-back {
  0% {
    translate: 0 0;
  }
  50% {
    translate: -100% 0;
  }
  50.1% {
    translate: 100% 0;
  }
  100% {
    translate: 0 0;
  }
}
@media (any-hover: hover) {
  .c-btnBack:hover {
    background: var(--color-bg-white);
    color: var(--color-black);
  }
  .c-btnBack:hover .c-btnBack__icon img {
    filter: invert(1);
    animation: arrow-move-back 0.5s cubic-bezier(0.75, 0, 0.1, 1.5);
  }
}
.c-btnBack__text {
  font-weight: var(--fw-bold);
}

.c-btnBlank {
  display: inline-flex;
  column-gap: 32px;
  align-items: center;
  width: fit-content;
  padding-block: 11px 12px;
  padding-inline: 24px 16px;
  border: 1px solid var(--color-text-main);
  border-radius: 100vmax;
  background: var(--color-bg-black);
  transition: background-color var(--duration) ease;
}
@media (any-hover: hover) {
  .c-btnBlank:hover {
    background: var(--color-white);
  }
  .c-btnBlank:hover .c-btnBlank__text {
    color: var(--color-text-main);
  }
  .c-btnBlank:hover .c-btnBlank__icon::after {
    background-color: var(--color-text-main);
  }
}
@media screen and (max-width: 900px) {
  .c-btnBlank {
    column-gap: 10px;
    padding-block: 13px;
    padding-inline-end: 18px;
  }
}

.c-btnBlank.c-btnBlank--download-ja,
.c-btnBlank.c-btnBlank--download-en {
  justify-content: space-between;
  max-width: 410px;
  width: 100%;
  padding-inline-end: 20px;
}

.c-btnBlank.c-btnBlank--download-sample {
  justify-content: space-between;
  max-width: 428px;
  width: 100%;
  padding-inline-end: 20px;
}

.c-btnBlank__text {
  color: var(--color-white);
  font-weight: var(--fw-bold);
  transition: color var(--duration) ease;
}

.c-btnBlank__icon {
  display: grid;
  place-items: center;
  width: 22px;
  line-height: 1lh;
}
.c-btnBlank__icon::after {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%3e%3cpath%20d='M4.58333%2019.25C4.07917%2019.25%203.64757%2019.0705%203.28854%2018.7115C2.92951%2018.3524%202.75%2017.9208%202.75%2017.4167V4.58333C2.75%204.07917%202.92951%203.64757%203.28854%203.28854C3.64757%202.92951%204.07917%202.75%204.58333%202.75H11V4.58333H4.58333V17.4167H17.4167V11H19.25V17.4167C19.25%2017.9208%2019.0705%2018.3524%2018.7115%2018.7115C18.3524%2019.0705%2017.9208%2019.25%2017.4167%2019.25H4.58333ZM8.89167%2014.3917L7.60833%2013.1083L16.1333%204.58333H12.8333V2.75H19.25V9.16667H17.4167V5.86667L8.89167%2014.3917Z'%20fill='white'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 22px;
  aspect-ratio: 1/1;
  background-color: var(--color-white);
  transition: background-color var(--duration) ease;
}
@media screen and (max-width: 900px) {
  .c-btnBlank__icon::after {
    width: 18px;
  }
}

.c-btnBlank--download .c-btnBlank__icon::after {
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%3e%3cpath%20d='M11.3827%2015.1815L6.63912%2010.4379L7.96733%209.06226L10.434%2011.5289V3.79688H12.3314V11.5289L14.7981%209.06226L16.1263%2010.4379L11.3827%2015.1815ZM3.79297%2018.9764V14.2328H5.6904V17.0789H17.075V14.2328H18.9725V18.9764H3.79297Z'%20fill='white'%20/%3e%3c/svg%3e");
}

.c-btnDownload {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  inline-size: 240px;
  padding-block: 12px 12px;
  padding-inline: 20px;
  border: 1px solid var(--color-bg-blue);
  border-radius: 100vmax;
  background: var(--color-bg-blue);
  transition: background-color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
}
@media (any-hover: hover) {
  .c-btnDownload:hover {
    background: var(--color-bg-white);
  }
  .c-btnDownload:hover .c-btnDownload__text {
    color: var(--color-bg-blue);
  }
  .c-btnDownload:hover .c-btnDownload__icon::after {
    background-color: var(--color-bg-blue);
  }
}

.c-btnDownload__text {
  color: var(--color-white);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}

.c-btnDownload__icon {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  overflow: hidden;
}
.c-btnDownload__icon::after {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='23'%20height='23'%20viewBox='0%200%2023%2023'%20fill='none'%3e%3cpath%20d='M11.3827%2015.1815L6.63912%2010.4379L7.96733%209.06226L10.434%2011.5289V3.79688H12.3314V11.5289L14.7981%209.06226L16.1263%2010.4379L11.3827%2015.1815ZM3.79297%2018.9764V14.2328H5.6904V17.0789H17.075V14.2328H18.9725V18.9764H3.79297Z'%20fill='white'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 22.769px;
  aspect-ratio: 1;
  background-color: var(--color-bg-white);
  transition: background-color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
}

.c-btnLinkInBusiness__link-title {
  color: var(--color-bg-blue);
  font-family: var(--base-font-family);
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
}

.c-btnLinkInBusiness {
  position: relative;
  display: inline-block;
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 14px;
  align-items: center;
  width: 100%;
  padding-block: 16px 12px;
  padding-inline-end: 20px;
  border-block-end: 1px solid var(--color-border-gray);
}
.c-btnLinkInBusiness:has(.c-btnLinkInBusiness__number) {
  grid-template-columns: max-content 1fr max-content;
}
.c-btnLinkInBusiness::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 16.0256410256%;
  height: 1px;
  background: var(--color-bg-blue);
  transition: width var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
}
@media (any-hover: hover) {
  .c-btnLinkInBusiness:hover::after {
    width: 100%;
  }
  .c-btnLinkInBusiness:hover .c-btnLinkInBusiness__text {
    color: var(--color-main);
  }
  .c-btnLinkInBusiness:hover .c-btnLinkInBusiness__link-arrow::before {
    animation: arrow-move var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}
@media screen and (max-width: 900px) {
  .c-btnLinkInBusiness {
    column-gap: 10px;
    padding-block: 14.5px 11px;
    padding-inline-end: 0;
  }
  .c-btnLinkInBusiness::after {
    width: 17.6282051282%;
  }
}

.c-btnLinkInBusiness__number {
  color: var(--color-bg-blue);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
}

.c-btnLinkInBusiness__text {
  font-size: 0.9375rem;
  line-height: 1.6;
  transition: color var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
}

.c-btnLinkInBusiness__link-arrow {
  position: relative;
  display: block;
  overflow: hidden;
  width: 12px;
  height: 12px;
}
.c-btnLinkInBusiness__link-arrow::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_5571)'%3e%3cpath%20d='M5.95074%2014.8454L12.7173%208L5.95074%201.15464L7.09209%203.10004e-07L15%208L7.09209%2016L5.95074%2014.8454Z'%20fill='%231A1A1A'%20/%3e%3cpath%20d='M13.8594%207.17578L13.8594%208.82527L0.000153215%208.82527L0.000153287%207.17578L13.8594%207.17578Z'%20fill='%231A1A1A'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_5571'%3e%3crect%20width='16'%20height='15'%20fill='white'%20transform='translate(15)%20rotate(90)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  background-color: var(--color-text-main);
}
@media screen and (max-width: 900px) {
  .c-btnLinkInBusiness__link-arrow {
    width: 14px;
    height: 12px;
  }
}

.c-btnLinkInLower__header {
  display: flex;
  column-gap: 12px;
  align-items: center;
}
@media (any-hover: hover) {
  .c-btnLinkInLower__header:hover .c-btnLinkInLower__header-text {
    opacity: 0.7;
  }
  .c-btnLinkInLower__header:hover .c-btnLinkInLower__header-icon::after {
    animation: arrow-move-back var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}

.c-btnLinkInLower__header-icon {
  display: grid;
  place-items: center;
  overflow: clip;
  width: 22px;
  height: 22px;
  aspect-ratio: 1/1;
  border: 1px solid var(--color-bg-blue);
  border-radius: 100vmax;
}
.c-btnLinkInLower__header-icon::after {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='8'%20viewBox='0%200%2010%208'%20fill='none'%3e%3cpath%20d='M1.95306%203.48573L10%203.48573L10%204.51427L1.95306%204.51427L4.6898%207.27282L3.96837%208L1.74846e-07%204L3.96837%201.43529e-07L4.6898%200.727179L1.95306%203.48573Z'%20fill='%23124D8A'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 10px;
  height: 10px;
  background-color: var(--color-bg-blue);
}

.c-btnLinkInLower__header-text {
  color: var(--color-bg-blue);
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  transition: opacity var(--duration) var(--base-ease);
}

.c-btnLinkInLower {
  position: relative;
  display: grid;
  grid-template-columns: 1fr max-content;
  column-gap: 14px;
  align-items: center;
  width: 100%;
  padding-block: 14px;
  padding-inline-end: 20px;
  border-block-end: 1px solid var(--color-border-gray);
}
.c-btnLinkInLower::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 22.7272727273%;
  height: 1px;
  background: var(--color-bg-blue);
  transition: width var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
}
@media (any-hover: hover) {
  .c-btnLinkInLower:hover::after {
    width: 100%;
  }
  .c-btnLinkInLower:hover .c-btnLinkInLower__text {
    color: var(--color-main);
  }
  .c-btnLinkInLower:hover .c-btnLinkInLower__link-arrow::before {
    animation: arrow-move var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}
.c-btnLinkInLower.is-active::after {
  display: none;
}
.c-btnLinkInLower.is-active .c-btnLinkInLower__text {
  color: var(--color-border-gray);
}
.c-btnLinkInLower.is-active .c-btnLinkInLower__link-arrow::before {
  background: var(--color-border-gray);
  animation: none;
}
@media (any-hover: hover) {
  .c-btnLinkInLower.is-active:hover {
    cursor: default;
  }
}

.c-btnLinkInLower__text {
  font-size: 0.9375rem;
  line-height: 1.6;
  transition: color var(--duration) var(--base-ease);
}

.c-btnLinkInLower__link-arrow {
  position: relative;
  display: block;
  overflow: hidden;
  width: 12px;
  height: 12.002px;
}
.c-btnLinkInLower__link-arrow::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_5571)'%3e%3cpath%20d='M5.95074%2014.8454L12.7173%208L5.95074%201.15464L7.09209%203.10004e-07L15%208L7.09209%2016L5.95074%2014.8454Z'%20fill='%231A1A1A'%20/%3e%3cpath%20d='M13.8594%207.17578L13.8594%208.82527L0.000153215%208.82527L0.000153287%207.17578L13.8594%207.17578Z'%20fill='%231A1A1A'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_5571'%3e%3crect%20width='16'%20height='15'%20fill='white'%20transform='translate(15)%20rotate(90)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  width: 100%;
  height: 100%;
  background-color: var(--color-text-main);
}

.c-btnLinkInPage {
  flex: 1 1 0;
  width: 100%;
  height: 44px;
  border-radius: 2px;
  background: var(--color-bg-gray);
}

.c-btnLinkInPage__link {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-block: 8px;
  padding-inline: 10px;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: var(--base-line-height);
}
.c-btnLinkInPage__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 22px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color-bg-blue) center center/auto auto no-repeat;
  transform: translateY(-50%);
}
.c-btnLinkInPage__link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 22px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: url("data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.48573%209.54694L6.48573%201.5L7.51427%201.5L7.51427%209.54694L10.2728%206.8102L11%207.53163L7%2011.5L3%207.53163L3.72718%206.8102L6.48573%209.54694Z'%20fill='white'/%3e%3c/svg%3e") center center/auto auto no-repeat;
  transform: translateY(-50%);
}

@media (any-hover: hover) {
  .c-btnLinkInPage__link:hover::after {
    animation: arrow-move-down 0.4s var(--base-ease);
  }
}
.c-btnMore {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  inline-size: 240px;
  padding-block: 11px 11px;
  padding-inline: 20px;
  border-radius: 100px;
}

.c-btnMore--black {
  border: 1.5px solid rgb(26, 26, 26);
  background: #202020;
  color: var(--color-white);
  transition: background-color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), filter 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
}

@media (any-hover: hover) {
  .c-btnMore--black:hover {
    background: var(--color-bg-white);
    color: var(--color-black);
  }
  .c-btnMore--black:hover .c-btnMore__icon img {
    filter: invert(1);
  }
}
.c-btnMore--white {
  border: 1.5px solid rgba(26, 26, 26, 0.3);
  background: var(--color-bg-white);
  color: var(--color-text-main);
  transition: border-color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), background-color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), filter 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
}

@media (any-hover: hover) {
  .c-btnMore--white:hover {
    border: 1.5px solid var(--color-bg-white);
    background: var(--color-bg-black);
    color: var(--color-white);
  }
  .c-btnMore--white:hover .c-btnMore__icon img {
    filter: invert(1);
  }
}
.c-btnMore__text {
  font-size: 16px;
  font-weight: 700;
  line-height: 180%;
}

.c-btnMore__icon {
  overflow: hidden;
}

.c-btnMore__icon img {
  display: block;
  inline-size: 12.32px;
  block-size: 13.33px;
}

@keyframes arrow-move {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 100% 0;
  }
  50.1% {
    translate: -100% 0;
  }
  100% {
    translate: 0 0;
  }
}
@media (any-hover: hover) {
  .c-btnMore:hover .c-btnMore__icon img {
    animation: arrow-move 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}
@keyframes arrow-move-down {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 0 100%;
  }
  50.1% {
    translate: 0 -100%;
  }
  100% {
    translate: 0 0;
  }
}
.c-btnReturnTop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  inline-size: 240px;
  padding-block: 11px 11px;
  padding-inline: 20px;
  border: 2px solid rgb(26, 26, 26);
  border-radius: 100px;
  background: #202020;
  color: var(--color-white);
  transition: background-color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), color 0.4s cubic-bezier(0.4, 0.4, 0, 0.93), filter 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
}

.c-btnReturnTop__text {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 180%;
  text-align: center;
}

.c-btnReturnTop__icon {
  overflow: hidden;
}

.c-btnReturnTop__icon img {
  display: block;
  inline-size: 12.32px;
  block-size: 13.33px;
  transform: rotate(180deg);
}

@keyframes arrow-move-left {
  0% {
    translate: 0 0;
  }
  50% {
    translate: -100% 0;
  }
  50.1% {
    translate: 100% 0;
  }
  100% {
    translate: 0 0;
  }
}
@media (any-hover: hover) {
  .c-btnReturnTop:hover {
    background: var(--color-bg-white);
    color: var(--color-black);
  }
  .c-btnReturnTop:hover .c-btnReturnTop__icon img {
    filter: invert(1);
    animation: arrow-move-left 0.5s cubic-bezier(0.75, 0, 0.1, 1.5);
  }
}
.c-btnScale {
  display: inline flex;
  column-gap: 2px;
  align-items: center;
  padding-block: 4px 5px;
  padding-inline: 12px 16px;
  border-radius: 100vmax;
  background: rgba(26, 26, 26, 0.7);
  transition: background var(--duration) var(--base-ease);
}

.c-btnScale__icon {
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%3e%3cpath%20d='M5.25%207.5H7.5M7.5%207.5H9.75M7.5%207.5V5.25M7.5%207.5V9.75M11.25%2011.25L15.75%2015.75M7.5%2012.75C6.81056%2012.75%206.12787%2012.6142%205.49091%2012.3504C4.85395%2012.0865%204.2752%2011.6998%203.78769%2011.2123C3.30018%2010.7248%202.91347%2010.146%202.64963%209.50909C2.3858%208.87213%202.25%208.18944%202.25%207.5C2.25%206.81056%202.3858%206.12787%202.64963%205.49091C2.91347%204.85395%203.30018%204.2752%203.78769%203.78769C4.2752%203.30018%204.85395%202.91347%205.49091%202.64963C6.12787%202.3858%206.81056%202.25%207.5%202.25C8.89239%202.25%2010.2277%202.80312%2011.2123%203.78769C12.1969%204.77226%2012.75%206.10761%2012.75%207.5C12.75%208.89239%2012.1969%2010.2277%2011.2123%2011.2123C10.2277%2012.1969%208.89239%2012.75%207.5%2012.75Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 18px;
  aspect-ratio: 1;
  background-color: var(--color-white);
}

.c-btnScale__text {
  color: var(--color-white);
  font-size: 0.625rem;
  font-weight: var(--fw-bold);
}

.c-bulletList {
  display: grid;
  row-gap: 6px;
}

.c-bulletList__item {
  position: relative;
  --width: 6px;
  --gap: 8px;
  padding-inline-start: calc(var(--width) + var(--gap));
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.c-bulletList__item-bullet {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: var(--width);
  height: 1lh;
}
.c-bulletList__item-bullet::before {
  content: "";
  display: block;
  width: var(--width);
  aspect-ratio: 1/1;
  border-radius: 100vmax;
  background-color: var(--color-main);
}

.c-businessIssueCard {
  position: relative;
  display: grid;
  align-items: center;
  overflow: clip;
  min-height: 222px;
  padding-block: 30px 38px;
  padding-inline: 40px;
  border-radius: 8px;
  background: var(--color-bg-grayBlue);
}
.c-businessIssueCard.c-businessIssueCard--hac::after {
  bottom: -2px;
}
.c-businessIssueCard::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: -23px;
  width: 170.331px;
  height: 244.621px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='177'%20height='238'%20viewBox='0%200%20177%20238'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_4246_75287)'%3e%3cpath%20d='M105.497%2039.2719L110.83%2019.3681C111.548%2016.6897%20114.278%2015.1135%20116.956%2015.8312C119.635%2016.5488%20121.211%2019.279%20120.493%2021.9573L115.16%2041.8611C114.442%2044.5395%20111.712%2046.1157%20109.034%2045.3981C106.356%2044.6804%20104.779%2041.9503%20105.497%2039.2719ZM70.307%2041.8319C70.7917%2043.5942%2072.1805%2044.9232%2073.861%2045.3735C74.7013%2045.5986%2075.5454%2045.5996%2076.4457%2045.3906C79.1082%2044.6968%2080.684%2041.9669%2079.9902%2039.3044L74.6801%2019.4194C73.9864%2016.7569%2071.204%2015.167%2068.594%2015.8748C65.9314%2016.5686%2064.3557%2019.2985%2065.0494%2021.961L70.3595%2041.846L70.307%2041.8319ZM137.312%2061.6998C137.935%2062.3169%20138.719%2062.7521%20139.559%2062.9773C141.24%2063.4276%20143.107%2062.971%20144.408%2061.6873L158.949%2047.1214C160.881%2045.1624%20160.882%2042.0104%20158.937%2040.0258C156.978%2038.0937%20153.826%2038.0935%20151.894%2040.0524L137.352%2054.6183C135.42%2056.5772%20135.42%2059.7293%20137.379%2061.6613L137.312%2061.6998ZM147.767%20137.168C143.49%20153.133%20132.886%20160.986%20124.326%20167.305C118.142%20171.896%20113.242%20175.48%20111.807%20180.836L111.244%20182.937C111.244%20182.937%20111.202%20183.094%20111.173%20183.199C108.965%20190.601%20101.217%20194.941%2093.7067%20192.929L48.4898%20180.813C40.98%20178.801%2036.4397%20171.167%2038.2278%20163.654C38.256%20163.549%2038.27%20163.496%2038.2982%20163.391L38.8611%20161.291C40.2964%20155.934%2037.8445%20150.38%2034.785%20143.312C30.5309%20133.56%2025.2605%20121.51%2029.5524%20105.492C38.291%2072.8795%2071.9041%2053.5173%20104.464%2062.2418C137.025%2070.9663%20156.453%20104.541%20147.715%20137.154L147.767%20137.168ZM102.566%2088.8635C103.283%2086.1852%20101.707%2083.4551%2099.0289%2082.7374C77.7597%2077.0383%2055.8521%2089.6867%2050.1389%20111.008C49.4212%20113.687%2050.9975%20116.417%2053.6758%20117.135C56.3542%20117.852%2059.0843%20116.276%2059.802%20113.598C64.0798%2097.6326%2080.5271%2088.1367%2096.4922%2092.4145C99.1706%2093.1322%20101.901%2091.556%20102.618%2088.8776L102.566%2088.8635ZM84.0184%20211.441L47.6243%20201.689C44.946%20200.971%2042.2158%20202.547%2041.4982%20205.226C38.4868%20216.464%2046.37%20228.427%2059.0266%20231.818C71.6831%20235.209%2084.4773%20228.844%2087.5028%20217.553C88.2204%20214.874%2086.6442%20212.144%2083.9658%20211.426L84.0184%20211.441ZM94.81%20198.684L44.7091%20185.26C42.0308%20184.542%2039.3006%20186.118%2038.583%20188.797C37.8653%20191.475%2039.4416%20194.205%2042.1199%20194.923L92.2208%20208.347C94.8991%20209.065%2097.6293%20207.489%2098.3469%20204.81C99.0646%20202.132%2097.4884%20199.402%2094.81%20198.684Z'%20fill='%23E9F0FA'%20style='mix-blend-mode:overlay'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4246_75287'%3e%3crect%20width='122.331'%20height='223.621'%20fill='white'%20transform='translate(57.8773)%20rotate(15)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center center/contain;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 900px) {
  .c-businessIssueCard {
    padding-block: 20px 28px;
    padding-inline: 20px;
  }
  .c-businessIssueCard.c-businessIssueCard--hac::after {
    bottom: -15px;
  }
  .c-businessIssueCard::after {
    right: -17px;
    bottom: -20px;
    width: 155.331px;
    height: 219.621px;
  }
}

.c-businessIssueCard__title {
  align-self: end;
  color: var(--color-bg-blue);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .c-businessIssueCard__title {
    font-size: 1.25rem;
  }
}

.c-businessIssueCard.c-businessIssueCard--specialHose {
  min-height: 269px;
  padding-block: 28px 38px;
  padding-inline: 36px;
}
.c-businessIssueCard.c-businessIssueCard--specialHose .c-businessIssueCard__list {
  margin-block-start: 20px;
}
@media screen and (max-width: 900px) {
  .c-businessIssueCard.c-businessIssueCard--specialHose {
    min-height: auto;
  }
}
@media screen and (max-width: 767px) {
  .c-businessIssueCard.c-businessIssueCard--specialHose {
    padding-block: 21px 28px;
    padding-inline: 20px;
  }
  .c-businessIssueCard.c-businessIssueCard--specialHose .c-businessIssueCard__list {
    margin-block-start: 13px;
  }
}

.c-businessIssueCard__list {
  display: grid;
  row-gap: 8px;
  align-self: start;
  margin-block-start: 12px;
}

.c-button {
  position: relative;
  display: inline-grid;
  grid-template-columns: max-content 1fr max-content;
  column-gap: 50px;
  align-items: center;
  padding-block: 22px;
  padding-inline: 30px;
  border-radius: 10px;
  box-shadow: 11px 11px 7.9px 0 rgba(146, 121, 135, 0.06);
  background: linear-gradient(97deg, var(--color-white) 0%, var(--color-white) 49%, #ef9cd7 49%, #d0aff2 76.29%, #6a74ce 100%);
  background-position: 100% 0;
  background-size: 210% auto;
  background-repeat: no-repeat;
  color: #fff;
  font-size: clamp(0.75rem, 0.661971831rem + 0.3755868545vw, 1rem);
  font-weight: var(--fw-semi-bold);
  line-height: 1;
  transition: background-position var(--duration) ease, color var(--duration) ease, scale var(--duration) ease;
}
.c-button::before {
  content: "";
  display: block;
  width: 10px;
  aspect-ratio: 1;
}
.c-button::after {
  content: "";
  display: block;
  width: 10px;
  aspect-ratio: 1;
  border-block-end: 2px solid var(--color-white);
  border-inline-end: 2px solid var(--color-white);
  rotate: -45deg;
  transition: border-color var(--duration) ease;
}
@media (any-hover: hover) {
  .c-button:hover {
    background-position: 0% 0;
    color: var(--color-text-purple);
    scale: 0.95;
  }
  .c-button:hover::after {
    border-color: var(--color-text-purple);
  }
}
@media screen and (max-width: 900px) {
  .c-button {
    column-gap: 30px;
    padding-inline: 25px;
  }
}

.c-catalogCard {
  opacity: 0;
  padding-block: 24px 20px;
  padding-inline: 17px;
  border-radius: 4px;
  background: var(--color-bg-gray);
}

@media (any-hover: hover) {
  .c-catalogCard:has(.c-catalogCard__download:hover, .c-catalogCard__addList:hover) .c-catalogCard__img {
    padding-block: 3px 3px;
    padding-inline: 0 0;
  }
}
.c-catalogCard__inner {
  display: flex;
  flex-direction: column;
  block-size: 100%;
  text-align: center;
}

.c-catalogCard__img {
  padding-block: 10.5px 10.5px;
  padding-inline: 11.5px 11.5px;
  transition: padding-block 0.4s ease, padding-inline 0.4s ease;
}

.c-catalogCard__img img {
  display: block;
  aspect-ratio: 298/194;
  object-fit: contain;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.25));
}

.c-catalogCard__title {
  flex-grow: 1;
  margin-block-start: 20.5px;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 767px) {
  .c-catalogCard__title {
    margin-block-start: 13.7px;
  }
}

.c-catalogCard__add {
  margin-block-start: 4px;
  color: var(--color-text-lightBlack);
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.c-catalogCard__info {
  margin-block-start: 4px;
  color: var(--color-text-lightBlack);
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.c-catalogCard__download {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  inline-size: 100%;
  max-inline-size: 242px;
  margin-block-start: 22px;
  margin-inline: auto;
  padding-block: 11px 12px;
  padding-inline: 22px 19.8px;
  border: 1.5px solid var(--color-bg-blue);
  border-radius: 85.385px;
  background: var(--color-bg-blue);
  color: var(--color-white);
  transition: background 0.4s ease, color 0.4s ease;
}
@media screen and (max-width: 767px) {
  .c-catalogCard__download {
    margin-block-start: 34px;
  }
}
.c-catalogCard__download .c-catalogCard__btnIcon {
  flex-shrink: 0;
  overflow: hidden;
  inline-size: 15px;
  block-size: 15px;
}
.c-catalogCard__download .c-catalogCard__btnIcon::before {
  content: "";
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.58974%2011.3846L2.84615%206.64103L4.17436%205.26538L6.64103%207.73205V0H8.53846V7.73205L11.0051%205.26538L12.3333%206.64103L7.58974%2011.3846ZM0%2015.1795V10.4359H1.89744V13.2821H13.2821V10.4359H15.1795V15.1795H0Z'%20fill='white'/%3e%3c/svg%3e");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image 0.4s ease;
}
.c-catalogCard__download .c-catalogCard__btnIcon img {
  display: none;
}

@media (any-hover: hover) {
  .c-catalogCard__download:hover {
    background: var(--color-bg-white);
    color: var(--color-main);
    cursor: pointer;
  }
  .c-catalogCard__download:hover .c-catalogCard__btnIcon::before {
    background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.6667%2016L4%209.33333L5.86667%207.4L9.33333%2010.8667V0H12V10.8667L15.4667%207.4L17.3333%209.33333L10.6667%2016ZM0%2021.3333V14.6667H2.66667V18.6667H18.6667V14.6667H21.3333V21.3333H0Z'%20fill='%23124D8A'/%3e%3c/svg%3e");
  }
}
.c-catalogCard__addList {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  margin-block-start: 12px;
  margin-inline: auto;
  color: var(--color-main);
  transition: opacity 0.4s ease;
}

@media (any-hover: hover) {
  .c-catalogCard__addList:hover {
    opacity: 0.6;
  }
}
.c-catalogCard__addList.is-added {
  opacity: 0.7;
  filter: grayscale(100%);
}

.c-catalogCard__btnText {
  margin-block-start: 2px;
  font-size: 14px;
  font-weight: 700;
  line-height: 180%;
}

.c-categoryBtn {
  --width: 15px;
  --gap: 12px;
  position: relative;
  padding-inline-start: calc(var(--width) + var(--gap));
}
.c-categoryBtn.is-active .c-categoryBtn-text {
  color: var(--color-text-main);
}
.c-categoryBtn.is-active .c-categoryBtn-icon::after {
  opacity: 1;
}

.c-categoryBtn-icon {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: var(--width);
  height: 1lh;
}
.c-categoryBtn-icon::before {
  content: "";
  position: absolute;
  width: var(--width);
  aspect-ratio: 1;
  border: 1px solid var(--color-border-gray);
  border-radius: 100vmax;
}
.c-categoryBtn-icon::after {
  content: "";
  position: absolute;
  width: 9px;
  aspect-ratio: 1;
  border-radius: 100vmax;
  background: var(--color-bg-blue);
  opacity: 0;
  transition: opacity var(--duration) ease;
}

.c-categoryBtn-text {
  color: var(--color-text-thinBlack);
  line-height: 1;
  transition: color var(--duration) ease;
}

.c-downloadList {
  position: fixed;
  inset-block-end: 0;
  inset-inline-end: 0;
  z-index: 3;
  visibility: hidden;
  inline-size: 100%;
  max-inline-size: 400px;
  border: 1px solid var(--color-bg-blue);
  border-radius: 4px;
  box-shadow: 0 12px 27px 2px rgba(0, 0, 0, 0.4);
  background: var(--color-bg-white);
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.c-downloadList.is-visible {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 400px) {
  .c-downloadList {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.c-downloadList__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-block: 10px 11px;
  padding-inline: 20px 20px;
}

.c-downloadList-top__title {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}

.c-downloadList-topTitle__text {
  color: var(--color-main);
  font-weight: 700;
  line-height: 180%;
}

.c-downloadList-top__info {
  font-size: 14px;
  font-weight: 500;
  line-height: 180%;
}

.c-downloadList-top__img {
  cursor: pointer;
  transform: rotate(180deg);
  transition: transform 0.4s ease, opacity 0.4s ease;
}
.c-downloadList.is-open .c-downloadList-top__img {
  transform: rotate(0deg);
}

@media (any-hover: hover) {
  .c-downloadList-top__img:hover {
    opacity: 0.6;
  }
}
.c-downloadList__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease;
}
.c-downloadList.is-open .c-downloadList__body {
  grid-template-rows: 1fr;
}

.c-downloadList__bodyInner {
  overflow: hidden;
}

.c-downloadList__middle {
  inline-size: 100%;
  margin-inline: auto;
  padding-block: 20px 22px;
  padding-inline: 20px 0;
  background: var(--color-bg-gray);
}

.c-downloadList-middle__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
  max-block-size: 239px;
  padding-inline-end: 30px;
  scrollbar-gutter: stable;
}

.c-downloadList-middle__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  min-block-size: 69px;
}

.c-downloadList-middleItem__content {
  display: flex;
  flex-direction: row;
  gap: 14px;
}

.c-downloadList-middle__img {
  inline-size: 100%;
  max-inline-size: 110px;
}

.c-downloadList-middle__img img {
  aspect-ratio: 110/69;
  object-fit: contain;
}

.c-downloadList-middleItem__texts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-block-start: 8px;
}

.c-downloadList-middleItem__title {
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
}

.c-downloadList-middleItem__info {
  color: var(--color-text-lightBlack);
  font-size: 10px;
  font-weight: 350;
  line-height: 100%;
}

.c-downloadList-middleItem__icon {
  block-size: fit-content;
  margin-block-end: 3px;
  transition: opacity 0.4s ease;
}

@media (any-hover: hover) {
  .c-downloadList-middleItem__icon:hover {
    opacity: 0.6;
  }
}
.c-downloadList-middleItem__icon img {
  width: 12px;
  height: 13px;
}

.c-downloadList__bottom {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  padding-block: 18px 17px;
  padding-inline: 20px 20px;
}
@media screen and (max-width: 400px) {
  .c-downloadList__bottom {
    justify-content: space-between;
    padding-inline: 8px 8px;
  }
}

.c-downloadList-btn__download {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  inline-size: 100%;
  max-inline-size: 222px;
  padding-block: 11px 12px;
  padding-inline: 22px 19.8px;
  border: 1.5px solid var(--color-bg-blue);
  border-radius: 85.385px;
  background: var(--color-bg-blue);
  color: var(--color-white);
  transition: background 0.4s ease, color 0.4s ease;
}
.c-downloadList-btn__download .c-catalogCard__btnIcon {
  flex-shrink: 0;
  overflow: hidden;
  inline-size: 15px;
  block-size: 15px;
}
.c-downloadList-btn__download .c-catalogCard__btnIcon::before {
  content: "";
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.58974%2011.3846L2.84615%206.64103L4.17436%205.26538L6.64103%207.73205V0H8.53846V7.73205L11.0051%205.26538L12.3333%206.64103L7.58974%2011.3846ZM0%2015.1795V10.4359H1.89744V13.2821H13.2821V10.4359H15.1795V15.1795H0Z'%20fill='white'/%3e%3c/svg%3e");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image 0.4s ease;
}
.c-downloadList-btn__download .c-catalogCard__btnIcon img {
  display: none;
}

@media (any-hover: hover) {
  .c-downloadList-btn__download:hover {
    background: var(--color-bg-white);
    color: var(--color-main);
    cursor: pointer;
  }
  .c-downloadList-btn__download:hover .c-catalogCard__btnIcon::before {
    background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.6667%2016L4%209.33333L5.86667%207.4L9.33333%2010.8667V0H12V10.8667L15.4667%207.4L17.3333%209.33333L10.6667%2016ZM0%2021.3333V14.6667H2.66667V18.6667H18.6667V14.6667H21.3333V21.3333H0Z'%20fill='%23124D8A'/%3e%3c/svg%3e");
  }
}
.c-downloadList-btn__clear {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  padding-inline-end: 11px;
  transition: opacity 0.4s ease;
}

@media (any-hover: hover) {
  .c-downloadList-btn__clear:hover {
    opacity: 0.7;
  }
}
.c-downloadList-btn__btnText {
  color: var(--color-text-lightBlack);
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
}

.c-headerBtn {
  min-height: 60px;
  padding-block: 12px;
  padding-inline: 20px;
  border-radius: 100vmax;
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  text-align: center;
  transition: background-color var(--duration) ease, color var(--duration) ease;
}
.c-headerBtn.c-headerBtn-vw {
  min-height: min(4.1666666667vw, 60px);
  padding-block: min(0.8333333333vw, 12px);
  padding-inline: min(1.3888888889vw, 20px);
  font-size: min(1.1805555556vw, 17px);
}
.c-headerBtn.c-headerBtn--primary {
  border: 1px solid var(--color-border-black);
  background: var(--color-border-black);
  color: var(--color-white);
}
.c-headerBtn.c-headerBtn--secondary {
  border: 1px solid var(--color-main);
  background: var(--color-main);
  color: var(--color-white);
}
@media (any-hover: hover) {
  .c-headerBtn:hover.c-headerBtn--primary {
    background: var(--color-white);
    color: var(--color-border-black);
  }
  .c-headerBtn:hover.c-headerBtn--secondary {
    background: var(--color-white);
    color: var(--color-main);
  }
}

.c-headingDescList__list {
  display: grid;
  row-gap: 24px;
}

.c-headingDescList__list--numbered {
  counter-reset: heading-desc-counter;
}

.c-headingDescList__item {
  display: grid;
  row-gap: 12px;
}

.c-headingDescList__list--numbered .c-headingDescList__item {
  counter-increment: heading-desc-counter;
}

.c-headingDescList__title {
  color: var(--color-main);
  font-size: 1.125rem;
  font-weight: var(--fw-bold);
}

.c-headingDescList__list--numbered .c-headingDescList__title::before {
  content: counter(heading-desc-counter) ". ";
}

.c-headingDescList__desc a {
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity var(--duration);
}
@media (any-hover: hover) {
  .c-headingDescList__desc a:hover {
    opacity: 0.7;
  }
}

.c-infinityScroll {
  overflow: hidden;
  width: 100%;
}

.c-infinityScroll__texts {
  display: flex;
  width: max-content;
  white-space: nowrap;
  animation: infinity-scroll 55s linear infinite;
}
@media screen and (max-width: 767px) {
  .c-infinityScroll__texts {
    animation: infinity-scroll 35s linear infinite;
  }
}

.c-infinityScroll-texts__line {
  margin-block: 0;
  padding-inline-end: 48px;
  color: var(--color-bg-gray);
  font-family: var(--title-font-family);
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.178px;
  text-transform: capitalize;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .c-infinityScroll-texts__line {
    padding-inline-end: 24px;
    font-size: 80px;
  }
}

@keyframes infinity-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.c-listItemCheckbox {
  position: relative;
  padding-inline-start: calc(var(--width) + var(--gap));
  --width: 18px;
  --gap: 12px;
}
@media screen and (max-width: 900px) {
  .c-listItemCheckbox {
    --gap: 8px;
  }
}

.c-listItemCheckbox__icon {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: var(--width);
  height: 1lh;
}
.c-listItemCheckbox__icon::before {
  content: "";
  display: block;
  width: var(--width);
  aspect-ratio: 1/1;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%3e%3cpath%20d='M7.6%2013.2L14.65%206.15L13.25%204.75L7.6%2010.4L4.75%207.55L3.35%208.95L7.6%2013.2ZM2%2018C1.45%2018%200.979333%2017.8043%200.588%2017.413C0.196667%2017.0217%200.000666667%2016.5507%200%2016V2C0%201.45%200.196%200.979333%200.588%200.588C0.98%200.196667%201.45067%200.000666667%202%200H16C16.55%200%2017.021%200.196%2017.413%200.588C17.805%200.98%2018.0007%201.45067%2018%202V16C18%2016.55%2017.8043%2017.021%2017.413%2017.413C17.0217%2017.805%2016.5507%2018.0007%2016%2018H2Z'%20fill='%23124D8A'%20/%3e%3c/svg%3e") center center/contain no-repeat;
}

.c-listItemCheckbox__text {
  font-size: 0.9375rem;
}

.c-lowerBox {
  padding: 24px 36px;
  border: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 900px) {
  .c-lowerBox {
    padding: 20px 24px;
  }
}

.c-lowerBox__title {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .c-lowerBox__title {
    font-size: 1.125rem;
  }
}

.c-lowerBox__list {
  display: grid;
  row-gap: 12px;
  margin-block-start: 20px;
}

.c-lowerBox__list-item {
  position: relative;
  padding-inline-start: 20px;
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
.c-lowerBox__list-item::before {
  content: "・";
  position: absolute;
  inset-inline-start: 0;
}

.c-lowerPageTitle {
  position: relative;
  padding-inline-start: calc(var(--width) + var(--gap));
  color: var(--color-bg-blue);
  font-size: 1.75rem;
  font-weight: var(--fw-bold);
  --width: 5px;
  --gap: 20px;
}
.c-lowerPageTitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: var(--width);
  height: calc(100% - 10px);
  background: var(--color-bg-blue);
  transform: translateY(-50%);
}
.c-lowerPageTitle.c-lowerPageTitle--small {
  font-size: 1.25rem;
  --width: 3px;
  --gap: 12px;
}
@media screen and (max-width: 767px) {
  .c-lowerPageTitle {
    font-size: 1.625rem;
    --gap: 11px;
  }
  .c-lowerPageTitle.c-lowerPageTitle--small {
    font-size: 1.125rem;
  }
}

.c-modal {
  position: relative;
  z-index: 1;
}

.c-modal__trigger {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: start;
  cursor: zoom-in;
}

@media (any-hover: hover) {
  .c-modal__trigger:hover .c-modal__img img {
    filter: brightness(0.6);
    scale: 1.05;
  }
  .c-modal__trigger:hover .c-btnScale {
    background: rgba(26, 26, 26, 0.8);
  }
}
.c-modal__img {
  overflow: hidden;
}
.c-modal__img img {
  transition: scale var(--duration) var(--base-ease), filter 0.5s var(--base-ease);
}

.c-modalScale__btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
}

.c-modal__dialog {
  z-index: 100;
  overscroll-behavior: contain;
  width: 100%;
  height: 100%;
  min-height: 100dvh;
  max-width: none;
  max-height: 100dvh;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}
.c-modal__dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}

.c-modal__dialogSurface {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 100dvh;
  padding-block: 20px;
  padding-inline: 20px;
  cursor: pointer;
}

.c-modal__dialogInner {
  position: relative;
  width: 100%;
  max-width: min(1400px, 100vw - 40px);
  max-height: calc(100dvh - 40px);
  padding-block: 40px;
  cursor: default;
}

.c-modal__dialogToolbar {
  position: absolute;
  top: 0;
  right: 0;
}

.c-modal__close {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  color: var(--color-white);
  font-size: 1.875rem;
  cursor: pointer;
}

.c-modal__dialogBody {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden auto;
  max-width: 80%;
  margin-inline: auto;
  padding-block-end: 40px;
}
.c-modal__dialogBody img {
  display: block;
  height: auto;
  max-width: 100%;
}

.c-newsList {
  position: relative;
  padding-block: 2.0625rem;
}
.c-newsList::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 10.0215517241%;
  height: 2px;
  background: var(--color-bg-blue);
  transform: scaleY(0.65);
  transform-origin: bottom;
  transition: width 0.5s ease;
}
.c-newsList::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 10.0215517241%;
  height: 2px;
  background: var(--color-bg-blue);
  transform: scaleY(0.65);
  transform-origin: bottom;
  transition: width 0.5s ease;
}
.c-newsList:last-child {
  border-block-end: 1px solid var(--color-border-gray);
}
@media (any-hover: hover) {
  .c-newsList:hover::after {
    width: 100%;
  }
  .c-newsList:hover .c-newsList-title {
    color: var(--color-main);
  }
  .c-newsList:hover .c-newsList-arrow img {
    animation: arrow-move 0.5s cubic-bezier(0.75, 0, 0.1, 1.5);
  }
}

.c-newsList-data {
  color: var(--color-text-lightBlack);
}
@media screen and (max-width: 900px) {
  .c-newsList-data {
    grid-area: date;
  }
}

.c-newsList-cate {
  display: inline-block;
  padding-block: 0.5625rem;
  padding-inline: 0.5rem;
  border: 1px solid var(--color-border-black);
  border-radius: 100vmax;
  font-size: 0.75rem;
  line-height: 1;
  text-align: center;
  min-inline-size: 4.5rem;
}
@media screen and (max-width: 900px) {
  .c-newsList-cate {
    grid-area: cate;
    margin-inline-start: 0.5rem;
  }
}

.c-newsList-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-inline-start: 0.125rem;
  font-size: 0.9375rem;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  transition: color 0.4s ease;
}
@media screen and (max-width: 900px) {
  .c-newsList-title {
    grid-area: title;
    margin-inline-start: 0;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}

.c-newsList-arrow {
  display: block;
  overflow: hidden;
  width: 1rem;
  height: 0.9375rem;
}
@media screen and (max-width: 900px) {
  .c-newsList-arrow {
    grid-area: arrow;
  }
}

.c-newsList-arrow img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-pagination ul {
  display: flex;
  gap: 10px;
  width: fit-content;
  margin-inline: auto;
  padding: 0;
  list-style: none;
}
.c-pagination ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 35px;
  aspect-ratio: 1/1;
  border-radius: 3px;
  background: var(--color-bg-gray);
}
.c-pagination ul li:has(.current) {
  background: var(--color-bg-blue);
}
.c-pagination ul li:has(.dots) {
  width: 18px;
  background: transparent;
}
.c-pagination ul li:has(.prev), .c-pagination ul li:has(.next) {
  width: 17.222px;
  aspect-ratio: auto;
  background: transparent;
}
.c-pagination ul li .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: var(--color-bg-black);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  letter-spacing: -0.36px;
}
.c-pagination ul li .page-numbers.current {
  color: var(--color-white);
}
.c-pagination ul li .page-numbers img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-pagination ul li a {
  position: relative;
  transition: color var(--duration), background var(--duration), opacity var(--duration);
}
.c-pagination ul li a.prev::before, .c-pagination ul li a.next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_5571)'%3e%3cpath%20d='M5.95074%2014.8454L12.7173%208L5.95074%201.15464L7.09209%203.10004e-07L15%208L7.09209%2016L5.95074%2014.8454Z'%20fill='%231A1A1A'%20/%3e%3cpath%20d='M13.8594%207.17578L13.8594%208.82527L0.000153215%208.82527L0.000153287%207.17578L13.8594%207.17578Z'%20fill='%231A1A1A'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_5571'%3e%3crect%20width='16'%20height='15'%20fill='white'%20transform='translate(15)%20rotate(90)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center center/contain no-repeat;
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
.c-pagination ul li a.prev::before {
  transform: translateX(-50%) translateY(-50%) rotate(180deg);
}
@media (any-hover: hover) {
  .c-pagination ul li a:hover {
    background: var(--color-bg-blue);
    color: var(--color-white);
  }
  .c-pagination ul li a.prev:hover,
  .c-pagination ul li a.next:hover {
    background: transparent;
    color: inherit;
    opacity: 0.5;
  }
}

.c-scroll__Wrapper {
  position: relative;
  overflow: auto clip;
  width: 100%;
  min-width: 0;
}

.c-scroll__popUp {
  position: absolute;
  top: 50%;
  left: 100px;
  z-index: 1;
  visibility: hidden;
  width: 140px;
  height: 100px;
  opacity: 0;
  pointer-events: none;
  translate: 0 -50%;
  transition: opacity 0.3s ease, visibility 0.3s linear;
}
.c-scroll__popUp.is-visible {
  visibility: visible;
  opacity: 1;
}
.c-scroll__popUp.is-visible::after {
  animation: c-scroll-hand-animation 2.5s linear both;
}
.c-scroll__popUp img {
  object-fit: contain;
}
.c-scroll__popUp::after {
  content: "";
  position: absolute;
  top: 28px;
  left: 50%;
  width: 34.902px;
  height: 49.236px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='35'%20height='50'%20viewBox='0%200%2035%2050'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5864_73360)'%3e%3cpath%20d='M34.1128%2021.4035C34.1128%2019.6708%2032.7078%2018.2659%2030.9751%2018.2659C29.9363%2018.2659%2029.0125%2018.7725%2028.442%2019.5516V18.9939C28.442%2017.2611%2027.037%2015.8562%2025.3043%2015.8562C24.2655%2015.8562%2023.3417%2016.3628%2022.7712%2017.1419V16.7162C22.7712%2014.9834%2021.3662%2013.5785%2019.6335%2013.5785C18.5947%2013.5785%2017.6709%2014.0851%2017.1004%2014.8642V3.92283C17.1004%202.19008%2015.6954%200.785156%2013.9627%200.785156C12.23%200.785156%2010.825%202.19008%2010.825%203.92283V28.1557L6.6358%2020.9097C5.7673%2019.4111%203.84723%2018.8959%202.34864%2019.7644C0.850052%2020.6329%200.334912%2022.553%201.20341%2024.0516C1.20341%2024.0516%203.59605%2028.194%205.49483%2031.4764C6.50808%2033.2305%207.54262%2036.845%208.77725%2038.8757C11.6722%2043.6439%2013.7498%2045.7513%2013.7498%2045.7513V48.4505H29.7703V45.8705C29.9108%2045.6023%2030.924%2043.6227%2031.801%2041.7196C33.2358%2038.6032%2034.0617%2036.7939%2034.0957%2034.0819C34.1043%2033.9925%2034.1085%2033.8989%2034.1085%2033.8052V21.4078L34.1128%2021.4035Z'%20stroke='white'%20stroke-width='1.57096'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M17.1094%2014.8633V22.7436'%20stroke='white'%20stroke-width='1.57096'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M22.7734%2017.1406V22.9945'%20stroke='white'%20stroke-width='1.57096'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M28.4453%2019.5508V23.4165'%20stroke='white'%20stroke-width='1.57096'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M10.8281%2027.8672V29.5999'%20stroke='white'%20stroke-width='1.57096'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5864_73360'%3e%3crect%20width='34.9018'%20height='49.2363'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") var(--bg-contain);
  translate: -50% 0;
}

@keyframes c-scroll-hand-animation {
  0% {
    transform: translate(-50%, 0);
  }
  33% {
    transform: translate(50%, 0);
  }
  33.1% {
    transform: translate(-50%, 0);
  }
  66% {
    transform: translate(50%, 0);
  }
  66.1% {
    transform: translate(-50%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.c-sectionLowerTitle.c-sectionLowerTitle--white .c-sectionLowerTitle__main {
  color: var(--color-white);
}
.c-sectionLowerTitle.c-sectionLowerTitle--white .c-sectionLowerTitle__sub {
  color: var(--color-white);
}
.c-sectionLowerTitle.c-sectionLowerTitle--lineWhite .c-sectionLowerTitle__sub-line::after {
  background: var(--color-white);
}

.c-sectionLowerTitle__main {
  overflow: hidden;
  font-family: var(--title-font-family);
  font-size: 4.75rem;
  font-weight: var(--fw-medium);
  line-height: 1.2;
}
@media screen and (max-width: 900px) {
  .c-sectionLowerTitle__main {
    font-size: 3.375rem;
  }
}

.c-sectionLowerTitle__sub {
  position: relative;
  margin-block-start: 12px;
  padding-inline-start: calc(var(--gap) + var(--width));
  color: var(--color-main);
  font-size: 1.0625rem;
  --width: 15px;
  --gap: 8.2px;
}
@media screen and (max-width: 900px) {
  .c-sectionLowerTitle__sub {
    margin-block-start: 6px;
    font-size: 1rem;
  }
}

.c-sectionLowerTitle__sub-line {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: var(--width);
  height: 1lh;
}
.c-sectionLowerTitle__sub-line::after {
  content: "";
  display: block;
  width: var(--width);
  height: 1.5px;
  background: var(--color-bg-blue);
}

.c-sectionSubTitle {
  padding-block-end: 24px;
  border-block-end: 1px solid var(--color-border-lightBlack);
  font-size: 2rem;
  font-weight: var(--fw-bold);
}
.c-sectionSubTitle.c-sectionSubTitle--white {
  border-color: var(--color-border-lightGray);
  color: var(--color-white);
}
.c-sectionSubTitle.c-sectionSubTitle--alignCenter {
  text-align: center;
}
.c-sectionSubTitle.c-sectionSubTitle--alignRight {
  text-align: right;
}
@media screen and (max-width: 900px) {
  .c-sectionSubTitle {
    padding-block-end: 16px;
    font-size: 1.625rem;
  }
}

.c-sectionTitle.c-sectionTitle--white .c-sectionTitle__main {
  color: var(--color-white);
}
.c-sectionTitle.c-sectionTitle--white .c-sectionTitle__sub {
  color: var(--color-white);
}
.c-sectionTitle.c-sectionTitle--lineWhite .c-sectionTitle__sub::before {
  background: var(--color-white);
}

.c-sectionTitle__main {
  overflow: hidden;
  font-family: var(--title-font-family);
  font-size: 6.375rem;
  font-weight: var(--fw-semi-bold);
  line-height: 1.1;
  text-transform: capitalize;
}
@media screen and (max-width: 900px) {
  .c-sectionTitle__main {
    font-size: 4rem;
  }
}

.c-sectionTitle__main span {
  display: block;
}

.c-sectionTitle__sub {
  display: flex;
  column-gap: 12px;
  align-items: center;
  margin-block-start: 14px;
  color: var(--color-main);
  font-size: 1.0625rem;
}
.c-sectionTitle__sub::before {
  content: "";
  display: block;
  width: 22px;
  height: 2px;
  background: var(--color-bg-blue);
}
@media screen and (max-width: 900px) {
  .c-sectionTitle__sub {
    margin-block-start: 12px;
  }
}

.c-titleSideLineBlue {
  padding-inline-start: 12px;
  border-inline-start: 5px solid var(--color-bg-blue);
  color: var(--color-bg-blue);
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
@media screen and (max-width: 900px) {
  .c-titleSideLineBlue {
    font-size: 1.125rem;
  }
}

.c-triangle {
  display: inline-block;
  width: 4rem;
  aspect-ratio: 1/1;
  background-color: var(--color-black);
}

.c-triangle[data-direction=top] {
  clip-path: var(--clip-triangle-top);
}

.c-triangle[data-direction=bottom] {
  clip-path: var(--clip-triangle-bottom);
}

.c-triangle[data-direction=left] {
  clip-path: var(--clip-triangle-left);
}

.c-triangle[data-direction=right] {
  clip-path: var(--clip-triangle-right);
}

.c-triangle[data-direction=lower-left] {
  clip-path: var(--clip-triangle-lower-left);
}

.c-triangle[data-direction=upper-left] {
  clip-path: var(--clip-triangle-upper-left);
}

.c-triangle[data-direction=lower-right] {
  clip-path: var(--clip-triangle-lower-right);
}

.c-triangle[data-direction=upper-right] {
  clip-path: var(--clip-triangle-upper-right);
}

.c-mediumTitle {
  padding-block-end: 16px;
  border-block-end: 1px solid var(--color-border-gray);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .c-mediumTitle {
    font-size: 1.25rem;
  }
}

.p-404 {
  margin-block-start: calc(var(--header-height) + 140px);
}

.p-404__inner {
  max-width: calc(880px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-404__inner {
    padding-inline: 16px;
  }
}

.p-404__title {
  color: #282b2b;
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
}

.p-404__text {
  margin-block-start: 24px;
  color: #282b2b;
  line-height: 2;
}

.p-404__button {
  position: relative;
  z-index: 1;
  margin-block-start: 80px;
}
@media screen and (max-width: 900px) {
  .p-404__button {
    margin-block-start: 60px;
  }
}

.p-404__infinityScroll {
  margin-block-start: -110px;
}
@media screen and (max-width: 900px) {
  .p-404__infinityScroll {
    margin-block-start: -50px;
  }
}

.p-404__footerLink {
  margin-block-start: -1px;
  padding-block: 91px 20px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-404__footerLink {
    padding-block-start: 71px;
  }
}

.p-404__footerLink-inner {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 30px;
}
@media screen and (max-width: 900px) {
  .p-404__footerLink-inner {
    padding-inline: 10px;
  }
}

.p-archive {
  display: flex;
  flex-direction: column;
  padding-block: 140px 20px;
  overflow: clip;
}
@media screen and (max-width: 767px) {
  .p-archive {
    padding-block: 80px 20px;
  }
}

.p-archive__inner {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .p-archive__inner {
    max-inline-size: none;
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-archive__inner {
    padding-inline: 16px;
  }
}

.p-archive__main {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
@media screen and (max-width: 900px) {
  .p-archive__main {
    flex-direction: column;
    gap: 0;
  }
}

.p-archive__head {
  position: sticky;
  top: calc(var(--header-height) + 40px);
  flex: 0 0 auto;
  align-self: flex-start;
}
@media screen and (max-width: 900px) {
  .p-archive__head {
    position: static;
    top: auto;
    display: contents;
    align-self: auto;
  }
}

@media screen and (max-width: 900px) {
  .p-archive__sectionTitle {
    order: 1;
  }
}

.p-archive-head__categories {
  opacity: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-block-start: 80px;
}
@media screen and (max-width: 900px) {
  .p-archive-head__categories {
    order: 2;
    flex-flow: row wrap;
    gap: 20px 20px;
    margin-block-start: 0;
  }
}

.p-archive-head__categoryItem {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin: -6px -4px;
  padding: 6px 4px;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
@media (any-hover: hover) {
  .p-archive-head__categoryItem:hover .p-archive-head__categoryName {
    color: rgb(26, 26, 26);
  }
}

.p-archive-head__categoryInput {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  appearance: none;
}

.p-archive-head__categoryCheck {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(26, 26, 26, 0.4);
  border-radius: 50%;
  background-color: var(--color-bg-white);
  transition: border-color 0.2s, background-color 0.2s;
}
.p-archive-head__categoryInput:checked + .p-archive-head__categoryCheck {
  border-color: rgba(26, 26, 26, 0.4);
  box-shadow: inset 0 0 0 3px var(--color-bg-white);
  background-color: var(--color-bg-blue);
}
@media screen and (max-width: 900px) {
  .p-archive-head__categoryCheck {
    width: 15px;
    height: 15px;
  }
}

.p-archive-head__categoryName {
  margin-block-start: -1px;
  color: rgba(26, 26, 26, 0.4);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 100%;
  transition: color 0.4s;
}
.p-archive-head__categoryItem:has(.p-archive-head__categoryInput:checked) .p-archive-head__categoryName {
  color: #1a1a1a;
}
@media screen and (max-width: 900px) {
  .p-archive-head__categoryName {
    font-size: 1rem;
  }
}

.p-archive-head__btn {
  margin-block-start: 68px;
}
@media screen and (max-width: 900px) {
  .p-archive-head__btn {
    order: 4;
    margin-block-start: 66px;
  }
}

.p-archive-head__btn .c-btnMore {
  inline-size: 200px;
}
@media screen and (max-width: 767px) {
  .p-archive-head__btn .c-btnMore {
    inline-size: 240px;
  }
}

.p-archive__body {
  flex: 1 1 auto;
  inline-size: 100%;
  max-inline-size: 900px;
}
@media screen and (max-width: 900px) {
  .p-archive__body {
    order: 3;
    margin-block-start: 64px;
  }
}

.p-archive__list {
  position: relative;
}
.p-archive__list.is-transition {
  will-change: opacity, transform;
  transition: opacity 0.25s cubic-bezier(0.7, 0, 0.5, 1), transform 0.25s cubic-bezier(0.7, 0, 0.5, 1);
}
.p-archive__list.is-hidden {
  opacity: 0;
  transform: translateX(1.5625rem);
}
@media (prefers-reduced-motion: reduce) {
  .p-archive__list.is-transition {
    transition: none;
  }
  .p-archive__list.is-hidden {
    transform: none;
  }
}
@media screen and (max-width: 900px) {
  .p-archive__list::before {
    width: 17.4927113703%;
  }
}

.p-archive__item {
  opacity: 0;
}
.p-archive__item:first-of-type {
  border-block-start: 1px solid var(--color-border-gray);
}
.p-archive__item:first-of-type::before {
  content: "";
  position: absolute;
  top: -1.3px;
  left: 0;
  width: 11.1111111111%;
  height: 1.3px;
  background: var(--color-main);
}
@media (any-hover: hover) {
  .p-archive__item:hover .p-archive__link::after {
    width: 100%;
  }
  .p-archive__item:hover .p-archive__img img {
    scale: 1.08;
  }
  .p-archive__item:hover .p-archive__title-main {
    color: var(--color-main);
  }
}

.p-archive__link {
  position: relative;
  display: flex;
  gap: 2.25rem;
  align-items: center;
  padding-block: 2rem 2.25rem;
  padding-inline: 0 3.75rem;
}
.p-archive__link:last-child {
  border-block-end: 1px solid var(--color-border-gray);
}
.p-archive__link::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 11.1111111111%;
  height: 1.3px;
  background: var(--color-main);
  transition: width 0.5s ease;
}
@media screen and (max-width: 900px) {
  .p-archive__link {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-block: 1.75rem 1.5rem;
    padding-inline-end: 2.1875rem;
  }
  .p-archive__link::after {
    width: 17.4927113703%;
  }
}

@media screen and (max-width: 900px) {
  .p-archive__header {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    width: 100%;
  }
}

.p-archive__img {
  flex: 0 0 auto;
  overflow: clip;
  width: 201px;
  aspect-ratio: 201/140;
  border-radius: 4px;
}
.p-archive__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.4s ease;
}
@media screen and (max-width: 900px) {
  .p-archive__img {
    width: 210px;
    aspect-ratio: 210/137;
  }
}

.p-archive__itemBody {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .p-archive__itemBody {
    grid-area: title;
  }
}

.p-archive__meta {
  display: flex;
  gap: 29px;
  align-items: center;
}
.p-archive__meta.p-archive__meta--sp {
  display: none;
}
@media screen and (max-width: 900px) {
  .p-archive__meta.p-archive__meta--sp {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}
.p-archive__meta.p-archive__meta--pc {
  display: flex;
}
@media screen and (max-width: 900px) {
  .p-archive__meta.p-archive__meta--pc {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .p-archive__meta {
    gap: 6px;
    margin-block-end: 8px;
  }
}

.p-archive__date {
  color: var(--color-border-lightBlack);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: normal;
}

.p-archive__category {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 27px;
  min-width: 72px;
  padding: 0 8px;
  border: 1px solid var(--color-border-black);
  border-radius: 13.5px;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1;
}
@media screen and (max-width: 900px) {
  .p-archive__category {
    min-width: 86px;
  }
}

.p-archive__itemBodyTitle {
  margin-block-start: 20px;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-archive__itemBodyTitle {
    margin-block-start: 0;
  }
}

.p-archive__arrow {
  position: absolute;
  top: 50%;
  right: -40px;
  display: block;
  overflow: hidden;
  width: 22px;
  height: 20px;
  transform: translateY(-50%);
  --p-archive-arrow-color: var(--color-bg-black);
}
.p-archive__arrow::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_5571)'%3e%3cpath%20d='M5.95074%2014.8454L12.7173%208L5.95074%201.15464L7.09209%203.10004e-07L15%208L7.09209%2016L5.95074%2014.8454Z'%20fill='%231A1A1A'%20/%3e%3cpath%20d='M13.8594%207.17578L13.8594%208.82527L0.000153215%208.82527L0.000153287%207.17578L13.8594%207.17578Z'%20fill='%231A1A1A'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_5571'%3e%3crect%20width='16'%20height='15'%20fill='white'%20transform='translate(15)%20rotate(90)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 100%;
  height: 100%;
  background: var(--p-archive-arrow-color);
}
@media screen and (max-width: 900px) {
  .p-archive__arrow {
    right: -35px;
    width: 19px;
    height: 17px;
  }
}

@media (any-hover: hover) {
  .p-archive__item:hover .p-archive__arrow::before {
    animation: arrow-move 0.5s cubic-bezier(0.75, 0, 0.1, 1.5);
  }
}
.p-archive__pagination {
  margin-block-start: 110px;
}
@media screen and (max-width: 900px) {
  .p-archive__pagination {
    margin-block-start: 32px;
  }
}

.p-archiveFooterLink {
  margin-block-start: 160px;
}
@media screen and (max-width: 900px) {
  .p-archiveFooterLink {
    margin-block-start: 100px;
  }
}

.p-archiveFooterLink__inner {
  max-inline-size: 1800px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-archiveFooterLink__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-archiveFooterLink__inner {
    padding-inline: 16px;
  }
}

.p-archive__joiff {
  padding-block-start: 120px;
}
@media screen and (max-width: 900px) {
  .p-archive__joiff {
    padding-block-start: 64px;
  }
}

.p-archive__joiffAnchor {
  position: relative;
  display: block;
  overflow: hidden;
  height: 320px;
  max-width: 1000px;
  margin-inline: auto;
  padding-block: 24px;
  padding-inline: 38px;
  border-radius: 8px;
}
.p-archive__joiffAnchor::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("../images/joiff-bg.webp") center center/cover no-repeat;
  box-shadow: inset 0 0 0 9999px rgba(26, 26, 26, 0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.p-archive__joiffAnchor::after {
  content: "";
  position: absolute;
  right: 2%;
  bottom: -1%;
  z-index: 1;
  width: 223px;
  height: 149px;
  background: url("../images/joiff-icon.webp") center center/contain no-repeat;
}
.p-archive__joiffAnchor > * {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 900px) {
  .p-archive__joiffAnchor {
    height: 380px;
    padding-block: 48px;
    padding-inline: 16px;
  }
  .p-archive__joiffAnchor::before {
    background: url("../images/joiff-bg_sp.webp") center center/cover no-repeat;
  }
  .p-archive__joiffAnchor::after {
    right: 0%;
    bottom: 1%;
    width: 180px;
    height: 120px;
  }
}
@media (any-hover: hover) {
  .p-archive__joiffAnchor:hover::before {
    transform: scale(1.06);
    box-shadow: inset 0 0 0 9999px rgba(26, 26, 26, 0.5);
  }
}

.p-archive__joiffTitle {
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 2rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
}
@media screen and (max-width: 900px) {
  .p-archive__joiffTitle {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

.p-archive__joiffText {
  margin-block-start: 12px;
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: var(--base-line-height);
}
@media screen and (max-width: 900px) {
  .p-archive__joiffText {
    font-size: 0.875rem;
  }
}

.p-businessBottom {
  overflow-x: clip;
  margin-block-start: -1px;
  padding-block: 1px 20px;
  background: var(--color-bg-white);
}

.p-businessBottom__inner {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 30px;
}
@media screen and (max-width: 767px) {
  .p-businessBottom__inner {
    padding-inline: 10px;
  }
}

.p-businessBottom__list {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-block-end: 120px;
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-businessBottom__list {
    margin-block-end: 100px;
    padding-inline: 6px;
  }
}

.p-businessBottom__item:first-of-type {
  border-block-start: 1px solid var(--color-border-gray);
}
@media (any-hover: hover) {
  .p-businessBottom__item:hover .p-businessBottom__link::after {
    width: 100%;
  }
  .p-businessBottom__item:hover .p-businessBottom__img img {
    scale: 1.05;
  }
  .p-businessBottom__item:hover .p-businessBottom__title-main {
    color: var(--color-main);
  }
}

.p-businessBottom__link {
  position: relative;
  display: grid;
  grid-template-columns: 396px 1fr max-content;
  column-gap: 48px;
  align-items: center;
  padding-block: 56px;
  padding-inline: 24px 30px;
  transition: opacity 0.4s ease, filter 0.4s ease;
}
.p-businessBottom__link:last-child {
  border-block-end: 1px solid var(--color-border-gray);
}
.p-businessBottom__link::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 10%;
  height: 1.3px;
  background: var(--color-main);
  transition: width 0.5s ease;
}
@media screen and (max-width: 900px) {
  .p-businessBottom__link {
    grid-template-columns: 1fr max-content;
    grid-template-areas: "img img" "title arrow";
    row-gap: 12px;
    padding-block: 32px;
    padding-inline: 0;
  }
  .p-businessBottom__link::after {
    width: 17.4927113703%;
  }
}

.p-businessBottom__img {
  overflow: clip;
  border-radius: 6px;
}
.p-businessBottom__img img {
  aspect-ratio: 11/7;
  transition: scale 0.5s ease;
}
@media screen and (max-width: 900px) {
  .p-businessBottom__img {
    grid-area: img;
    max-height: 400px;
  }
}

@media screen and (max-width: 900px) {
  .p-businessBottom__title {
    grid-area: title;
  }
}

.p-businessBottom__title-main {
  font-family: var(--title-font-family);
  font-size: 2.5rem;
  font-weight: var(--fw-semi-bold);
  line-height: normal;
  transition: color 0.4s ease;
}

.p-businessBottom__title-text-sub {
  display: flex;
  column-gap: 12px;
  align-items: center;
  margin-block-start: 4px;
  color: var(--color-main);
}
.p-businessBottom__title-text-sub::before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background: var(--color-main);
}

.p-businessBottom__arrow {
  display: block;
  overflow: hidden;
  width: 25.619px;
  height: 23.658px;
  --p-businessBottom-arrow-color: var(--color-main);
}
.p-businessBottom__arrow::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_5571)'%3e%3cpath%20d='M5.95074%2014.8454L12.7173%208L5.95074%201.15464L7.09209%203.10004e-07L15%208L7.09209%2016L5.95074%2014.8454Z'%20fill='%231A1A1A'%20/%3e%3cpath%20d='M13.8594%207.17578L13.8594%208.82527L0.000153215%208.82527L0.000153287%207.17578L13.8594%207.17578Z'%20fill='%231A1A1A'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_5571'%3e%3crect%20width='16'%20height='15'%20fill='white'%20transform='translate(15)%20rotate(90)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 100%;
  height: 100%;
  background: var(--p-businessBottom-arrow-color);
}
@media screen and (max-width: 900px) {
  .p-businessBottom__arrow {
    grid-area: arrow;
    align-self: start;
    margin-block-start: 10px;
    margin-inline-end: 5px;
    --p-businessBottom-arrow-color: var(--color-main);
  }
}

@media (any-hover: hover) {
  .p-businessBottom__list:has(.p-businessBottom__link:hover) .p-businessBottom__link:not(:hover) {
    opacity: 0.5;
    transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
  }
  .p-businessBottom__item:hover .p-businessBottom__arrow::before {
    animation: arrow-move 0.5s cubic-bezier(0.75, 0, 0.1, 1.5);
  }
}
.p-businessFv {
  position: relative;
  height: 400px;
  margin-top: var(--header-height);
  padding-block: 100px 28px;
}
.p-businessFv::before {
  content: "";
  position: fixed;
  top: var(--header-height);
  right: 0;
  left: 0;
  z-index: -1;
  height: 400px;
}
.p-businessFv.p-businessFv--hac::before {
  background: url("../images/fv-bg.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--consulting::before {
  background: url("../images/fv-bg2.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disaster::before {
  background: url("../images/fv-bg5.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterPrevention::before {
  background: url("../images/fv-bg3.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disWaterTrajectory::before {
  background: url("../images/fv-bg4.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterPreventionEngineering::before {
  background: url("../images/fv-bg7.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--specialHose::before {
  background: url("../images/fv-bg6.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--consultingLower1::before {
  background: url("../images/fv-bg12.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--consultingLower2::before {
  background: url("../images/fv-bg10.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--consultingLower3::before {
  background: url("../images/fv-bg9.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--consultingLower4::before {
  background: url("../images/fv-bg8.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--consultingLower5::before {
  background: url("../images/fv-bg11.webp") center top/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterPreventionLower1::before {
  background: url("../images/fv-bg13.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterPreventionLower2::before {
  background: url("../images/fv-bg14.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterPreventionLower3::before {
  background: url("../images/fv-bg16.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterPreventionLower4::before {
  background: url("../images/fv-bg15.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterLower1::before {
  background: url("../images/fv-bg20.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterLower3::before {
  background: url("../images/fv-bg17.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterLower4::before {
  background: url("../images/fv-bg18.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterLower5::before {
  background: url("../images/fv-bg19.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disWaterTrajectoryLower2::before {
  background: url("../images/fv-bg21.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterPreventionEngineeringLower1::before {
  background: url("../images/fv-bg22.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterPreventionEngineeringLower2::before {
  background: url("../images/fv-bg24.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--disasterPreventionEngineeringLower3::before {
  background: url("../images/fv-bg23.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseSystem1::before {
  background: url("../images/fv-bg26.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseSystem2::before {
  background: url("../images/fv-bg28.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseSystem3::before {
  background: url("../images/fv-bg31.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseSystem4::before {
  background: url("../images/fv-bg25.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseSystem5::before {
  background: url("../images/fv-bg30.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseSystem6::before {
  background: url("../images/fv-bg27.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseSystem7::before {
  background: url("../images/fv-bg29.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseSystem8::before {
  background: url("../images/fv-bg34.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseProducts1::before {
  background: url("../images/fv-bg32.webp") center top/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseProducts2::before {
  background: url("../images/fv-bg33.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseProducts3::before {
  background: url("../images/fv-bg39.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseProducts4::before {
  background: url("../images/fv-bg37.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseProducts5::before {
  background: url("../images/fv-bg35.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseProducts6::before {
  background: url("../images/fv-bg38.webp") center center/cover no-repeat;
}
.p-businessFv.p-businessFv--lowerHoseProducts7::before {
  background: url("../images/fv-bg36.webp") center center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .p-businessFv {
    height: 597px;
    padding-block: 64px 28px;
  }
  .p-businessFv::before {
    height: 597px;
  }
  .p-businessFv.p-businessFv--hac::before {
    background-position: 30% center;
  }
  .p-businessFv.p-businessFv--specialHose::before {
    background: url("../images/fv-bg-sp.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--consultingLower5::before {
    background: url("../images/fv-bg-sp5.webp") center top/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterLower1::before {
    background: url("../images/fv-bg-sp2.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterLower4::before {
    background: url("../images/fv-bg-sp3.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterLower5::before {
    background: url("../images/fv-bg-sp4.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPreventionLower2::before {
    background: url("../images/fv-bg-sp10.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPreventionLower3::before {
    background-position: 40% top;
  }
  .p-businessFv.p-businessFv--disWaterTrajectory::before {
    background: url("../images/fv-bg-sp7.webp") center top/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseProducts1::before {
    background: url("../images/fv-bg-sp6.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseProducts2::before {
    background: url("../images/fv-bg-sp9.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseProducts3::before {
    background: url("../images/fv-bg-sp8.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseProducts4::before {
    background: url("../images/fv-bg-sp11.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseProducts5::before {
    background: url("../images/fv-bg-sp13.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseProducts6::before {
    background: url("../images/fv-bg-sp14.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseProducts7::before {
    background: url("../images/fv-bg-sp12.webp") center center/cover no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .p-businessFv.p-businessFv--disWaterTrajectoryLower2::before {
    background: url("../images/fv-bg-sp19.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseSystem1::before {
    background: url("../images/fv-bg-sp15.webp") center top/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseSystem2::before {
    background: url("../images/fv-bg-sp18.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseSystem3::before {
    background: url("../images/fv-bg-sp16.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseSystem4::before {
    background: url("../images/fv-bg-sp17.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseSystem5::before {
    background: url("../images/fv-bg-sp21.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseSystem6::before {
    background: url("../images/fv-bg-sp28.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseSystem7::before {
    background: url("../images/fv-bg-sp25.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--lowerHoseSystem8::before {
    background: url("../images/fv-bg-sp22.webp") center center/cover no-repeat;
  }
}
@media screen and (max-width: 500px) {
  .p-businessFv {
    height: 597px;
    padding-block: 64px 28px;
  }
  .p-businessFv.p-businessFv--hac::before {
    background: url("../images/fv-bg-sp20.webp") center top/cover no-repeat;
  }
  .p-businessFv.p-businessFv--consulting::before {
    background: url("../images/fv-bg-sp23.webp") center top/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disaster::before {
    background: url("../images/fv-bg-sp24.webp") center top/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPrevention::before {
    background: url("../images/fv-bg-sp26.webp") center top/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPreventionEngineering::before {
    background: url("../images/fv-bg-sp31.webp") center top/cover no-repeat;
  }
  .p-businessFv.p-businessFv--consultingLower1::before {
    background: url("../images/fv-bg-sp29.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--consultingLower2::before {
    background: url("../images/fv-bg-sp27.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--consultingLower3::before {
    background: url("../images/fv-bg-sp33.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--consultingLower4::before {
    background: url("../images/fv-bg-sp34.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPreventionLower1::before {
    background: url("../images/fv-bg-sp30.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPreventionLower3::before {
    background: url("../images/fv-bg-sp35.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPreventionLower4::before {
    background: url("../images/fv-bg-sp32.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterLower3::before {
    background: url("../images/fv-bg-sp37.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPreventionEngineeringLower1::before {
    background: url("../images/fv-bg-sp36.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPreventionEngineeringLower2::before {
    background: url("../images/fv-bg-sp39.webp") center center/cover no-repeat;
  }
  .p-businessFv.p-businessFv--disasterPreventionEngineeringLower3::before {
    background: url("../images/fv-bg-sp38.webp") center center/cover no-repeat;
  }
}

.p-businessFv__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: calc(1200px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-businessFv__inner {
    padding-inline: 18px;
  }
}

.p-businessFvTitle {
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 3rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1.5;
  text-shadow: 0 0 20px rgba(26, 26, 26, 0.13);
}
@media screen and (max-width: 900px) {
  .p-businessFvTitle {
    font-size: 2.25rem;
  }
}

.p-businessFvTitle--small {
  font-size: 2.5rem;
}
@media screen and (max-width: 900px) {
  .p-businessFvTitle--small {
    font-size: 1.75rem;
  }
}

.p-businessFv__breadcrumbWrapper {
  margin-block-start: auto;
}

.p-businessOtherLink {
  margin-block-start: -1px;
  padding-block: 161px 120px;
  background: var(--color-white);
}
@media screen and (max-width: 900px) {
  .p-businessOtherLink {
    padding-block: 101px 100px;
  }
}

.p-businessOtherLink + .p-businessOtherLink {
  padding-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-businessOtherLink + .p-businessOtherLink {
    padding-block-start: 0;
  }
}

.p-businessOtherLink__inner {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-businessOtherLink__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-businessOtherLink__inner {
    padding-inline: 16px;
  }
}

.p-businessOtherLink__title-main {
  font-family: var(--title-font-family);
  font-size: 4.75rem;
  font-weight: 500;
  line-height: 1.1;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .p-businessOtherLink__title-main {
    font-size: 3.375rem;
  }
}

.p-businessOtherLink__subtitle-sub {
  display: flex;
  column-gap: 8px;
  align-items: center;
  margin-block-start: 14px;
  color: var(--color-bg-blue);
  font-size: 1.0625rem;
}
.p-businessOtherLink__subtitle-sub::before {
  content: "";
  display: block;
  width: 15px;
  height: 2px;
  background: var(--color-bg-blue);
}
@media screen and (max-width: 900px) {
  .p-businessOtherLink__subtitle-sub {
    margin-block-start: 6px;
    font-size: 1rem;
  }
}

.p-businessOtherLink__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  gap: 32px;
  margin-block-start: 48px;
}
@media screen and (max-width: 900px) {
  .p-businessOtherLink__cards {
    grid-template-columns: 1fr;
    row-gap: 16px;
    margin-block-start: 38px;
  }
}

.p-businessOtherLink__card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
  min-block-size: 350px;
  padding-block: 24px;
  padding-inline: 20px;
  border-radius: 6px;
}
.p-businessOtherLink__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  transition: scale 0.4s ease;
}
.p-businessOtherLink__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(26, 26, 26, 0.35);
  transition: background 0.4s ease;
}
.p-businessOtherLink__card.p-pageBusiness__card--consulting::before {
  background: url("../images/businessLink/businessLink-consulting.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--hac::before {
  background: url("../images/businessLink/businessLink-hac.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--engineering::before {
  background: url("../images/businessLink/businessLink-engineering.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--disaster::before {
  background: url("../images/businessLink/businessLink-disaster.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--disasterPrevention::before {
  background: url("../images/businessLink/businessLink-disasterPrevention.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--waterTrailSimulation::before {
  background: url("../images/businessLink/businessLink-waterTrailSimulation.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--bcpEarthquakeIndustrialWaterSupply::before {
  background: url("../images/businessLink-bcpEarthquakeIndustrialWaterSupply.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--largeCapacityFoamCannonSystem::before {
  background: url("../images/businessLink-largeCapacityFoamCannonSystem.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--emergencyWaterSupplySystem::before {
  background: url("../images/businessLink-emergencyWaterSupplySystem.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--hoseOilTransportSystem::before {
  background: url("../images/businessLink-hoseOilTransportSystem.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--hoseFuelAutomaticSupply::before {
  background: url("../images/businessLink-hoseFuelAutomaticSupply.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--hoseLoadingArmEmergencyReplacement::before {
  background: url("../images/businessLink-hoseLoadingArmEmergencyReplacement.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--groundwaterPumpingSystem::before {
  background: url("../images/businessLink-groundwaterPumpingSystem.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--tsunamiSeawaterIntakePumpSystem::before {
  background: url("../images/businessLink-tsunamiSeawaterIntakePumpSystem.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--superAquadact::before {
  background: url("../images/businessLink-superAquadact.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--chemicoil::before {
  background: url("../images/businessLink-chemicoil.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--offshore::before {
  background: url("../images/businessLink-offshore.webp") var(--bg-cover);
}
.p-businessOtherLink__card.p-pageBusiness__card--wellmaster::before {
  background: url("../images/businessLink-wellmaster.webp") var(--bg-cover);
}
@media screen and (max-width: 900px) {
  .p-businessOtherLink__card {
    min-block-size: 280px;
    border-radius: 4px;
  }
  .p-businessOtherLink__card.p-pageBusiness__card--superAquadact::before {
    background-position: center 20%;
  }
  .p-businessOtherLink__card.p-pageBusiness__card--chemicoil::before {
    background-position: center 80%;
  }
  .p-businessOtherLink__card.p-pageBusiness__card--offshore::before {
    background-position: center 20%;
  }
  .p-businessOtherLink__card.p-pageBusiness__card--wellmaster::before {
    background-position: center 60%;
  }
}
@media screen and (max-width: 500px) {
  .p-businessOtherLink__card {
    min-block-size: 120px;
    padding-block: 12px;
    padding-inline: 16px;
  }
  .p-businessOtherLink__card.p-pageBusiness__card--hac::before {
    background: url("../images/businessLink/businessLink-hac-sp.webp") no-repeat center center/cover;
  }
  .p-businessOtherLink__card.p-pageBusiness__card--disasterPrevention::before {
    background: url("../images/businessLink/businessLink-disasterPrevention-sp.webp") var(--bg-cover);
  }
  .p-businessOtherLink__card.p-pageBusiness__card--disaster::before {
    background: url("../images/businessLink/businessLink-disaster-sp.webp") var(--bg-cover);
  }
  .p-businessOtherLink__card.p-pageBusiness__card--waterTrailSimulation::before {
    background: url("../images/businessLink/businessLink-waterTrailSimulation-sp.webp") var(--bg-cover);
  }
}

.p-businessOtherLink__card-head {
  display: flex;
  column-gap: 20px;
  justify-content: space-between;
  align-items: end;
}

.p-businessOtherLink__card-title {
  color: var(--color-white);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
}
@media screen and (max-width: 900px) {
  .p-businessOtherLink__card-title {
    font-size: 1.25rem;
  }
}

.p-businessOtherLink__card-icon {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  translate: 0 -5px;
}

.p-businessOtherLink__card-icon img {
  display: block;
  inline-size: 23.726px;
  block-size: 21.85px;
  object-fit: cover;
}

@media (any-hover: hover) {
  .p-businessOtherLink__card:hover::before {
    scale: 1.06;
  }
  .p-businessOtherLink__card:hover::after {
    background: rgba(26, 26, 26, 0.75);
  }
  .p-businessOtherLink__card:hover .p-businessOtherLink__card-icon img {
    animation: arrow-move var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}
.p-catalog {
  padding-block: 48px 69px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 767px) {
  .p-catalog {
    padding-block: 56px 29px;
  }
}

.p-catalog__inner {
  max-inline-size: calc(var(--inner-pageAbout) + 32px);
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-catalog__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-catalog__inner {
    padding-inline: 16px;
  }
}

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

.p-catalog__tabs {
  display: none;
  margin-block-start: 40px;
}
@media screen and (max-width: 767px) {
  .p-catalog__tabs {
    display: block;
    margin-block-start: 32px;
  }
}
.p-catalog__tabs .p-faqSidebar__categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-block-start: 0;
}
@media screen and (max-width: 900px) {
  .p-catalog__tabs .p-faqSidebar__categories {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-catalog__tabs .p-faqSidebar__categories {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}

@media screen and (max-width: 767px) {
  .p-catalog__sections .p-catalogSection:not(.is-active) {
    display: none;
  }
}
.p-catalog__texts {
  margin-block-start: 80px;
}
@media screen and (max-width: 767px) {
  .p-catalog__texts {
    margin-block-start: 24px;
  }
}

.p-catalog__text {
  font-weight: 500;
  line-height: 180%;
}

.p-catalog__text + .p-catalog__text {
  margin-block-start: 20px;
}
@media screen and (max-width: 767px) {
  .p-catalog__text + .p-catalog__text {
    margin-block-start: 24px;
  }
}

.p-catalog__add {
  margin-block-start: 12px;
  color: var(--color-text-lightBlack);
  font-size: 14px;
  font-weight: 500;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-catalog__add {
    margin-block-start: 24px;
  }
}

.p-catalogSection {
  padding-block-start: 72px;
}

.p-catalogSection__title {
  opacity: 0;
  padding-block-end: 28px;
  border-bottom: 1px solid var(--color-border-gray);
  font-size: 32px;
  font-weight: 700;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-catalogSection__title {
    padding-block-end: 20px;
    font-size: 26px;
  }
}

.p-catalogSection__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px clamp(1.5rem, -2.4700834879rem + 7.0500927644vw, 3.875rem);
  margin-block-start: 68px;
}
@media screen and (max-width: 900px) {
  .p-catalogSection__container {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 56px;
    padding-inline: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-catalogSection__container {
    gap: 40px 24px;
    margin-block-start: 32px;
    padding-inline: 12px;
  }
}
@media (width <= 600px) {
  .p-catalogSection__container {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    padding-inline: 24px;
  }
}
@media screen and (max-width: 400px) {
  .p-catalogSection__container {
    padding-inline: 0;
  }
}

.p-components__inner {
  max-width: 1460px;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-components__inner {
    padding-inline: 16px;
  }
}

.p-components__sectionTitle {
  margin-block: 56px 8px;
  font-size: 1.375rem;
  font-weight: var(--fw-bold);
  line-height: 1.4;
}
.p-components__sectionTitle:first-child {
  margin-block-start: 0;
}

.p-components__blockName {
  margin-block-end: 12px;
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
}

.p-components__preview {
  margin-block-end: 24px;
}

.p-components__previewList {
  list-style: none;
}

.p-components__item {
  margin-block-end: 40px;
  margin-inline: auto;
  padding-block: 80px;
  border-block: 1px solid #000;
}
.p-components__item.p-components__item--narrow {
  max-width: 1080px;
}

.p-components__code {
  display: block;
  overflow-x: auto;
  min-height: 80px;
  margin-block: 0 0;
  padding: 16px;
  border: 1px solid rgba(74, 74, 74, 0.4);
  background: var(--color-bg-grayBlue);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.8125rem;
  line-height: 1.6;
  white-space: pre-wrap;
  word-break: break-all;
}

.p-components__code code {
  display: block;
}

.p-contactThanks {
  padding-block-start: 140px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-contactThanks {
    padding-block-start: 80px;
  }
}

.p-contactThanks__inner {
  max-width: calc(880px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-contactThanks__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-contactThanks__inner {
    padding-inline: 16px;
  }
}

.p-contactThanks__text {
  line-height: 2;
}

.p-contactThanks__button {
  position: relative;
  z-index: 1;
  margin-block-start: 80px;
}
@media screen and (max-width: 900px) {
  .p-contactThanks__button {
    margin-block-start: 60px;
  }
}

.p-contactThanks__infinityScroll {
  margin-block-start: -110px;
}
@media screen and (max-width: 900px) {
  .p-contactThanks__infinityScroll {
    margin-block-start: -50px;
  }
}

.p-contactThanks__footerLink {
  margin-block-start: -1px;
  padding-block: 91px 20px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-contactThanks__footerLink {
    padding-block-start: 71px;
  }
}

.p-contactThanks__footerLink-inner {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-contactThanks__footerLink-inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-contactThanks__footerLink-inner {
    padding-inline: 16px;
  }
}

.p-drawer {
  position: fixed;
  inset: var(--header-height) 0 0 0;
  z-index: 100;
  visibility: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--color-bg-white);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity var(--duration) ease, visibility var(--duration) ease, transform var(--duration) ease;
}
.p-drawer.is-open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
@media (width >= 901px) {
  .p-drawer {
    display: none !important;
  }
}

.p-drawer__inner {
  min-height: 100%;
  padding-block: 20px 60px;
  padding-inline: 26px;
}

.p-drawer__lang {
  display: flex;
  gap: 7px;
  align-items: center;
  overflow: visible;
}
.p-drawer__lang .trp-language-item-name {
  font-size: 0.8125rem !important;
}

.p-drawer__lang-icon {
  display: block;
  mask-image: url("../images/icon_lang.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 20px;
  aspect-ratio: 1;
  background: var(--color-bg-black);
}

.p-drawer__lang-text {
  font-size: 0.8125rem;
  font-weight: var(--fw-bold);
}

.p-drawer__search-wrap {
  width: 100%;
  margin-block-start: 9px;
}
.p-drawer__search-wrap .search-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 47px;
  padding: 0 12px;
  border: 1px solid var(--color-border-gray);
  border-radius: 6px;
  background: var(--color-bg-gray);
}
.p-drawer__search-wrap .search-form label {
  display: flex;
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
}
.p-drawer__search-wrap .search-field {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  border: none;
  background: transparent;
  color: var(--color-text-main);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
}
.p-drawer__search-wrap .search-field::placeholder {
  color: var(--color-text-thinBlack);
}
.p-drawer__search-wrap .search-field:focus {
  outline: none;
}
.p-drawer__search-wrap .search-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_11287)'%3e%3cpath%20d='M3.75%208.125C3.75%209.91797%204.33203%2011.5742%205.3125%2012.918L0.367188%2017.8672C-0.121094%2018.3555%20-0.121094%2019.1484%200.367188%2019.6367C0.855469%2020.125%201.64844%2020.125%202.13672%2019.6367L7.08203%2014.6875C8.42578%2015.6719%2010.082%2016.25%2011.875%2016.25C16.3633%2016.25%2020%2012.6133%2020%208.125C20%203.63672%2016.3633%200%2011.875%200C7.38672%200%203.75%203.63672%203.75%208.125ZM11.875%2013.75C11.1363%2013.75%2010.4049%2013.6045%209.72241%2013.3218C9.03995%2013.0391%208.41985%2012.6248%207.89752%2012.1025C7.3752%2011.5801%206.96086%2010.9601%206.67818%2010.2776C6.39549%209.59514%206.25%208.86369%206.25%208.125C6.25%207.38631%206.39549%206.65486%206.67818%205.97241C6.96086%205.28995%207.3752%204.66985%207.89752%204.14752C8.41985%203.62519%209.03995%203.21086%209.72241%202.92818C10.4049%202.64549%2011.1363%202.5%2011.875%202.5C12.6137%202.5%2013.3451%202.64549%2014.0276%202.92818C14.7101%203.21086%2015.3301%203.62519%2015.8525%204.14752C16.3748%204.66985%2016.7891%205.28995%2017.0718%205.97241C17.3545%206.65486%2017.5%207.38631%2017.5%208.125C17.5%208.86369%2017.3545%209.59514%2017.0718%2010.2776C16.7891%2010.9601%2016.3748%2011.5801%2015.8525%2012.1025C15.3301%2012.6248%2014.7101%2013.0391%2014.0276%2013.3218C13.3451%2013.6045%2012.6137%2013.75%2011.875%2013.75Z'%20fill='%232E2E2E'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_11287'%3e%3crect%20width='20'%20height='20'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  padding: 0;
  border: none;
  background: currentcolor;
  cursor: pointer;
}

.p-drawer__nav {
  margin-block-start: 28px;
}

.p-drawer__nav-inner {
  display: grid;
  row-gap: 12px;
}

.p-drawer__accordion-group,
.p-drawer__link-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-block-end: 12px;
  border-block-end: 1px solid var(--color-border-gray);
}

.p-drawer__accordion::details-content {
  content-visibility: unset;
  display: grid;
  overflow: hidden;
}
@media (prefers-reduced-motion: no-preference) {
  .p-drawer__accordion::details-content {
    transition: grid-template-rows 300ms ease;
  }
}
.p-drawer__accordion:not([open])::details-content {
  grid-template-rows: 0fr;
}
.p-drawer__accordion[open]::details-content {
  grid-template-rows: 1fr;
}

.p-drawer__accordion-summary {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  cursor: pointer;
}
.p-drawer__accordion-summary::-webkit-details-marker {
  display: none;
}

.p-drawer__accordion-link {
  color: var(--color-text-main);
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
}

.p-drawer__accordion-arrow {
  flex-shrink: 0;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='8'%20viewBox='0%200%2013%208'%20fill='none'%3e%3cpath%20d='M11.91%200.000814871L12.97%201.06181L7.193%206.84081C7.10043%206.93397%206.99036%207.0079%206.86911%207.05835C6.74786%207.10879%206.61783%207.13477%206.4865%207.13477C6.35517%207.13477%206.22514%207.10879%206.10389%207.05835C5.98264%207.0079%205.87257%206.93397%205.78%206.84082L-2.65457e-07%201.06182L1.06%200.00181527L6.485%205.42581L11.91%200.000814871Z'%20fill='%23124D8A'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 16px;
  height: 16px;
  background-color: var(--color-bg-black);
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.p-drawer__accordion[open] .p-drawer__accordion-arrow {
  transform: rotate(180deg);
}

.p-drawer__accordion-content {
  overflow: hidden;
  min-height: 0;
}

.p-drawer__accordion-content-inner {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-block-start: 13px;
}

.p-drawer__accordion-subitem {
  position: relative;
  padding-inline-start: 20px;
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.6;
}
.p-drawer__accordion-subitem .p-drawer__accordion-subitem-line {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: fit-content;
  height: 1lh;
}
.p-drawer__accordion-subitem .p-drawer__accordion-subitem-line::before {
  content: "－";
  display: block;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.p-drawer__link {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
}

.p-drawer__link-arrow {
  flex-shrink: 0;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_5571)'%3e%3cpath%20d='M5.95074%2014.8454L12.7173%208L5.95074%201.15464L7.09209%203.10004e-07L15%208L7.09209%2016L5.95074%2014.8454Z'%20fill='%231A1A1A'%20/%3e%3cpath%20d='M13.8594%207.17578L13.8594%208.82527L0.000153215%208.82527L0.000153287%207.17578L13.8594%207.17578Z'%20fill='%231A1A1A'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_5571'%3e%3crect%20width='16'%20height='15'%20fill='white'%20transform='translate(15)%20rotate(90)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 16px;
  height: 15.176px;
  background-color: var(--color-bg-black);
}

.p-drawer__bottom {
  margin-block-start: 32px;
}

.p-drawer__buttons {
  display: grid;
  gap: 12px;
}

.p-drawer__button {
  min-height: 60px;
  padding-block: 12px;
  padding-inline: 20px;
  border-radius: 100vmax;
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  text-align: center;
  transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
  .p-drawer__button:hover {
    opacity: 0.9;
  }
}

.p-drawer__button--primary {
  border: 1px solid var(--color-border-black);
  background: var(--color-border-black);
  color: var(--color-white);
}

.p-drawer__button--secondary {
  border: 1px solid var(--color-main);
  background: var(--color-main);
  color: var(--color-white);
}

.p-drawer__contact {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-block-start: 16px;
}

.p-drawer__tel {
  display: flex;
  gap: 8px;
  align-items: center;
}

.p-drawer__tel-icon {
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%3e%3cpath%20d='M6.963%2014.9839C9.73281%2020.4274%2014.1953%2024.8706%2019.6387%2027.6596L23.8704%2023.428C24.3897%2022.9086%2025.1591%2022.7355%2025.8323%2022.9663C27.9866%2023.678%2030.314%2024.0627%2032.6992%2024.0627C33.7571%2024.0627%2034.6226%2024.9283%2034.6226%2025.9862V32.6992C34.6226%2033.7571%2033.7571%2034.6226%2032.6992%2034.6226C14.6377%2034.6226%200%2019.985%200%201.92348C0%200.865566%200.865566%200%201.92348%200H8.65566C9.71357%200%2010.5791%200.865566%2010.5791%201.92348C10.5791%204.32783%2010.9638%206.63601%2011.6755%208.7903C11.8871%209.46352%2011.7332%2010.2137%2011.1947%2010.7523L6.963%2014.9839Z'%20fill='white'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 27px;
  aspect-ratio: 1;
  background: var(--color-text-main);
}

.p-drawer__tel-number {
  font-family: var(--number-font-family);
  font-size: 1.8125rem;
  font-weight: var(--fw-bold);
  letter-spacing: 0.0175em;
}

.p-drawer__sns {
  display: flex;
  column-gap: 8px;
  align-items: center;
}

.p-drawer__sns-item {
  display: block;
}
.p-drawer__sns-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-drawer__sns-item.p-drawer__sns-item--instagram {
  width: 32px;
  height: 32px;
}
.p-drawer__sns-item.p-drawer__sns-item--youtube {
  width: 36px;
  height: 26px;
}

.p-faq {
  padding-block: 120px 160px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-faq {
    padding-block: 80px 100px;
  }
}

.p-faq__inner {
  max-inline-size: calc(1200px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-faq__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-faq__inner {
    padding-inline: 16px;
  }
}

.p-faq__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}

.p-faq__container {
  display: grid;
  grid-template-columns: 249px 1fr;
  gap: clamp(0.5rem, -11.2012987013rem + 20.7792207792vw, 7.5rem);
  margin-block-start: 80px;
}
@media screen and (max-width: 900px) {
  .p-faq__container {
    grid-template-columns: minmax(0, 1fr);
    margin-block-start: 64px;
  }
}

.p-faq__sidebar {
  position: sticky;
  top: calc(var(--header-height) + 40px);
  align-self: start;
}
@media screen and (max-width: 900px) {
  .p-faq__sidebar {
    position: static;
  }
}

.p-faqSidebar__categories {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-faqSidebar__categories {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-block-start: 0;
  }
}
@media (width <= 650px) {
  .p-faqSidebar__categories {
    grid-template-columns: repeat(1, 1fr);
  }
}

.p-faqSidebar__categoryItem {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin: -6px -4px;
  padding: 6px 4px;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
@media (any-hover: hover) {
  .p-faqSidebar__categoryItem:hover .p-faqSidebar__categoryName {
    color: rgb(26, 26, 26);
  }
}

.p-faqSidebar__categoryInput {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  appearance: none;
}

.p-faqSidebar__categoryCheck {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(26, 26, 26, 0.4);
  border-radius: 50%;
  background-color: var(--color-bg-white);
  transition: border-color 0.2s, background-color 0.2s;
}
.p-faqSidebar__categoryInput:checked + .p-faqSidebar__categoryCheck {
  border-color: rgba(26, 26, 26, 0.4);
  box-shadow: inset 0 0 0 3px var(--color-bg-white);
  background-color: var(--color-bg-blue);
}

.p-faqSidebar__categoryName {
  margin-block-start: -1px;
  color: rgba(26, 26, 26, 0.4);
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  transition: color 0.4s;
}
.p-faqSidebar__categoryItem:has(.p-faqSidebar__categoryInput:checked) .p-faqSidebar__categoryName {
  color: #1a1a1a;
}

@media screen and (max-width: 900px) {
  .p-faqSidebar__categoryName br {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .p-faq__body {
    margin-block-start: 48px;
  }
}

.p-faqSearch__text {
  color: #323232;
  font-size: 24px;
  font-weight: 700;
  line-height: 180%;
}
@media screen and (max-width: 900px) {
  .p-faqSearch__text {
    font-size: 20px;
  }
}

.p-faqSearch__inner {
  display: flex;
  gap: 11px;
  align-items: center;
  margin-block-start: 16px;
  padding: 4px 4px 4px 16px;
  border: 1px solid var(--color-border-lightBlack);
  border-radius: 8px;
  background: var(--color-bg-gray);
  transition: border-color 0.2s;
}
.p-faqSearch__inner:focus-within {
  border-color: var(--color-bg-blue);
}

.p-faqSearch__icon {
  flex-shrink: 0;
  color: rgba(26, 26, 26, 0.4);
}

.p-faqSearch__input {
  flex: 1;
  padding: 8px 4px;
  border: none;
  background: none;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 15px;
  line-height: 1.7;
  outline: none;
}
.p-faqSearch__input::placeholder {
  color: rgba(26, 26, 26, 0.3);
}

.p-faqSearch__clear {
  display: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 8px;
  background: var(--color-bg-gray);
  color: rgba(26, 26, 26, 0.5);
  font-size: 14px;
  cursor: pointer;
  transition: background 0.15s;
}
.p-faqSearch__clear.is-show {
  display: flex;
}
@media (any-hover: hover) {
  .p-faqSearch__clear:hover {
    background: rgba(26, 26, 26, 0.1);
  }
}

.p-faq__content {
  margin-block-start: 68px;
}

.p-faqContent__results {
  display: none;
  gap: 8px;
  align-items: center;
  min-block-size: 20px;
  margin-block-end: 16px;
  color: rgba(26, 26, 26, 0.4);
  font-size: 13px;
}

.p-faqContent__keyword {
  padding: 1px 8px;
  border-radius: 4px;
  background: var(--color-bg-grayBlue);
  color: var(--color-text-main);
  font-weight: 500;
}

.p-faqContent__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.js .p-faqContent__list {
  visibility: hidden;
}
.p-faqContent__list.is-initial .p-faqItem.is-visible {
  animation: none;
}
@media screen and (max-width: 900px) {
  .p-faqContent__list {
    gap: 16px;
  }
}

.p-faqContent__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 900px) {
  .p-faqContent__wrapper {
    gap: 16px;
  }
}
.p-faqContent__wrapper.is-hidden {
  display: none;
}

.p-faqContent__title {
  opacity: 0;
  color: var(--color-main);
  font-size: 24px;
  font-weight: 700;
  line-height: 180%;
}
@media screen and (max-width: 900px) {
  .p-faqContent__title {
    font-size: 20px;
  }
}

.p-faqContent__titleSub {
  margin-block-start: 4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 180%;
}

.p-faqContent__titleSub--margin {
  margin-block-start: 20px;
}
@media screen and (max-width: 900px) {
  .p-faqContent__titleSub--margin {
    margin-block-start: 24px;
  }
}

.p-faqContent__title.is-hidden,
.p-faqContent__titleSub.is-hidden {
  display: none;
}

@keyframes faq-fade-up {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.p-faqItem {
  display: none;
  opacity: 0;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
  border-top: 1px solid rgba(74, 74, 74, 0.4);
}
.p-faqItem.is-visible {
  display: flex;
  animation: faq-fade-up 0.25s ease both;
}

.p-faqItem__divider {
  block-size: 1px;
  margin: 0;
  border: none;
  background: rgba(74, 74, 74, 0.4);
}

.p-faqItem__panel {
  padding-block-start: 16px;
  border-radius: 3px;
  background: var(--color-bg-white);
}

.p-faqItem__qRow {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding: 20px 24px 12px;
}
@media screen and (max-width: 900px) {
  .p-faqItem__qRow {
    gap: 15px;
    align-items: flex-start;
    padding: 20px 8px;
  }
}

.p-faqItem__qBadge {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  inline-size: 32px;
  block-size: 32px;
  border-radius: 50%;
  background: var(--color-bg-blue);
  color: var(--color-white);
  font-family: var(--roboto), sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  margin-block-start: 2px;
}
@media screen and (max-width: 900px) {
  .p-faqItem__qBadge {
    margin-block-start: 2px;
  }
}

.p-faqItem__questionText {
  flex: 1;
  margin: 0;
  color: #323232;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

.p-faqItem__aRow {
  padding: 10px 24px 20px;
}
@media screen and (max-width: 900px) {
  .p-faqItem__aRow {
    padding: 0 0 20px;
  }
}

.p-faqItem__answerText {
  padding-inline-start: 53px;
  color: #474747;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-faqItem__answerText {
    padding-inline-start: 56px;
  }
}
.p-faqItem__answerText > p {
  margin: 0;
  color: inherit;
  font: inherit;
}
.p-faqItem__answerText > p + p {
  margin-block-start: 1lh;
}
.p-faqItem__answerText > .p-faqItem__answerSpacer {
  flex-shrink: 0;
  block-size: 1lh;
  min-block-size: 1lh;
  margin: 0;
  padding: 0;
  border: none;
}
.p-faqItem__answerText .p-faqItem__answerLink {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media (any-hover: hover) {
  .p-faqItem__answerText .p-faqItem__answerLink:hover {
    opacity: 0.85;
  }
}

.p-faqItem mark {
  padding: 0 1px;
  border-radius: 2px;
  background: rgba(18, 77, 138, 0.15);
  color: inherit;
}

.p-faqContent__noResult {
  display: none;
  padding: 4rem 2rem;
  color: rgba(26, 26, 26, 0.4);
  text-align: center;
}
.p-faqContent__noResult.is-visible {
  display: block;
}
.p-faqContent__noResult svg {
  margin-block-end: 16px;
  opacity: 0.3;
}

.p-faqContent__noResultTitle {
  color: rgba(26, 26, 26, 0.6);
  font-size: 17px;
  font-weight: 500;
}

.p-faqContent__noResultText {
  margin-block-start: 8px;
  font-size: 14px;
}

.p-faqFooterLink {
  margin-block-start: -1px;
  padding-block: 0 20px;
  background: var(--color-bg-white);
}

.p-faqFooterLink__inner {
  max-inline-size: 1800px;
  margin-inline: auto;
  padding-inline: 30px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-faqFooterLink__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-faqFooterLink__inner {
    padding-inline: 16px;
  }
}

.p-footer {
  background: var(--color-bg-black);
  color: var(--color-white);
}

.p-footer__inner {
  position: relative;
  max-width: 1640px;
  margin-inline: auto;
  padding-inline: clamp(40px, 8.3333333333vw, 120px);
}
@media screen and (max-width: 767px) {
  .p-footer__inner {
    padding-inline: 26px;
  }
}

.p-footer__content {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: 40px;
  padding-block: 80px 143px;
}
@media screen and (max-width: 767px) {
  .p-footer__content {
    grid-template-columns: 1fr;
    row-gap: 40px;
    padding-block: 80px 60px;
  }
}

.p-footer__title {
  font-size: 1.5rem;
  letter-spacing: 0.0833333333em;
}

.p-footer__address {
  display: grid;
  gap: 6px;
  margin-block-start: 22px;
  font-size: 0.9375rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .p-footer__address {
    gap: 8px;
    margin-block-start: 18px;
    font-size: 0.8125rem;
  }
}

.p-footer__map {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  margin-block-start: 20px;
  color: var(--color-white);
  font-size: 0.9375rem;
  text-decoration: underline;
  transition: opacity var(--duration) ease;
}
@media (any-hover: hover) {
  .p-footer__map:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__map {
    margin-block-start: 12px;
    font-size: 0.875rem;
  }
}

.p-footer__map-icon {
  flex-shrink: 0;
}
.p-footer__map-icon img {
  width: 16px;
  height: 23px;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .p-footer__map-icon img {
    width: 13.956px;
    height: 20.008px;
  }
}

.p-footer__contact {
  display: grid;
  gap: 10px;
  margin-block-start: 40px;
}
@media screen and (max-width: 767px) {
  .p-footer__contact {
    gap: 8px;
    margin-block-start: 12px;
  }
}

.p-footer__contact-link {
  color: var(--color-white);
  font-size: 0.9375rem;
  line-height: 1.6;
}
.p-footer__contact-link.p-footer__contact-link--tel {
  transition: opacity var(--duration) ease;
}
@media (any-hover: hover) {
  .p-footer__contact-link.p-footer__contact-link--tel:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__contact-link {
    font-size: 0.875rem;
  }
}

.p-footer__sns {
  display: flex;
  column-gap: 12px;
  align-items: center;
  margin-block-start: 48px;
  transition: opacity var(--duration) ease;
}
@media (any-hover: hover) {
  .p-footer__sns:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__sns {
    margin-block-start: 20px;
  }
}

.p-footer__sns-item.p-footer__sns-item--instagram img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.p-footer__sns-item.p-footer__sns-item--youtube img {
  width: 36px;
  height: 26px;
  object-fit: contain;
}

.p-footer__nav {
  justify-self: end;
}

.p-footer__nav-columns {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: 45px clamp(20px, 3.125vw, 45px);
}
@media screen and (max-width: 1200px) {
  .p-footer__nav-columns {
    grid-template-columns: repeat(2, max-content);
  }
}
@media screen and (max-width: 767px) {
  .p-footer__nav-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
  }
}

.p-footer__nav-column {
  display: grid;
  row-gap: 30px;
  align-self: start;
  min-width: 130px;
}
@media screen and (max-width: 767px) {
  .p-footer__nav-column.p-footer__nav-column--spContent {
    display: contents;
  }
  .p-footer__nav-column.p-footer__nav-column--sp-row {
    order: 9;
    flex-direction: column;
    row-gap: 17px;
  }
}

.p-footer__nav-group {
  display: contents;
}

.p-footer__nav-title {
  display: inline-block;
  color: var(--color-white);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  transition: opacity var(--duration) ease;
}
@media (any-hover: hover) {
  .p-footer__nav-title:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__nav-title {
    min-width: 120px;
  }
}

.p-footer__nav-title--services {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-footer__nav-title--services {
    display: block;
  }
}

.p-footer__nav-sublist {
  display: grid;
  gap: 15px;
  margin-block-start: -12px;
}
@media screen and (max-width: 767px) {
  .p-footer__nav-sublist {
    gap: 14px;
    margin-block-start: 0;
  }
  .p-footer__nav-sublist.p-footer__nav-sublist-pc-only {
    display: none;
  }
}

.p-footer__nav-subitem {
  position: relative;
  padding-inline-start: 18px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8125rem;
  font-weight: var(--fw-regular);
  line-height: 1.6;
}
.p-footer__nav-subitem .p-footer__nav-subitem-line {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: fit-content;
  height: 1lh;
}
.p-footer__nav-subitem .p-footer__nav-subitem-line::before {
  content: "－";
  display: block;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.p-footer__nav-subitem a {
  transition: color var(--duration) ease;
}
@media (any-hover: hover) {
  .p-footer__nav-subitem a:hover {
    color: var(--color-white);
  }
}
@media screen and (max-width: 767px) {
  .p-footer__nav-subitem {
    padding-inline-start: 0;
  }
  .p-footer__nav-subitem .p-footer__nav-subitem-line::before {
    display: none;
  }
}

.p-footer__bottom {
  padding-block: 25px 48px;
  border-block-start: 1px solid var(--color-border-lightGray);
}
@media screen and (max-width: 767px) {
  .p-footer__bottom {
    padding-block: 10px 85px;
  }
}

.p-footer__bottom-list {
  display: flex;
  column-gap: 46px;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-footer__bottom-list {
    flex-wrap: wrap;
    column-gap: 42px;
  }
}

.p-footer__bottom-item a {
  position: relative;
  color: var(--color-text-white70);
  font-size: 0.75rem;
  font-weight: var(--fw-regular);
  line-height: 1.6;
  transition: opacity var(--duration) ease;
}
.p-footer__bottom-item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -23px;
  width: 1px;
  height: 16px;
  background: currentcolor;
  translate: 0 -50%;
}
.p-footer__bottom-item:last-child a::after {
  display: none;
}
@media (any-hover: hover) {
  .p-footer__bottom-item:last-child:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__bottom-item a {
    display: inline-block;
    min-width: 120px;
  }
  .p-footer__bottom-item a::after {
    display: none;
  }
}

.p-footer__copyright {
  padding-block: 24px;
  background: var(--color-bg-darkBlack);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-footer__copyright {
    padding-block: 18px;
  }
}

.p-footer__copyright-text {
  color: var(--color-text-gray);
  font-size: 0.75rem;
  font-weight: var(--fw-regular);
  text-align: center;
}

.p-footer__pageTop {
  position: absolute;
  right: 118px;
  bottom: 141px;
  display: grid;
  place-items: center;
  width: 60px;
  height: 60px;
  border: 1px solid var(--color-white);
  border-radius: 50%;
  background: var(--color-bg-black);
  cursor: pointer;
  transition: background-color var(--duration) ease;
}
@media screen and (max-width: 1200px) {
  .p-footer__pageTop {
    right: clamp(40px, 8.3333333333vw, 120px);
    bottom: 141px;
  }
}
@media screen and (max-width: 767px) {
  .p-footer__pageTop {
    top: 60px;
    right: 52px;
    bottom: auto;
  }
}
@media screen and (max-width: 500px) {
  .p-footer__pageTop {
    top: 30px;
    right: 26px;
    bottom: auto;
  }
}
@media (any-hover: hover) {
  .p-footer__pageTop:hover {
    background: var(--color-white);
  }
  .p-footer__pageTop:hover .p-footer__pageTop-arrow {
    filter: invert(1);
  }
}

.p-footer__pageTop-arrow {
  width: 18px;
  height: 17px;
  object-fit: contain;
  rotate: 180deg;
  transition: filter var(--duration) ease;
}

body.translatepress-en_US .p-footer__nav-columns {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  body.translatepress-en_US .p-footer__content {
    grid-template-columns: 1fr;
  }
}

.p-footerLink__contents {
  display: grid;
  grid-template-columns: minmax(0, 1fr) min(31.8055555556vw, 458px);
  column-gap: 0;
}
@media screen and (max-width: 1100px) {
  .p-footerLink__contents {
    grid-template-columns: 1fr;
    row-gap: 14px;
  }
}

.p-footerLink__content {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  overflow: clip;
  padding-block: 40px 50px;
  border-radius: 0;
}
.p-footerLink__content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--bg-cover);
  transition: transform 0.4s var(--base-ease);
}
.p-footerLink__content::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.p-footerLink__content > * {
  position: relative;
  z-index: 2;
}
.p-footerLink__content.p-footerLink__content--contact {
  padding-inline: clamp(20px, 2.7777777778vw, 40px);
}
.p-footerLink__content.p-footerLink__content--contact::before {
  background-image: url("../images/contactLink-bg.webp");
}
.p-footerLink__content.p-footerLink__content--contact::after {
  background: linear-gradient(rgba(26, 26, 26, 0.75), rgba(26, 26, 26, 0.75));
}
.p-footerLink__content.p-footerLink__content--recruit {
  padding-inline: clamp(0.625rem, -2.901528777rem + 5.51558753vw, 2.0625rem) clamp(0.625rem, -0.9082733813rem + 2.3980815348vw, 1.25rem);
}
.p-footerLink__content.p-footerLink__content--recruit::before {
  background-image: url("../images/recruitLink-bg.webp");
}
.p-footerLink__content.p-footerLink__content--recruit::after {
  background: linear-gradient(rgba(0, 35, 75, 0.75), rgba(0, 35, 75, 0.75));
}
.p-footerLink__content.p-footerLink__content--recruit .p-footerLink__content-link a {
  width: 200px;
}
@media screen and (max-width: 1100px) {
  .p-footerLink__content {
    padding-block: 38px 48px;
    border-radius: 20px;
  }
  .p-footerLink__content.p-footerLink__content--contact {
    padding-inline: 40px;
  }
  .p-footerLink__content.p-footerLink__content--recruit {
    padding-inline: 40px;
  }
}
@media screen and (max-width: 900px) {
  .p-footerLink__content.p-footerLink__content--contact {
    padding-inline: 16px;
  }
  .p-footerLink__content.p-footerLink__content--recruit {
    padding-inline: 16px;
  }
  .p-footerLink__content.p-footerLink__content--recruit::before {
    background-image: url("../images/recruitLink-bg-sp.webp");
  }
  .p-footerLink__content.p-footerLink__content--recruit .p-footerLink__content-text {
    margin-block-start: 40px;
  }
}
@media (any-hover: hover) {
  .p-footerLink__content:hover::before {
    transform: scale(1.07);
  }
  .p-footerLink__content:hover .c-btnMore--white {
    border: 1px solid var(--color-bg-white);
    background: var(--color-bg-black);
    color: var(--color-white);
  }
  .p-footerLink__content:hover .c-btnMore--white .c-btnMore__icon img {
    filter: invert(1);
    animation: arrow-move 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}

.p-footerLink__content-title-main {
  font-size: clamp(5rem, 7.0833333333vw, 6.375rem);
}
@media screen and (max-width: 1100px) {
  .p-footerLink__content-title-main {
    font-size: 4rem;
  }
}

.p-footerLink__content-title-sub {
  margin-block-start: 7px;
}
@media screen and (max-width: 900px) {
  .p-footerLink__content-title-sub {
    margin-block-start: -2px;
    font-size: 1rem;
  }
}

.p-footerLink__content-text {
  margin-block-start: 40px;
  color: var(--color-white);
  font-size: 1.0625rem;
}
@media screen and (max-width: 1100px) {
  .p-footerLink__content-text {
    margin-block-start: 32px;
    font-size: 1rem;
  }
}

.p-footerLink__content-bottom {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-block-start: 145px;
}
@media screen and (max-width: 1100px) {
  .p-footerLink__content-bottom {
    margin-block-start: 10px;
  }
}

.p-footerLink__content-link {
  margin-block-start: 40px;
}
.p-footerLink__content-link a {
  width: 262px;
}

@media screen and (max-width: 1100px) {
  .p-footerLink__content-info {
    margin-block-start: 24px;
  }
}

.p-footerLink__content-info-title {
  color: var(--color-white);
}
@media screen and (max-width: 1100px) {
  .p-footerLink__content-info-title {
    font-size: 0.9375rem;
  }
}

.p-footerLink__content-info-link {
  display: flex;
  column-gap: 9px;
  align-items: center;
  color: var(--color-white);
  font-family: var(--number-font-family);
  font-size: clamp(1.625rem, 2.6388888889vw, 2.375rem);
  font-weight: var(--fw-bold);
  letter-spacing: 0.0152105263em;
  cursor: default;
}
.p-footerLink__content-info-link::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%3e%3cpath%20d='M6.963%2014.9839C9.73281%2020.4274%2014.1953%2024.8706%2019.6387%2027.6596L23.8704%2023.428C24.3897%2022.9086%2025.1591%2022.7355%2025.8323%2022.9663C27.9866%2023.678%2030.314%2024.0627%2032.6992%2024.0627C33.7571%2024.0627%2034.6226%2024.9283%2034.6226%2025.9862V32.6992C34.6226%2033.7571%2033.7571%2034.6226%2032.6992%2034.6226C14.6377%2034.6226%200%2019.985%200%201.92348C0%200.865566%200.865566%200%201.92348%200H8.65566C9.71357%200%2010.5791%200.865566%2010.5791%201.92348C10.5791%204.32783%2010.9638%206.63601%2011.6755%208.7903C11.8871%209.46352%2011.7332%2010.2137%2011.1947%2010.7523L6.963%2014.9839Z'%20fill='white'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 34.623px;
  height: auto;
  aspect-ratio: 1;
  background: var(--color-bg-white);
}
@media screen and (max-width: 1100px) {
  .p-footerLink__content-info-link {
    font-size: 2.28125rem;
    letter-spacing: 0.017260274em;
  }
  .p-footerLink__content-info-link::before {
    width: 29.4px;
  }
}
@media screen and (max-width: 767px) {
  .p-footerLink__content-info-link.js-sp-tel {
    cursor: pointer;
  }
}

.p-footerLink__content-info-detail {
  margin-block-start: -5px;
  color: var(--color-white);
  font-size: 0.9375rem;
}
.p-footerLink__content-info-detail .ls1 {
  letter-spacing: 0.0666666667em;
}
@media screen and (max-width: 1100px) {
  .p-footerLink__content-info-detail {
    font-size: 0.875rem;
  }
  .p-footerLink__content-info-detail .ls1 {
    letter-spacing: 0;
  }
}

body.translatepress-en_US .p-footerLink__content-link .c-btnMore {
  width: fit-content;
  column-gap: 32px;
}

.p-form {
  padding-block: 120px 140px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-form {
    padding-block: 80px 100px;
  }
}

.p-form__inner {
  max-width: calc(1200px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-form__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-form__inner {
    padding-inline: 16px;
  }
}

.p-form__title {
  padding-block-end: 28px;
  border-bottom: 1px solid var(--color-text-breadcrumbGray);
  font-size: 32px;
  font-weight: 700;
  line-height: 180%;
}
@media screen and (max-width: 900px) {
  .p-form__title {
    padding-block-end: 20px;
    font-size: 28px;
  }
}

.p-form__container {
  display: grid;
  grid-template-columns: 361px 1fr;
  column-gap: clamp(2.5rem, -3.7685528757rem + 11.1317254174vw, 6.25rem);
}
@media screen and (max-width: 900px) {
  .p-form__container {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.p-form__list {
  margin-block-start: 80px;
}
@media screen and (max-width: 900px) {
  .p-form__list {
    margin-block-start: 32px;
  }
}

.p-form-list__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}

.p-form-list__items {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin-block-start: 48px;
}
@media screen and (max-width: 900px) {
  .p-form-list__items {
    gap: 32px;
    margin-block-start: 32px;
    padding-inline: clamp(1rem, -7rem + 21.3333333333vw, 5rem);
  }
}
@media screen and (max-width: 500px) {
  .p-form-list__items {
    padding-inline: 0;
  }
}

.p-form-listItem__inner {
  padding-block: 24px 28px;
  padding-inline: 33px;
  border-radius: 6px;
  background: var(--color-bg-gray);
  text-align: center;
}

@media screen and (max-width: 900px) {
  .p-form-listItem__img {
    max-inline-size: 400px;
    margin-inline: auto;
  }
}

.p-form-listItem__img img {
  display: block;
  aspect-ratio: 295/185;
  object-fit: contain;
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.25));
}

.p-form-listItem__title {
  margin-block-start: 20px;
  font-size: 17px;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .p-form-listItem__title {
    margin-block-start: 16px;
  }
}

.p-form-listItem__info {
  margin-block-start: 8px;
  color: var(--color-text-lightBlack);
  font-size: 12px;
  line-height: 100%;
}
@media screen and (max-width: 900px) {
  .p-form-listItem__info {
    margin-block-start: 6px;
  }
}

.p-form__order {
  margin-block-start: 120px;
}
@media screen and (max-width: 900px) {
  .p-form__order {
    margin-block-start: 64px;
  }
}

.p-formOrder__texts {
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}

.p-formOrder__form {
  margin-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-formOrder__form {
    margin-block-start: 48px;
  }
}

.p-formOrder__formTop {
  display: flex;
  flex-direction: column;
  row-gap: 34px;
}
@media screen and (max-width: 900px) {
  .p-formOrder__formTop {
    row-gap: 32px;
  }
}

.p-formOrder__formRow {
  display: flex;
  flex-direction: column;
  gap: 13px 0;
  align-items: flex-start;
}
@media screen and (max-width: 900px) {
  .p-formOrder__formRow {
    flex-direction: column;
    gap: 8px 0;
  }
}

.p-formOrder__formRow--inquiry {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.p-formOrder__formRow--inquiry legend.p-formOrder__formLabel {
  display: flex;
  padding: 0;
}
@media screen and (max-width: 900px) {
  .p-formOrder__formRow--inquiry legend.p-formOrder__formLabel {
    display: grid;
    grid-template-areas: "badge label" "note note";
  }
  .p-formOrder__formRow--inquiry .p-formOrder__badge {
    grid-area: badge;
  }
  .p-formOrder__formRow--inquiry .p-formOrder__labelText {
    grid-area: label;
  }
  .p-formOrder__formRow--inquiry .p-formOrder__labelNote {
    grid-area: note;
    margin-block-start: 0;
  }
}

.p-formOrder__formLabel {
  display: flex;
  flex-shrink: 0;
  flex-flow: row wrap;
  column-gap: 16px;
  align-items: center;
  inline-size: 200px;
}
@media screen and (max-width: 900px) {
  .p-formOrder__formLabel {
    column-gap: 10px;
    inline-size: auto;
  }
}

.p-formOrder__formLabel--stack {
  inline-size: auto;
}

.p-formOrder__badge {
  display: inline-flex;
  align-items: center;
  padding-block: 8px;
  padding-inline: 13px;
  border-radius: 4px;
  color: var(--color-white);
  font-size: 0.75rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.0833333333em;
}
@media screen and (max-width: 900px) {
  .p-formOrder__badge {
    padding-block: 7px;
  }
}

.p-formOrder__badge--required {
  background: #cf3434;
}

.p-formOrder__badge--optional {
  background: rgba(26, 26, 26, 0.5);
}

.p-formOrder__labelText {
  color: var(--color-text-main);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
.p-formOrder__labelText[for] {
  cursor: pointer;
}

.p-formOrder__labelNote {
  flex-basis: 100%;
  margin-block-start: 8px;
  color: var(--color-text-lightBlack);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-formOrder__formInput {
  flex: 1 1 0;
  inline-size: 100%;
  min-inline-size: 0;
}

.p-formOrder__formInput .wpcf7-form-control-wrap {
  display: block;
  inline-size: 100%;
}

.p-formOrder__formInput .wpcf7-form-control-wrap input,
.p-formOrder__formInput .wpcf7-form-control-wrap textarea {
  display: block;
  inline-size: 100%;
  padding-block: 13px;
  padding-inline: 17px;
  border: 1px solid var(--color-border-gray);
  border-radius: 6px;
  background: var(--color-bg-gray);
  color: var(--color-text-main);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  appearance: none;
}
.p-formOrder__formInput .wpcf7-form-control-wrap input::placeholder,
.p-formOrder__formInput .wpcf7-form-control-wrap textarea::placeholder {
  color: var(--color-text-thinBlack);
}
@media screen and (max-width: 900px) {
  .p-formOrder__formInput .wpcf7-form-control-wrap input,
  .p-formOrder__formInput .wpcf7-form-control-wrap textarea {
    padding-block: 12px;
    font-size: 0.9375rem;
  }
}

.p-formOrder__formInput .wpcf7-form-control-wrap textarea {
  min-block-size: 230px;
  resize: vertical;
}
@media screen and (max-width: 900px) {
  .p-formOrder__formInput .wpcf7-form-control-wrap textarea {
    min-block-size: 240px;
  }
}

.p-formOrder__postalWrap {
  display: flex;
  flex-flow: row wrap;
  gap: 4px;
  align-items: center;
  margin-block-end: 12px;
}
@media screen and (max-width: 900px) {
  .p-formOrder__postalWrap {
    margin-block-end: 8px;
  }
}

.p-formOrder__postalPrefix {
  color: var(--color-text-main);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-formOrder__postalSeparator {
  color: var(--color-text-main);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-formOrder__postalWrap .wpcf7-form-control-wrap {
  inline-size: auto;
}

.p-formOrder__postalWrap .wpcf7-form-control-wrap input {
  inline-size: 80px;
  text-align: center;
}

.p-formOrder__addressWrap .wpcf7-form-control-wrap input {
  inline-size: 100%;
}

.p-formOrder__formInput--checkbox .wpcf7-form-control {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media screen and (max-width: 900px) {
  .p-formOrder__formInput--checkbox .wpcf7-form-control {
    margin-block-start: 8px;
  }
}

.p-formOrder__formInput--checkbox .wpcf7-list-item label {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
@media (any-hover: hover) {
  .p-formOrder__formInput--checkbox .wpcf7-list-item label:hover {
    cursor: pointer;
  }
}

.p-formOrder__formInput--checkbox .wpcf7-list-item-label {
  color: #282b2b;
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-formOrder__formInput--checkbox .wpcf7-list-item-label {
    font-size: 0.9375rem;
  }
}

.p-formOrder__formInput--checkbox .wpcf7-form-control-wrap input[type=checkbox] {
  flex-shrink: 0;
  inline-size: 26px;
  block-size: 26px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-border-gray);
  border-radius: 3px;
  background-color: var(--color-bg-white);
  appearance: none;
}
.p-formOrder__formInput--checkbox .wpcf7-form-control-wrap input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='%231a1a1a'%3e%3cpath%20d='M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%20/%3e%3c/svg%3e");
  background-position: center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .p-formOrder__formInput--checkbox .wpcf7-form-control-wrap input[type=checkbox]:hover {
    cursor: pointer;
  }
}

.p-formOrder__privacyWrap {
  display: flex;
  flex-flow: row wrap;
  column-gap: 16px;
  justify-content: center;
  align-items: center;
}

.p-formOrder__privacyWrap .wpcf7-form-control-wrap {
  display: flex;
  align-items: center;
}

.p-formOrder__privacyWrap .wpcf7-form-control-wrap label {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
  align-items: center;
  line-height: 1;
  cursor: pointer;
}

.p-formOrder__privacyWrap .wpcf7-form-control-wrap input[type=checkbox] {
  flex-shrink: 0;
  inline-size: 26px;
  block-size: 26px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-border-gray);
  border-radius: 3px;
  background-color: var(--color-bg-white);
  appearance: none;
}
.p-formOrder__privacyWrap .wpcf7-form-control-wrap input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='%231a1a1a'%3e%3cpath%20d='M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%20/%3e%3c/svg%3e");
  background-position: center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .p-formOrder__privacyWrap .wpcf7-form-control-wrap input[type=checkbox]:hover {
    cursor: pointer;
  }
}

.p-formOrder__privacyLink {
  border-block-end: 1px solid var(--color-border-black);
  color: var(--color-text-main);
  transition: opacity var(--duration) ease;
}
@media (any-hover: hover) {
  .p-formOrder__privacyLink:hover {
    opacity: 0.7;
  }
}

.p-formOrder__submitWrap {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: center;
  inline-size: 240px;
  min-inline-size: 0;
  padding-block: 17px;
  padding-inline: 21px;
  border: none;
  border: 1.5px solid var(--color-bg-blue);
  border-radius: 100px;
  background: var(--color-bg-blue);
  transition: background 0.4s ease, color 0.4s ease;
}

@media (any-hover: hover) {
  .p-formOrder__submitWrap:hover {
    cursor: pointer;
  }
  .p-formOrder__submitWrap:hover .p-formOrder__submitIcon::before {
    background-image: url("data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.6667%2016L4%209.33333L5.86667%207.4L9.33333%2010.8667V0H12V10.8667L15.4667%207.4L17.3333%209.33333L10.6667%2016ZM0%2021.3333V14.6667H2.66667V18.6667H18.6667V14.6667H21.3333V21.3333H0Z'%20fill='%23124D8A'/%3e%3c/svg%3e");
  }
  .p-formOrder__submitWrap input[type=submit]:hover {
    background: var(--color-bg-white);
    color: var(--color-main);
  }
}
.p-formOrder__submitWrap input[type=submit] {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  padding-inline: 24px 32px;
  border-radius: 100px;
  color: var(--color-white);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
  text-align: left;
  cursor: pointer;
  transition: background 0.4s ease, color 0.4s ease;
}

.p-formOrder__submitWrap .p-formOrder__submitIcon {
  position: relative;
  z-index: 1;
  margin-inline-start: auto;
  pointer-events: none;
}

.p-formOrder__submitIcon {
  flex-shrink: 0;
  overflow: hidden;
  inline-size: 17px;
  block-size: 17px;
}
.p-formOrder__submitIcon::before {
  content: "";
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.58974%2011.3846L2.84615%206.64103L4.17436%205.26538L6.64103%207.73205V0H8.53846V7.73205L11.0051%205.26538L12.3333%206.64103L7.58974%2011.3846ZM0%2015.1795V10.4359H1.89744V13.2821H13.2821V10.4359H15.1795V15.1795H0Z'%20fill='white'/%3e%3c/svg%3e");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image 0.4s ease;
}

.wpcf7-spinner {
  display: none;
}

.p-formOrder__formBottom {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  align-items: center;
  margin-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-formOrder__formBottom {
    row-gap: 14px;
    margin-block-start: 48px;
  }
}

.wpcf7-response-output {
  display: none;
}

.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7-response-output.wpcf7-mail-sent-ng {
  display: block;
  margin-block-start: 24px;
  padding: 16px;
  border: 1px solid #cf3434;
  border-radius: 6px;
  color: #cf3434;
  font-size: 14px;
  font-weight: 500;
  line-height: 180%;
  text-align: center;
}

.p-formOrder__fieldset {
  display: contents;
}

.wpcf7-list-item {
  margin: 0;
}

.p-formOrderInfinityScroll {
  margin-block-start: -100px;
}
@media screen and (max-width: 900px) {
  .p-formOrderInfinityScroll {
    margin-block-start: -40px;
  }
}

.p-formThanks {
  padding-block-start: 140px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-formThanks {
    padding-block-start: 80px;
  }
}

.p-formThanks__inner {
  max-width: calc(880px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-formThanks__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-formThanks__inner {
    padding-inline: 16px;
  }
}

.p-formThanks__text {
  font-size: 15px;
  font-weight: 500;
  line-height: 180%;
}

.p-formThanks__text--margin {
  margin-block-start: 40px;
}

.p-formThanks__text--gray {
  margin-block-start: 28px;
  color: var(--color-text-lightBlack);
  font-size: 14px;
  font-weight: 500;
  line-height: 180%;
}

.p-formThanks__downloadButton {
  display: flex;
  flex-direction: row;
  gap: 13px;
  align-items: center;
  margin-block-start: 40px;
  transition: opacity 0.4s ease-in-out;
}
@media (width <= 520px) {
  .p-formThanks__downloadButton {
    flex-direction: row-reverse;
    justify-content: space-between;
    inline-size: 100%;
  }
}

.p-formThanks-downloadButton__icon img {
  display: block;
}

.p-formThanks-downloadButton__text {
  color: var(--color-main);
  font-size: 20px;
  font-weight: 700;
  line-height: 180%;
  text-align: left;
}

.p-formThanks-downloadButton__text br {
  display: none;
}
@media (width <= 520px) {
  .p-formThanks-downloadButton__text br {
    display: inline-block;
  }
}

.p-formThanks__list {
  margin-block-start: 24px;
}

.p-formThanks__item {
  position: relative;
  padding-inline-start: 16px;
}
.p-formThanks__item::before {
  content: "・";
  position: absolute;
  inset-block-start: 1px;
  inset-inline-start: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 180%;
}

.p-formThanks__link span {
  font-size: 15px;
  font-weight: 500;
  line-height: 180%;
  transition: opacity 0.4s ease-in-out;
}

.p-formThanks__button {
  position: relative;
  z-index: 1;
  margin-block-start: 80px;
}
@media screen and (max-width: 900px) {
  .p-formThanks__button {
    margin-block-start: 60px;
  }
}

.p-formThanks__infinityScroll {
  margin-block-start: -110px;
}
@media screen and (max-width: 900px) {
  .p-formThanks__infinityScroll {
    margin-block-start: -50px;
  }
}

.p-formThanks__footerLink {
  margin-block-start: -1px;
  padding-block: 91px 20px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-formThanks__footerLink {
    padding-block-start: 71px;
  }
}

.p-formThanks__footerLink-inner {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 34px;
}
@media screen and (max-width: 900px) {
  .p-formThanks__footerLink-inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-formThanks__footerLink-inner {
    padding-inline: 16px;
  }
}

@media (any-hover: hover) {
  .p-formThanks__downloadButton:hover {
    opacity: 0.4;
  }
  .p-formThanks__link:hover .p-formThanks-link__text {
    opacity: 0.4;
  }
}
.p-header__inner {
  display: flex;
  column-gap: min(1.3888888889vw, 20px);
  justify-content: space-between;
  align-items: center;
  min-height: var(--header-height);
  max-width: 1464px;
  margin-inline: auto;
  padding-inline: min(2.2222222222vw, 32px);
}
@media screen and (max-width: 900px) {
  .p-header__inner {
    padding-inline: 16px;
  }
}

.p-header__content {
  display: flex;
  flex-direction: column;
  margin-block-start: max(-0.6944444444vw, -10px);
  margin-inline-start: auto;
}
@media screen and (max-width: 900px) {
  .p-header__content {
    display: none;
  }
}
@media (width >= 901px) {
  html.is-mega-menu-open .p-header__content {
    display: none;
  }
}

.p-header__megaMenu-header {
  display: none;
  margin-inline-start: auto;
}
@media screen and (max-width: 900px) {
  .p-header__megaMenu-header {
    display: none;
  }
}
@media (width >= 901px) {
  html.is-mega-menu-open .p-header__megaMenu-header {
    display: flex;
    gap: min(1.6666666667vw, 24px);
    align-items: center;
  }
}

.p-header__megaMenu-header-inner {
  display: flex;
  flex-direction: column;
  gap: min(0.4861111111vw, 7px);
  align-items: flex-end;
}

.p-header__langBtn {
  display: flex;
  gap: min(0.2083333333vw, 3px);
  align-items: center;
}

.p-header__langBtn.p-header__langBtn--nav,
.p-header__langBtn.p-header__langBtn--megaMenu,
.p-header__langBtn.p-header__langBtn--drawer {
  cursor: pointer;
}
.p-header__langBtn.p-header__langBtn--nav .trp-language-switcher,
.p-header__langBtn.p-header__langBtn--megaMenu .trp-language-switcher,
.p-header__langBtn.p-header__langBtn--drawer .trp-language-switcher {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
.p-header__langBtn.p-header__langBtn--nav .trp-shortcode-switcher,
.p-header__langBtn.p-header__langBtn--megaMenu .trp-shortcode-switcher,
.p-header__langBtn.p-header__langBtn--drawer .trp-shortcode-switcher {
  display: flex;
  align-items: center;
  overflow: visible;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
.p-header__langBtn.p-header__langBtn--nav .trp-current-language-item__wrapper,
.p-header__langBtn.p-header__langBtn--megaMenu .trp-current-language-item__wrapper,
.p-header__langBtn.p-header__langBtn--drawer .trp-current-language-item__wrapper {
  display: flex;
  align-items: center;
}
.p-header__langBtn.p-header__langBtn--nav .trp-language-item,
.p-header__langBtn.p-header__langBtn--megaMenu .trp-language-item,
.p-header__langBtn.p-header__langBtn--drawer .trp-language-item {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: none;
  color: var(--color-text-main);
  font-size: min(0.9027777778vw, 13px);
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
  text-decoration: none;
}
.p-header__langBtn.p-header__langBtn--nav .trp-language-item img,
.p-header__langBtn.p-header__langBtn--megaMenu .trp-language-item img,
.p-header__langBtn.p-header__langBtn--drawer .trp-language-item img {
  display: none !important;
}
@media (any-hover: hover) {
  .p-header__langBtn.p-header__langBtn--nav .trp-language-item:hover,
  .p-header__langBtn.p-header__langBtn--megaMenu .trp-language-item:hover,
  .p-header__langBtn.p-header__langBtn--drawer .trp-language-item:hover {
    background: transparent;
    color: var(--color-main);
  }
}
.p-header__langBtn.p-header__langBtn--nav .trp-current-language-item__wrapper .trp-language-item-name,
.p-header__langBtn.p-header__langBtn--megaMenu .trp-current-language-item__wrapper .trp-language-item-name,
.p-header__langBtn.p-header__langBtn--drawer .trp-current-language-item__wrapper .trp-language-item-name {
  color: inherit;
  font-family: var(--base-font-family);
  font-size: min(0.9027777778vw, 13px);
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
}
@media (any-hover: hover) {
  .p-header__langBtn.p-header__langBtn--nav .trp-current-language-item__wrapper .trp-language-item:hover .trp-language-item-name,
  .p-header__langBtn.p-header__langBtn--megaMenu .trp-current-language-item__wrapper .trp-language-item:hover .trp-language-item-name,
  .p-header__langBtn.p-header__langBtn--drawer .trp-current-language-item__wrapper .trp-language-item:hover .trp-language-item-name {
    color: var(--color-main) !important;
  }
}
.p-header__langBtn.p-header__langBtn--nav .trp-switcher-dropdown-list,
.p-header__langBtn.p-header__langBtn--megaMenu .trp-switcher-dropdown-list,
.p-header__langBtn.p-header__langBtn--drawer .trp-switcher-dropdown-list {
  margin: 0;
  border: 1px solid var(--color-border-gray);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  background: var(--color-bg-white);
}
.p-header__langBtn.p-header__langBtn--nav .trp-switcher-dropdown-list .trp-language-item,
.p-header__langBtn.p-header__langBtn--megaMenu .trp-switcher-dropdown-list .trp-language-item,
.p-header__langBtn.p-header__langBtn--drawer .trp-switcher-dropdown-list .trp-language-item {
  padding: min(0.4166666667vw, 6px) min(0.8333333333vw, 12px);
  font-size: var(--font-size, min(0.9722222222vw, 14px));
  font-weight: var(--fw-medium);
}
@media (any-hover: hover) {
  .p-header__langBtn.p-header__langBtn--nav:hover .trp-current-language-item__wrapper .trp-language-item,
  .p-header__langBtn.p-header__langBtn--nav:hover .trp-current-language-item__wrapper .trp-language-item .trp-language-item-name,
  .p-header__langBtn.p-header__langBtn--megaMenu:hover .trp-current-language-item__wrapper .trp-language-item,
  .p-header__langBtn.p-header__langBtn--megaMenu:hover .trp-current-language-item__wrapper .trp-language-item .trp-language-item-name,
  .p-header__langBtn.p-header__langBtn--drawer:hover .trp-current-language-item__wrapper .trp-language-item,
  .p-header__langBtn.p-header__langBtn--drawer:hover .trp-current-language-item__wrapper .trp-language-item .trp-language-item-name {
    color: var(--color-main) !important;
  }
  .p-header__langBtn.p-header__langBtn--nav:hover .p-header__langBtn-text,
  .p-header__langBtn.p-header__langBtn--nav:hover .p-drawer__lang-text,
  .p-header__langBtn.p-header__langBtn--megaMenu:hover .p-header__langBtn-text,
  .p-header__langBtn.p-header__langBtn--megaMenu:hover .p-drawer__lang-text,
  .p-header__langBtn.p-header__langBtn--drawer:hover .p-header__langBtn-text,
  .p-header__langBtn.p-header__langBtn--drawer:hover .p-drawer__lang-text {
    background: transparent;
    color: var(--color-main);
  }
  .p-header__langBtn.p-header__langBtn--nav:hover .p-header__langBtn-icon,
  .p-header__langBtn.p-header__langBtn--nav:hover .p-drawer__lang-icon,
  .p-header__langBtn.p-header__langBtn--megaMenu:hover .p-header__langBtn-icon,
  .p-header__langBtn.p-header__langBtn--megaMenu:hover .p-drawer__lang-icon,
  .p-header__langBtn.p-header__langBtn--drawer:hover .p-header__langBtn-icon,
  .p-header__langBtn.p-header__langBtn--drawer:hover .p-drawer__lang-icon {
    background: var(--color-main);
  }
}

.p-header__langBtn.p-header__langBtn--megaMenu {
  margin-inline-end: min(0.2777777778vw, 4px);
}

.p-header__langBtn-icon {
  display: block;
  flex-shrink: 0;
  mask-image: url("../images/icon_lang.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: min(1.5972222222vw, 23px);
  aspect-ratio: 1;
  background: var(--color-bg-black);
}

.p-header__langBtn-text {
  display: flex;
  gap: min(0.2083333333vw, 3px);
  align-items: center;
  color: var(--color-text-main);
  font-size: min(0.9027777778vw, 13px);
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
}

.p-header__megaMenu-search .p-header__search-form,
.p-header__megaMenu-search .search-form {
  width: min(32.3611111111vw, 466px);
  height: min(3.75vw, 54px);
  padding-inline: min(0.8333333333vw, 12px);
  border: 1px solid var(--color-border-gray);
  border-radius: 6px;
  background: var(--color-bg-gray);
}
.p-header__megaMenu-search .p-header__search-field,
.p-header__megaMenu-search .search-field {
  font-size: min(1.1111111111vw, 16px);
  font-weight: var(--fw-medium);
}
.p-header__megaMenu-search .p-header__search-field::placeholder,
.p-header__megaMenu-search .search-field::placeholder {
  color: var(--color-text-thinBlack);
}

.p-header__content-top {
  display: flex;
  gap: min(0.6944444444vw, 10px);
  align-items: center;
  margin-inline-start: auto;
}

.p-header__logo {
  transition: opacity var(--duration) ease;
}
.p-header__logo a {
  display: block;
}
.p-header__logo img {
  display: block;
  width: min(13.4797222222vw, 194.108px);
  aspect-ratio: 91/36;
  object-fit: contain;
}
@media (any-hover: hover) {
  .p-header__logo:hover {
    opacity: 0.8;
  }
}
@media screen and (max-width: 900px) {
  .p-header__logo img {
    width: 130px;
    aspect-ratio: 130/51;
  }
}

.p-header__tel {
  display: flex;
  column-gap: min(0.5555555556vw, 8px);
  align-items: center;
  max-block-size: 59px;
  font-family: var(--number-font-family);
  font-size: min(2.3611111111vw, 34px);
  font-weight: var(--fw-bold);
  letter-spacing: 0.0164705882em;
}
.p-header__tel::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%3e%3cpath%20d='M6.963%2014.9839C9.73281%2020.4274%2014.1953%2024.8706%2019.6387%2027.6596L23.8704%2023.428C24.3897%2022.9086%2025.1591%2022.7355%2025.8323%2022.9663C27.9866%2023.678%2030.314%2024.0627%2032.6992%2024.0627C33.7571%2024.0627%2034.6226%2024.9283%2034.6226%2025.9862V32.6992C34.6226%2033.7571%2033.7571%2034.6226%2032.6992%2034.6226C14.6377%2034.6226%200%2019.985%200%201.92348C0%200.865566%200.865566%200%201.92348%200H8.65566C9.71357%200%2010.5791%200.865566%2010.5791%201.92348C10.5791%204.32783%2010.9638%206.63601%2011.6755%208.7903C11.8871%209.46352%2011.7332%2010.2137%2011.1947%2010.7523L6.963%2014.9839Z'%20fill='white'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: min(2.0833333333vw, 30px);
  height: auto;
  aspect-ratio: 1;
  background: var(--color-bg-black);
}

.p-header__buttons {
  display: flex;
  column-gap: min(0.4861111111vw, 7px);
  align-items: center;
}

.p-header__button {
  padding-block: min(0.4166666667vw, 6px);
  padding-inline: min(1.25vw, 18px);
  border: 1px solid var(--color-text-main);
  border-radius: 100vmax;
  background: var(--color-text-main);
  color: var(--color-white);
  font-size: min(1.0416666667vw, 15px);
  font-weight: var(--fw-bold);
  letter-spacing: 0.0333333333em;
  transition: background-color var(--duration) ease, color var(--duration) ease;
}
.p-header__button.p-header__button--white {
  border-color: var(--color-main);
  background: var(--color-main);
  color: var(--color-white);
}
@media (any-hover: hover) {
  .p-header__button:hover {
    background: var(--color-bg-white);
    color: var(--color-text-main);
  }
  .p-header__button:hover.p-header__button--white {
    background: var(--color-white);
    color: var(--color-main);
  }
}

.p-header__search {
  flex-shrink: 0;
}

.p-header__search-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: clip;
  width: min(13.8888888889vw, 200px);
  height: min(2.6388888889vw, 38px);
  padding-inline: min(0.8333333333vw, 12px);
  border: 1px solid var(--color-border-gray);
  border-radius: 6px;
  background: var(--color-bg-gray);
}

.p-header__search-label {
  display: flex;
  flex: 1;
  align-items: center;
  align-self: stretch;
  min-width: 0;
}

.p-header__search-field {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: min(0.9722222222vw, 14px);
  line-height: 1;
}
.p-header__search-field::placeholder {
  color: var(--color-text-thinBlack);
}
.p-header__search-field:focus {
  outline: none;
}

.p-header__search-submit {
  display: grid;
  place-items: center;
}
.p-header__search-submit:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 2px;
}

.p-header__search-icon {
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_11287)'%3e%3cpath%20d='M3.75%208.125C3.75%209.91797%204.33203%2011.5742%205.3125%2012.918L0.367188%2017.8672C-0.121094%2018.3555%20-0.121094%2019.1484%200.367188%2019.6367C0.855469%2020.125%201.64844%2020.125%202.13672%2019.6367L7.08203%2014.6875C8.42578%2015.6719%2010.082%2016.25%2011.875%2016.25C16.3633%2016.25%2020%2012.6133%2020%208.125C20%203.63672%2016.3633%200%2011.875%200C7.38672%200%203.75%203.63672%203.75%208.125ZM11.875%2013.75C11.1363%2013.75%2010.4049%2013.6045%209.72241%2013.3218C9.03995%2013.0391%208.41985%2012.6248%207.89752%2012.1025C7.3752%2011.5801%206.96086%2010.9601%206.67818%2010.2776C6.39549%209.59514%206.25%208.86369%206.25%208.125C6.25%207.38631%206.39549%206.65486%206.67818%205.97241C6.96086%205.28995%207.3752%204.66985%207.89752%204.14752C8.41985%203.62519%209.03995%203.21086%209.72241%202.92818C10.4049%202.64549%2011.1363%202.5%2011.875%202.5C12.6137%202.5%2013.3451%202.64549%2014.0276%202.92818C14.7101%203.21086%2015.3301%203.62519%2015.8525%204.14752C16.3748%204.66985%2016.7891%205.28995%2017.0718%205.97241C17.3545%206.65486%2017.5%207.38631%2017.5%208.125C17.5%208.86369%2017.3545%209.59514%2017.0718%2010.2776C16.7891%2010.9601%2016.3748%2011.5801%2015.8525%2012.1025C15.3301%2012.6248%2014.7101%2013.0391%2014.0276%2013.3218C13.3451%2013.6045%2012.6137%2013.75%2011.875%2013.75Z'%20fill='%232E2E2E'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_11287'%3e%3crect%20width='20'%20height='20'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: min(1.3888888889vw, 20px);
  aspect-ratio: 1;
  background: var(--color-bg-black);
}

.p-header__sns-item {
  display: block;
  width: min(2.0833333333vw, 30px);
  height: min(2.0833333333vw, 30px);
  aspect-ratio: 1;
  transition: opacity var(--duration) ease;
}
.p-header__sns-item img {
  vertical-align: top;
}
@media (any-hover: hover) {
  .p-header__sns-item:hover {
    opacity: 0.8;
  }
}

.p-header__nav {
  display: flex;
  column-gap: min(2.3611111111vw, 34px);
  align-items: center;
}

.p-header__list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  column-gap: min(1.3888888889vw, 20px);
  align-items: center;
}
.p-header__list::after {
  content: "";
  position: absolute;
  right: max(-1.1805555556vw, -17px);
  width: 1px;
  height: min(1.6666666667vw, 24px);
  background: var(--color-black);
}

.p-header__item {
  display: grid;
  place-items: center;
}
.p-header__item > a {
  font-size: clamp(0.6875rem, 0.269596475rem + 0.7421150278vw, 0.9375rem);
  font-weight: var(--fw-bold);
  transition: color var(--duration) ease;
}
@media (any-hover: hover) {
  .p-header__item > a:hover {
    color: var(--color-main);
  }
}
.p-header__item--has-dropdown {
  position: relative;
}

.p-header__dropdown-trigger {
  display: inline-flex;
  gap: min(0.5555555556vw, 8px);
  align-items: center;
  color: inherit;
  font-size: min(1.0416666667vw, 15px);
  font-weight: var(--fw-bold);
  text-decoration: none;
  transition: color var(--duration) ease;
}
@media (any-hover: hover) {
  .p-header__dropdown-trigger:hover {
    color: var(--color-main);
  }
}
.p-header__dropdown-trigger:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 2px;
}

.p-header__dropdown-icon {
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='8'%20viewBox='0%200%2013%208'%20fill='none'%3e%3cpath%20d='M11.91%200.000814871L12.97%201.06181L7.193%206.84081C7.10043%206.93397%206.99036%207.0079%206.86911%207.05835C6.74786%207.10879%206.61783%207.13477%206.4865%207.13477C6.35517%207.13477%206.22514%207.10879%206.10389%207.05835C5.98264%207.0079%205.87257%206.93397%205.78%206.84082L-2.65457e-07%201.06182L1.06%200.00181527L6.485%205.42581L11.91%200.000814871Z'%20fill='%23124D8A'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: min(0.9722222222vw, 14px);
  height: min(1.1805555556vw, 17px);
  background: var(--color-main);
  transition: transform var(--duration) var(--base-ease);
}
.p-header__item--has-dropdown:hover .p-header__dropdown-icon {
  transform: rotate(180deg);
}
.p-header__item--has-dropdown.is-dropdown-closed .p-header__dropdown-icon {
  transform: rotate(0deg);
}

.p-header__dropdown {
  position: fixed;
  top: var(--header-height);
  right: 0;
  left: 0;
  z-index: 100;
  visibility: hidden;
  padding-block: 42px;
  padding-inline: min(2.7777777778vw, 40px);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity var(--duration) ease, visibility var(--duration) ease, transform var(--duration) ease;
}
.p-header__item--has-dropdown:hover .p-header__dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.p-header__item--has-dropdown.is-dropdown-closed .p-header__dropdown {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-8px);
}
.p-header__dropdown::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-header__dropdown {
    display: none;
  }
}

.p-header__dropdown-list {
  position: relative;
  z-index: 101;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(16.6666666667vw, 240px), 1fr));
  column-gap: min(3.3333333333vw, 48px);
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}

.p-header__dropdown-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  min-width: 0;
}
@media (any-hover: hover) {
  .p-header__dropdown-item:hover .p-header__dropdown-link-title {
    color: var(--color-main);
  }
  .p-header__dropdown-item:hover .p-header__dropdown-link-title::after {
    width: 100%;
  }
  .p-header__dropdown-item:hover .p-header__dropdown-link-img::after {
    scale: 1.05;
  }
}

.p-header__dropdown-link {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
}

.p-header__dropdown-link-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 66/43;
  border-radius: 6px;
}
.p-header__dropdown-link-img::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: scale var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
}
.p-header__dropdown-link-img::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  background: rgba(26, 26, 26, 0.15);
  pointer-events: none;
}
.p-header__dropdown-link-img--1::after {
  background-image: url("../images/header-nav-img1.webp");
}
.p-header__dropdown-link-img--2::after {
  background-image: url("../images/header-nav-img2.webp");
}
.p-header__dropdown-link-img--3::after {
  background-image: url("../images/header-nav-img3.webp");
}
.p-header__dropdown-link-img--4::after {
  background-image: url("../images/header-nav-img4.webp");
}

.p-header__dropdown-link-title {
  position: relative;
  display: flex;
  column-gap: 10px;
  column-gap: min(0.6944444444vw, 10px);
  justify-content: space-between;
  align-items: center;
  padding-block: 17px 10px;
  padding-block: min(1.1805555556vw, 17px) min(0.6944444444vw, 10px);
  border-block-end: 1px solid var(--color-border-gray);
  font-size: 1rem;
  font-size: min(1.1111111111vw, 16px);
  transition: color var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
}
.p-header__dropdown-link-title::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 15.9090909091%;
  height: 1px;
  background: var(--color-main);
  transition: width var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
}

.p-header__dropdown-link-title-text {
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
}

.p-header__dropdown-link-title-icon {
  display: block;
  overflow: hidden;
  width: min(1.3888888889vw, 20px);
  height: min(1.3174305556vw, 18.971px);
  margin-inline-end: min(1.3888888889vw, 20px);
}
.p-header__dropdown-link-title-icon img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
@media (any-hover: hover) {
  .p-header__dropdown-item:hover .p-header__dropdown-link-title-icon img {
    animation: arrow-move var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}

.p-header__dropdown-button {
  margin-block-start: min(3.3333333333vw, 48px);
  max-width: 1200px;
  margin-inline: auto;
}
.p-header__dropdown-button a {
  margin-inline: auto 0;
}

body.translatepress-en_US .p-header__dropdown-button a {
  width: fit-content;
  column-gap: 32px;
}

.p-header__menuButton {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: min(5vw, 72px);
  aspect-ratio: 1;
  padding: 0;
  border: none;
  border-radius: 100vmax;
  background: var(--color-main);
  color: var(--color-white);
  cursor: pointer;
  transition: opacity var(--duration) ease;
}
.p-header__menuButton:focus-visible {
  outline: 2px solid var(--color-main);
  outline-offset: 2px;
}
@media (any-hover: hover) {
  .p-header__menuButton:hover {
    opacity: 0.9;
  }
}
.p-header__menuButton.is-open .p-header__menuButton-bar-line--1 {
  top: 50%;
  left: 0;
  translate: 0 -50%;
  rotate: -45deg;
}
.p-header__menuButton.is-open .p-header__menuButton-bar-line--2 {
  display: none;
}
.p-header__menuButton.is-open .p-header__menuButton-bar-line--3 {
  top: 50%;
  left: 0;
  translate: 0 -50%;
  rotate: 45deg;
}
@media screen and (max-width: 900px) {
  .p-header__menuButton {
    width: 47.805px;
  }
}

.p-header__menuButton-bar {
  position: relative;
  display: block;
  width: min(1.875vw, 27px);
  height: min(1.3194444444vw, 19px);
  margin-block-start: min(0.625vw, 9px);
}
@media screen and (max-width: 900px) {
  .p-header__menuButton-bar {
    width: 18px;
    height: 12px;
    margin-block-start: 7px;
  }
}

.p-header__menuButton-bar-line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 100vmax;
  background: currentcolor;
  transition: rotate var(--duration) ease, top var(--duration) ease, left var(--duration) ease, translate var(--duration) ease;
}

.p-header__menuButton-bar-line--1 {
  top: 0;
  left: 0;
}

.p-header__menuButton-bar-line--2 {
  top: 50%;
  left: 0;
  translate: 0 -50%;
}

.p-header__menuButton-bar-line--3 {
  bottom: 0;
  left: 0;
}

.p-header__menuButton-text {
  margin-block-start: 6px;
  font-size: min(0.6944444444vw, 10px);
  font-weight: var(--fw-medium);
  line-height: var(--base-line-height);
}
@media screen and (max-width: 900px) {
  .p-header__menuButton-text {
    font-size: 0.4125rem;
  }
}

/* stylelint-disable declaration-block-no-shorthand-property-overrides */
html.is-mega-menu-open {
  overflow: hidden;
}

html.is-mega-menu-open body {
  overflow: hidden;
}

/* stylelint-enable declaration-block-no-shorthand-property-overrides */
.p-header__megaMenu {
  position: fixed;
  top: var(--header-height);
  right: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  width: 100vw;
  height: 100vh;
  padding-block-end: min(8.3333333333vw, 120px);
  background: var(--color-bg-white);
  opacity: 0;
  touch-action: pan-y;
  transform: translateY(-8px);
  transition: opacity var(--duration) ease, visibility var(--duration) ease, transform var(--duration) ease;
}
.p-header__megaMenu.is-open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 900px) {
  .p-header__megaMenu {
    display: none;
  }
}

.p-header__megaMenu-inner {
  max-width: 1442px;
  margin-inline: auto;
  padding-block: min(2.6388888889vw, 38px) min(8.3333333333vw, 120px);
  padding-inline: min(11.1111111111vw, 160px);
}

.p-header__megaMenu-content-inner {
  display: flex;
  gap: min(4.3055555556vw, 62px);
  align-items: flex-start;
}

.p-header__megaMenu-column--works {
  flex: 1;
  min-width: 0;
}

.p-header__megaMenu-section {
  margin-block-end: min(1.6666666667vw, 24px);
}

.p-header__megaMenu-section-link {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: min(0.8333333333vw, 12px);
  padding-block-end: min(0.8333333333vw, 12px);
  transition: opacity var(--duration) ease;
}
.p-header__megaMenu-section-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--color-border-gray);
}
.p-header__megaMenu-section-link::before {
  content: "";
  position: absolute;
  bottom: -0.25px;
  left: 0;
  z-index: 1;
  width: min(4.4444444444vw, 64px);
  height: 1.5px;
  background: var(--color-main);
  transition: width var(--duration) ease;
}
.p-header__megaMenu-section-link.p-header__megaMenu-section-link--nav::before {
  width: min(2.9166666667vw, 42px);
}
@media (any-hover: hover) {
  .p-header__megaMenu-section-link:hover {
    opacity: 0.8;
  }
  .p-header__megaMenu-section-link:hover::before {
    width: 100%;
  }
}

.p-header__megaMenu-section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline-end: min(1.3888888889vw, 20px);
  color: var(--color-main);
  font-size: min(1.1805555556vw, 17px);
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
}

.p-header__megaMenu-section-icon {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  width: min(1.3174305556vw, 18.971px);
  height: min(1.3174305556vw, 18.971px);
}
.p-header__megaMenu-section-icon img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: contain;
}
@media (any-hover: hover) {
  .p-header__megaMenu-section-link:hover .p-header__megaMenu-section-icon img {
    animation: arrow-move var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}

.p-header__megaMenu-grid {
  display: flex;
  flex-direction: column;
  gap: min(2.0138888889vw, 29px);
}

.p-header__megaMenu-group {
  display: flex;
  column-gap: min(1.9444444444vw, 28px);
  align-items: flex-start;
}

.p-header__megaMenu-item {
  display: flex;
  flex: 0 0 min(18.0555555556vw, 260px);
  flex-direction: column;
  row-gap: min(0.9722222222vw, 14px);
}

.p-header__megaMenu-item-title {
  color: var(--color-text-main);
  font-size: min(1.0416666667vw, 15px);
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
  text-decoration: none;
  transition: color var(--duration) var(--base-ease);
}
@media (any-hover: hover) {
  .p-header__megaMenu-item-title:hover {
    color: var(--color-main);
  }
}

.p-header__megaMenu-item-list {
  display: flex;
  flex-direction: column;
  gap: min(0.5555555556vw, 8px);
}
.p-header__megaMenu-item-list li {
  position: relative;
  padding-inline-start: min(1.25vw, 18px);
  color: var(--color-text-lightBlack);
  font-size: min(0.9027777778vw, 13px);
  font-weight: var(--fw-medium);
  line-height: 1.6;
}
.p-header__megaMenu-item-list li .p-header__megaMenu-item-list-line {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: fit-content;
  height: 1lh;
}
.p-header__megaMenu-item-list li .p-header__megaMenu-item-list-line::before {
  content: "－";
  display: block;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.p-header__megaMenu-item-list li a {
  transition: color var(--duration) ease;
}
@media (any-hover: hover) {
  .p-header__megaMenu-item-list li:hover {
    color: var(--color-text-main);
  }
}

.p-header__megaMenu-column--nav {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: min(1.9444444444vw, 28px);
  width: min(29.1666666667vw, 420px);
}

.p-header__megaMenu-nav-section {
  display: flex;
  flex-direction: column;
  row-gap: min(0.8333333333vw, 12px);
}
.p-header__megaMenu-nav-section.p-header__megaMenu-nav-section--gapWide {
  row-gap: min(1.6666666667vw, 24px);
}

.p-header__megaMenu-nav-list {
  display: flex;
  flex-direction: column;
  row-gap: min(0.4166666667vw, 6px);
}
.p-header__megaMenu-nav-list a {
  font-size: min(1.0416666667vw, 15px);
  font-weight: var(--fw-bold);
  transition: color var(--duration) ease;
}
@media (any-hover: hover) {
  .p-header__megaMenu-nav-list a:hover {
    color: var(--color-main);
  }
}

.p-header__megaMenu-buttons {
  display: grid;
  row-gap: min(0.8333333333vw, 12px);
  margin-block-start: min(0.8333333333vw, 12px);
}

.p-header__megaMenu-info-info-title {
  font-size: min(1.1111111111vw, 16px);
}

.p-header__megaMenu-info-link {
  display: inline-flex;
  column-gap: min(0.6944444444vw, 10px);
  align-items: center;
  margin-block-start: max(-0.4861111111vw, -7px);
  font-family: var(--number-font-family);
  font-size: min(3.1944444444vw, 46px);
  font-weight: var(--fw-bold);
  letter-spacing: 0.0125652174em;
}
.p-header__megaMenu-info-link::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%3e%3cpath%20d='M6.963%2014.9839C9.73281%2020.4274%2014.1953%2024.8706%2019.6387%2027.6596L23.8704%2023.428C24.3897%2022.9086%2025.1591%2022.7355%2025.8323%2022.9663C27.9866%2023.678%2030.314%2024.0627%2032.6992%2024.0627C33.7571%2024.0627%2034.6226%2024.9283%2034.6226%2025.9862V32.6992C34.6226%2033.7571%2033.7571%2034.6226%2032.6992%2034.6226C14.6377%2034.6226%200%2019.985%200%201.92348C0%200.865566%200.865566%200%201.92348%200H8.65566C9.71357%200%2010.5791%200.865566%2010.5791%201.92348C10.5791%204.32783%2010.9638%206.63601%2011.6755%208.7903C11.8871%209.46352%2011.7332%2010.2137%2011.1947%2010.7523L6.963%2014.9839Z'%20fill='white'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: min(2.9166666667vw, 42px);
  height: auto;
  aspect-ratio: 1;
  background: var(--color-bg-black);
}

.p-header__megaMenu-info-detail {
  margin-block-start: max(-0.4861111111vw, -7px);
  font-size: min(1.0416666667vw, 15px);
}

.p-header__megaMenu-info-bottom {
  display: flex;
  column-gap: min(1.6666666667vw, 24px);
  align-items: center;
}

.p-header__megaMenu-sns {
  position: relative;
  display: flex;
  column-gap: min(0.5555555556vw, 8px);
  align-items: center;
}
.p-header__megaMenu-sns::after {
  content: "";
  position: absolute;
  top: 50%;
  right: max(-0.9722222222vw, -14px);
  width: 1px;
  height: min(1.9444444444vw, 28px);
  background: var(--color-border-gray);
  translate: 0 -50%;
}

.p-header__megaMenu-sns-item {
  transition: opacity var(--duration) ease;
}
@media (any-hover: hover) {
  .p-header__megaMenu-sns-item:hover {
    opacity: 0.7;
  }
}
.p-header__megaMenu-sns-item.p-header__megaMenu-sns-item--instagram img {
  width: min(2.0833333333vw, 30px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
}
.p-header__megaMenu-sns-item.p-header__megaMenu-sns-item--youtube img {
  width: min(2.5vw, 36px);
  height: min(1.8055555556vw, 26px);
  object-fit: contain;
}

.p-header__megaMenu-info-bottom-link {
  font-size: min(0.8333333333vw, 12px);
  transition: opacity var(--duration) ease;
}
@media (any-hover: hover) {
  .p-header__megaMenu-info-bottom-link:hover {
    opacity: 0.7;
  }
}

body.translatepress-en_US .p-header__item > a {
  font-size: clamp(0.5625rem, -0.0643552876rem + 1.1131725417vw, 0.9375rem);
}

.p-hoseOilTransport__featureCard {
  padding-block: 16px;
  padding-inline: 24px;
  border-radius: 6px;
  background: #f7f7f7;
}

.p-hoseOilTransport__featureCard.p-hoseOilTransport__featureCard--system {
  padding-block: 24px;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-hoseOilTransport__featureCard.p-hoseOilTransport__featureCard--system {
    padding-inline: 24px;
  }
}

.p-hoseOilTransport__featureCard-body {
  display: grid;
  row-gap: 10px;
}

.p-hoseOilTransport__featureCardTitle {
  color: var(--color-main);
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
}

.p-hoseOilTransport__featureCardText {
  font-size: 0.9375rem;
}

.p-hoseOilTransport__btnRow {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.p-hoseOilTransport__cases {
  display: grid;
  row-gap: 32px;
  padding-block: 16px;
}

.p-hoseOilTransport__case {
  display: grid;
  row-gap: 22px;
}

.p-hoseOilTransport__caseHeader {
  display: grid;
  row-gap: 8px;
}

.p-hoseOilTransport__caseBadgeRow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  align-items: center;
}

.p-hoseOilTransport__caseBadge {
  padding-block: 5px;
  padding-inline: 11px;
  border-radius: 65.81px;
  background: #e9f0fa;
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1;
}

.p-hoseOilTransport__caseTitle {
  font-size: 1.0625rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-hoseOilTransport__caseDesc {
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-hoseOilTransport__case-img {
  padding-inline: 40px;
}
.p-hoseOilTransport__case-img img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 900px) {
  .p-hoseOilTransport__case-img {
    padding-inline: 0;
  }
}

.p-linkList {
  padding-block: 120px 100px;
}
@media screen and (max-width: 900px) {
  .p-linkList {
    padding-block: 100px;
  }
}

.p-linkList__inner {
  max-width: 1160px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-linkList__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-linkList__inner {
    padding-inline: 16px;
  }
}

.p-topGuide .p-linkList__inner {
  max-width: 1280px;
}

.p-linkList__list {
  overflow: clip;
}

.p-linkList__item:first-of-type {
  border-block-start: 1px solid var(--color-border-gray);
}
@media (any-hover: hover) {
  .p-linkList__item:hover .p-linkList__link::after {
    width: 100%;
  }
  .p-linkList__item:hover .p-linkList__img img {
    scale: 1.05;
  }
  .p-linkList__item:hover .p-linkList__title-main {
    color: var(--color-main);
  }
}

.p-linkList__link {
  position: relative;
  display: grid;
  grid-template-columns: 246px 1fr max-content;
  column-gap: 32px;
  align-items: center;
  padding-block: 24px;
  padding-inline: 16px;
  transition: opacity 0.4s ease, filter 0.4s ease;
}
.p-linkList__link:last-child {
  border-block-end: 1px solid var(--color-border-gray);
}
.p-linkList__link::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 11.1111111111%;
  height: 2px;
  background: var(--color-main);
  transform: scaleY(0.65);
  transform-origin: bottom;
  transition: width 0.5s ease;
}
.p-linkList__link::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 11.1111111111%;
  height: 2px;
  background: var(--color-main);
  transform: scaleY(0.65);
  transform-origin: bottom;
  transition: width 0.5s ease;
}
@media screen and (max-width: 767px) {
  .p-linkList__link {
    grid-template-columns: 1fr max-content;
    grid-template-areas: "img img" "title arrow";
    row-gap: 12px;
    padding-block: 32px;
    padding-inline: 0;
  }
  .p-linkList__link::after {
    width: 17.4927113703%;
  }
}

.p-linkList__img {
  overflow: clip;
  border-radius: 9px;
}
.p-linkList__img img {
  aspect-ratio: 246/160;
  transition: scale 0.4s ease;
}
@media screen and (max-width: 767px) {
  .p-linkList__img {
    grid-area: img;
  }
  .p-linkList__img img {
    aspect-ratio: 343/220;
  }
}

@media screen and (max-width: 767px) {
  .p-linkList__title {
    grid-area: title;
  }
}

.p-linkList__title-main {
  font-family: var(--title-font-family);
  font-size: 2.5rem;
  font-weight: var(--fw-semi-bold);
  line-height: normal;
  transition: color 0.4s ease;
}

.p-linkList__title-text-sub {
  display: flex;
  column-gap: 8px;
  align-items: center;
  margin-block-start: 4px;
  color: var(--color-main);
}
.p-linkList__title-text-sub::before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background: var(--color-main);
}

.p-linkList__arrow {
  display: block;
  overflow: hidden;
  width: 20px;
  height: 18.971px;
  --p-linkList-arrow-color: var(--color-bg-black);
}
.p-linkList__arrow::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_5571)'%3e%3cpath%20d='M5.95074%2014.8454L12.7173%208L5.95074%201.15464L7.09209%203.10004e-07L15%208L7.09209%2016L5.95074%2014.8454Z'%20fill='%231A1A1A'%20/%3e%3cpath%20d='M13.8594%207.17578L13.8594%208.82527L0.000153215%208.82527L0.000153287%207.17578L13.8594%207.17578Z'%20fill='%231A1A1A'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_5571'%3e%3crect%20width='16'%20height='15'%20fill='white'%20transform='translate(15)%20rotate(90)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 100%;
  height: 100%;
  background: var(--p-linkList-arrow-color);
}
@media screen and (max-width: 767px) {
  .p-linkList__arrow {
    grid-area: arrow;
    align-self: start;
    width: 25.619px;
    height: 23.658px;
    margin-block-start: 10px;
    --p-linkList-arrow-color: var(--color-main);
  }
}

@media (any-hover: hover) {
  .p-linkList__list:has(.p-linkList__link:hover) .p-linkList__link:not(:hover) {
    opacity: 0.5;
    transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
  }
  .p-linkList__item:hover .p-linkList__arrow::before {
    animation: arrow-move 0.5s cubic-bezier(0.75, 0, 0.1, 1.5);
  }
}
.p-lowerChemicoilHose__specTable,
.p-lowerChemicoilHose__specTable600 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.p-lowerChemicoilHose__specTable {
  min-width: 600px;
  --p-lowerChemicoilHose-spec-col-inch: 203px;
  --p-lowerChemicoilHose-spec-col-mm: 203px;
  --p-lowerChemicoilHose-spec-col-thickness: 207px;
  --p-lowerChemicoilHose-spec-col-weight: 207px;
}
@media screen and (max-width: 767px) {
  .p-lowerChemicoilHose__specTable {
    min-width: 366px;
    --p-lowerChemicoilHose-spec-col-inch: 79px;
    --p-lowerChemicoilHose-spec-col-mm: 79px;
    --p-lowerChemicoilHose-spec-col-thickness: 104px;
    --p-lowerChemicoilHose-spec-col-weight: 104px;
  }
}

.p-lowerChemicoilHose__specTable-col--inch {
  min-width: 90px;
  max-width: var(--p-lowerChemicoilHose-spec-col-inch);
}
@media screen and (max-width: 500px) {
  .p-lowerChemicoilHose__specTable-col--inch {
    width: var(--p-lowerChemicoilHose-spec-col-inch);
    min-width: unset;
  }
}

.p-lowerChemicoilHose__specTable-col--mm {
  min-width: 90px;
  max-width: var(--p-lowerChemicoilHose-spec-col-mm);
}
@media screen and (max-width: 500px) {
  .p-lowerChemicoilHose__specTable-col--mm {
    width: var(--p-lowerChemicoilHose-spec-col-mm);
    min-width: unset;
  }
}

.p-lowerChemicoilHose__specTable-col--thickness {
  max-width: var(--p-lowerChemicoilHose-spec-col-thickness);
}
@media screen and (max-width: 767px) {
  .p-lowerChemicoilHose__specTable-col--thickness {
    min-width: var(--p-lowerChemicoilHose-spec-col-thickness);
  }
}

.p-lowerChemicoilHose__specTable-col--weight {
  max-width: var(--p-lowerChemicoilHose-spec-col-weight);
}
@media screen and (max-width: 767px) {
  .p-lowerChemicoilHose__specTable-col--weight {
    min-width: var(--p-lowerChemicoilHose-spec-col-weight);
  }
}

.p-lowerChemicoilHose__specTable600 {
  min-width: 820px;
}
@media screen and (max-width: 767px) {
  .p-lowerChemicoilHose__specTable600 {
    min-width: 470px;
  }
}

@media (width <= 550px) {
  .p-lowerChemicoilHose__specTable600-col {
    width: 79px;
  }
}

.p-lowerChemicoilHose__specTable600-col.p-lowerChemicoilHose__specTable600-col--narrow {
  width: 166px;
}
@media screen and (max-width: 767px) {
  .p-lowerChemicoilHose__specTable600-col.p-lowerChemicoilHose__specTable600-col--narrow {
    width: auto;
    min-width: 104px;
  }
}

.p-lowerChemicoilHose__specTable-th {
  padding-block: 8px;
  padding-inline: 16px;
  border-block-start: 1px solid rgba(26, 26, 26, 0.3);
  border-inline: 1px solid rgba(26, 26, 26, 0.3);
  background: var(--color-bg-grayBlue);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .p-lowerChemicoilHose__specTable-th {
    padding-inline: 2px;
  }
}

.p-lowerChemicoilHose__specTable-th--main {
  padding-block: 12px;
  padding-inline: 32px;
  border-block-end: 1px dashed rgba(26, 26, 26, 0.3);
}

.p-lowerChemicoilHose__specTable-weightLabel {
  position: relative;
  display: inline-block;
}

.p-lowerChemicoilHose__specTable-weightMark {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 100%;
  margin-inline-start: 0.08em;
  font-size: 0.625rem;
  line-height: 1;
}

.p-lowerChemicoilHose__specTable-th--sub {
  padding-block: 8px;
  padding-inline: 16px;
  border-block-start: none;
}

.p-lowerChemicoilHose__specTable-td {
  padding-block: 9px;
  padding-inline: 16px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: var(--color-bg-white);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  vertical-align: middle;
  text-align: center;
}

.p-lowerConsulting1__riskCards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px 30px;
}

.p-lowerConsulting1__riskCard {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
}

.p-lowerConsulting1__riskCard-img img {
  display: block;
  width: 100%;
  height: 170px;
  object-fit: cover;
}

.p-lowerConsulting1__riskCard-num {
  margin-block-start: 12px;
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}

.p-lowerConsulting1__riskCard-list {
  margin-block-start: 4px;
}

.p-lowerConsulting1__riskCard-listItem {
  padding-inline-start: 1em;
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-indent: -1em;
}
.p-lowerConsulting1__riskCard-listItem::before {
  content: "・";
}

.p-lowerConsulting1__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: clamp(1rem, 0.582096475rem + 0.7421150278vw, 1.25rem);
}
@media (width <= 650px) {
  .p-lowerConsulting1__steps {
    grid-template-columns: max-content minmax(0, 1fr);
    row-gap: 40px;
    min-width: 0;
  }
}

.p-lowerConsulting1__step {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.p-lowerConsulting1__step:nth-child(1) .p-lowerConsulting1__step-icon {
  width: clamp(4.375rem, 1.2407235622rem + 5.5658627087vw, 6.25rem);
  height: auto;
  aspect-ratio: 1/1;
}
.p-lowerConsulting1__step:nth-child(2) .p-lowerConsulting1__step-icon {
  display: block;
  width: clamp(3.125rem, 0.2332120826rem + 5.1352504638vw, 4.8549375rem);
  height: auto;
  aspect-ratio: 1/1;
}
.p-lowerConsulting1__step:nth-child(3) .p-lowerConsulting1__step-icon {
  width: clamp(3.125rem, 0.2332120826rem + 5.1352504638vw, 4.8549375rem);
  height: auto;
  aspect-ratio: 1/1;
}
.p-lowerConsulting1__step:nth-child(4) .p-lowerConsulting1__step-icon {
  width: clamp(3.125rem, 0.6175788497rem + 4.452690167vw, 4.625rem);
  height: auto;
  aspect-ratio: 1/1;
}
.p-lowerConsulting1__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: clamp(3.125rem, 1.0354823748rem + 3.7105751391vw, 4.375rem);
  right: -50%;
  z-index: -1;
  width: 100%;
  height: 1px;
  background: var(--color-main);
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__step:nth-child(1) .p-lowerConsulting1__step-icon {
    width: clamp(4.375rem, -0.5271084337rem + 12.0481927711vw, 6.25rem);
  }
  .p-lowerConsulting1__step:nth-child(2) .p-lowerConsulting1__step-icon {
    display: block;
    width: clamp(3.125rem, -1.3978486446rem + 11.116064257vw, 4.8549375rem);
  }
  .p-lowerConsulting1__step:nth-child(3) .p-lowerConsulting1__step-icon {
    width: clamp(3.125rem, -1.3978486446rem + 11.116064257vw, 4.8549375rem);
  }
  .p-lowerConsulting1__step:nth-child(4) .p-lowerConsulting1__step-icon {
    width: clamp(3.125rem, -0.796686747rem + 9.6385542169vw, 4.625rem);
  }
  .p-lowerConsulting1__step:not(:last-child)::after {
    top: clamp(3.125rem, -0.1430722892rem + 8.0321285141vw, 4.375rem);
  }
}
@media (width <= 650px) {
  .p-lowerConsulting1__step {
    grid-template-columns: subgrid;
    grid-template-areas: "icon num" "icon label";
    grid-column: span 2;
    grid-row: span 2;
    column-gap: 24px;
    min-width: 0;
    text-align: left;
  }
  .p-lowerConsulting1__step:nth-child(1) .p-lowerConsulting1__step-icon {
    width: 70px;
  }
  .p-lowerConsulting1__step:nth-child(2) .p-lowerConsulting1__step-icon {
    width: 53.71px;
  }
  .p-lowerConsulting1__step:nth-child(3) .p-lowerConsulting1__step-icon {
    width: 53.71px;
  }
  .p-lowerConsulting1__step:nth-child(4) .p-lowerConsulting1__step-icon {
    width: 53.71px;
  }
  .p-lowerConsulting1__step:not(:last-child)::after {
    top: 50px;
    right: auto;
    left: 50px;
    width: 1px;
    height: 100%;
  }
}

.p-lowerConsulting1__step-iconWrap {
  display: grid;
  place-items: center;
  overflow: hidden;
  width: clamp(6.25rem, 1.5485853432rem + 8.3487940631vw, 9.0625rem);
  height: auto;
  aspect-ratio: 1;
  border: 1.8px solid var(--color-main);
  border-radius: 100vmax;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__step-iconWrap {
    width: clamp(6.25rem, -1.1031626506rem + 18.0722891566vw, 9.0625rem);
  }
}
@media (width <= 650px) {
  .p-lowerConsulting1__step-iconWrap {
    grid-area: icon;
    width: 100px;
  }
}

.p-lowerConsulting1__step-icon {
  display: block;
}

.p-lowerConsulting1__step-num {
  display: block;
  margin-block-start: 16px;
  color: var(--color-main);
  font-size: clamp(0.8125rem, 0.4990723562rem + 0.5565862709vw, 1rem);
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__step-num {
    font-size: clamp(0.8125rem, 0.3222891566rem + 1.2048192771vw, 1rem);
  }
}
@media (width <= 650px) {
  .p-lowerConsulting1__step-num {
    grid-area: num;
    margin-block-start: 0;
    font-size: 16px;
  }
}

.p-lowerConsulting1__step-label {
  display: block;
  align-self: start;
  font-size: clamp(0.75rem, 0.4365723562rem + 0.5565862709vw, 0.9375rem);
  font-weight: var(--fw-bold);
  line-height: 1.3;
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__step-label {
    font-size: clamp(0.75rem, 0.2597891566rem + 1.2048192771vw, 0.9375rem);
  }
}
@media (width <= 650px) {
  .p-lowerConsulting1__step-label {
    grid-area: label;
    font-size: 1.25rem;
  }
}

.p-lowerConsulting1__divider {
  height: 1px;
  border: none;
  background: var(--color-border-gray);
}

.p-lowerConsulting1__subHeading {
  padding-inline-start: 6px;
  color: var(--color-bg-blue);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__subHeading {
    font-size: 1.25rem;
  }
}

.p-lowerConsulting1__sectionArrow {
  display: grid;
  place-items: center;
}

.p-lowerConsulting1__sectionArrow img {
  display: block;
  width: 24px;
  height: 24px;
}

.p-lowerConsulting1__flowBox {
  display: grid;
  row-gap: 20px;
  padding-block: 24px 32px;
  padding-inline: 36px;
  border: 1px solid var(--color-text-breadcrumbGray);
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__flowBox {
    padding-inline: 24px;
  }
}

.p-lowerConsulting1__flowBox-title {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__flowBox-title {
    font-size: 18px;
  }
}

.p-lowerConsulting1__flowItems {
  display: grid;
  row-gap: 18px;
  justify-items: center;
}

.p-lowerConsulting1__flowItem {
  display: grid;
  row-gap: 6px;
  width: 100%;
}

.p-lowerConsulting1__flowItem-title {
  padding-inline-start: 6px;
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}

.p-lowerConsulting1__flowItem-text {
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerConsulting1__flowItemArrow {
  display: grid;
  place-items: center;
}

.p-lowerConsulting1__flowItemArrow img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.p-lowerConsulting1__flow-btn {
  justify-self: start;
  margin-block-start: 16px;
}
.p-lowerConsulting1__flow-btn a {
  width: 323px;
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__flow-btn a {
    width: 290px;
  }
}

.p-lowerConsulting1__BorderBox {
  display: grid;
  row-gap: 20px;
  padding-block: 24px;
  padding-inline: 32px;
  border: 1px solid var(--color-text-breadcrumbGray);
}

.p-lowerConsulting1__BorderBox-title {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__BorderBox-title {
    font-size: 1.125rem;
  }
}

.p-lowerConsulting1__BorderBox-formula {
  font-family: var(--inter);
  font-size: 2rem;
  font-style: italic;
  font-weight: var(--fw-medium);
  line-height: 1.6;
  letter-spacing: -0.0046875em;
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting1__BorderBox-formula {
    font-size: 1.5rem;
  }
}

.p-lowerConsulting1__table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
}

.p-lowerConsulting1__table-th {
  padding: 12px 0;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: #f7f7f7;
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}
.p-lowerConsulting1__table-th--blue {
  padding: 12px 32px;
  background: #e9f0fa;
}

.p-lowerConsulting1__table-th--sub {
  width: 168px;
  padding-block: 7px;
  padding-inline: 32px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: #e9f0fa;
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}

.p-lowerConsulting1__table-td {
  padding-block: 11px;
  padding-inline: 12px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.6;
  text-align: center;
}
.p-lowerConsulting1__table-td--note {
  text-align: left;
}

.p-lowerConsulting1__table-td--level {
  width: 160px;
  padding: 10px 0;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}
.p-lowerConsulting1__table-td--level--extreme {
  background: #ffe3e3;
}
.p-lowerConsulting1__table-td--level--high {
  background: #ffedda;
}
.p-lowerConsulting1__table-td--level--moderate {
  background: #fffde3;
}
.p-lowerConsulting1__table-td--level--low {
  background: #e9ffe9;
}

.p-lowerConsulting2__table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .p-lowerConsulting2__table {
    min-width: 559px;
  }
}

.p-lowerConsulting2__table-th {
  padding: 12px 32px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: #f7f7f7;
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}
.p-lowerConsulting2__table-th.p-lowerConsulting2__table-th--blue {
  width: 331px;
  background: #e9f0fa;
}
@media screen and (max-width: 767px) {
  .p-lowerConsulting2__table-th {
    padding-inline: 20px;
  }
  .p-lowerConsulting2__table-th.p-lowerConsulting2__table-th--blue {
    width: 50%;
  }
}

.p-lowerConsulting2__table-td {
  padding: 10px 32px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
.p-lowerConsulting2__table-td.p-lowerConsulting2__table-td--link {
  padding-block: 9px;
  padding-inline: 16px;
}
.p-lowerConsulting2__table-td.p-lowerConsulting2__table-td--link span {
  display: inline-block;
  padding-inline-start: 1em;
  text-indent: -1em;
}
.p-lowerConsulting2__table-td.p-lowerConsulting2__table-td--link span::before {
  content: "・";
}
@media screen and (max-width: 767px) {
  .p-lowerConsulting2__table-td {
    padding-inline: 20px;
  }
}

.p-lowerConsulting2__table-td--link a {
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.p-lowerConsulting2__reference {
  display: grid;
  row-gap: 20px;
  padding: 24px 36px;
  border: 1px solid rgba(74, 74, 74, 0.4);
  background: var(--color-white);
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting2__reference {
    padding: 20px;
  }
}

.p-lowerConsulting2__reference-header {
  display: flex;
  column-gap: 16px;
  align-items: center;
}

.p-lowerConsulting2__reference-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 79px;
  background: #e9f0fa;
  color: var(--color-bg-blue);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  white-space: nowrap;
}

.p-lowerConsulting2__reference-title {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting2__reference-title {
    font-size: 1.125rem;
  }
}

.p-lowerConsulting2__reference-body {
  display: grid;
  row-gap: 12px;
  font-size: 0.9375rem;
}

.p-lowerConsulting2B__blockTitle {
  display: flex;
  column-gap: 20px;
  align-items: center;
  color: var(--color-bg-blue);
  font-size: 1.75rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
.p-lowerConsulting2B__blockTitle::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 5px;
  height: 40px;
  background: var(--color-bg-blue);
}

.p-lowerConsulting2B__figure {
  display: block;
}
.p-lowerConsulting2B__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.p-lowerConsulting2B__infoNote {
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.6;
  letter-spacing: -0.0107142857em;
}

.p-lowerConsulting2B__ctaSection {
  display: grid;
  row-gap: 36px;
}

.p-lowerConsulting2B__btnRow {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
.p-lowerConsulting2B__btnRow a:nth-child(1) {
  width: 195px;
}
.p-lowerConsulting2B__btnRow a:nth-child(2) {
  width: 259px;
}
@media screen and (max-width: 767px) {
  .p-lowerConsulting2B__btnRow {
    row-gap: 14px;
  }
}

.p-lowerConsulting2B__navBtn {
  display: inline-flex;
  column-gap: 32px;
  align-items: center;
  padding: 12px 20px 13px 24px;
  border: 2px solid rgba(26, 26, 26, 0.3);
  border-radius: 100px;
  background: var(--color-text-main);
  color: var(--color-white);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
  text-decoration: none;
  transition: opacity 0.2s;
}
.p-lowerConsulting2B__navBtn:hover {
  opacity: 0.8;
}

.p-lowerConsulting2B__navBtn-icon {
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--color-white);
  border-right: 2px solid var(--color-white);
  transform: rotate(45deg);
}

.p-lowerConsulting2B__refBox {
  display: grid;
  row-gap: 28px;
  padding: 24px 36px;
  border: 1px solid rgba(74, 74, 74, 0.4);
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting2B__refBox {
    padding: 20px;
  }
}

.p-lowerConsulting2B__refBox-header {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: center;
}

.p-lowerConsulting2B__refBox-badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  border-radius: 79px;
  background: #e9f0fa;
  color: var(--color-bg-blue);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  white-space: nowrap;
}

.p-lowerConsulting2B__refBox-title {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting2B__refBox-title {
    font-size: 1.125rem;
  }
}

.p-lowerConsulting2B__refBox-body {
  font-size: 0.9375rem;
}

.p-lowerConsulting2B__imgGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px 30px;
}
.p-lowerConsulting2B__imgGrid img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerConsulting2C__refBody {
  display: grid;
  row-gap: 28px;
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerConsulting2C__refImg {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.p-lowerConsulting4__list {
  display: grid;
  row-gap: 4px;
}

.p-lowerConsulting4__listItem {
  padding-inline-start: 1em;
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-indent: -1em;
}
.p-lowerConsulting4__listItem::before {
  content: "・";
}

.p-lowerConsulting5__text {
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerConsulting5__patterns {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 36px 52px;
}

.p-lowerConsulting5__patternItem {
  display: grid;
  row-gap: 12px;
  max-width: 400px;
}

.p-lowerConsulting5__patternHeader {
  display: flex;
  column-gap: 24px;
  align-items: center;
}

.p-lowerConsulting5__patternBadge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-block: 5px 6px;
  padding-inline: 11px;
  border-radius: 100vmax;
  background-color: var(--color-bg-grayBlue);
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  white-space: nowrap;
}

.p-lowerConsulting5__patternName {
  font-size: 1.0625rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerConsulting5__diagram {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
  padding-block: 4px;
  padding-inline: 10px;
  border-radius: 6px;
  background-color: #e6ba64;
}

.p-lowerConsulting5__diagramCell {
  padding: 8px 10px;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-align: center;
}
.p-lowerConsulting5__diagramCell--gas {
  background-color: var(--color-bg-gray);
}
.p-lowerConsulting5__diagramCell--liquid {
  background-color: #f8ded2;
}
.p-lowerConsulting5__diagramCell--pig {
  width: 52px;
  padding-inline: 8px;
  background-color: #144271;
  color: var(--color-white);
}

.p-lowerConsulting5__dischargeLayout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .p-lowerConsulting5__dischargeLayout {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}

.p-lowerConsulting5__dischargeImg {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerCouplingJoint__imgRow3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 22px 22px;
}

.p-lowerCouplingJoint__storzGroups {
  display: grid;
  row-gap: 28px;
}

.p-lowerCouplingJoint__subLabel {
  color: var(--color-bg-blue);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}

.p-lowerCouplingJoint__ptRow {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  gap: 30px 30px;
  align-items: center;
}

.p-lowerDisPrev1__table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .p-lowerDisPrev1__table {
    min-width: 0;
  }
}

.p-lowerDisPrev1__th {
  padding: 12px 32px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: #f7f7f7;
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}
.p-lowerDisPrev1__th.p-lowerDisPrev1__th--note {
  background: #e9f0fa;
}
@media screen and (max-width: 767px) {
  .p-lowerDisPrev1__th.p-lowerDisPrev1__th--main {
    width: 35.0877192982%;
    padding-inline: 10px;
  }
}

.p-lowerDisPrev1__td {
  padding: 10px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.6;
  vertical-align: middle;
}
.p-lowerDisPrev1__td.p-lowerDisPrev1__td--name {
  width: 230px;
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  text-align: center;
}
@media screen and (max-width: 900px) {
  .p-lowerDisPrev1__td.p-lowerDisPrev1__td--name {
    padding-inline: 6px;
  }
}

.p-lowerDisPrev1__img img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerDisPrev3__calcBox {
  display: grid;
  row-gap: 12px;
  padding: 24px 36px;
  border: 1px solid rgba(74, 74, 74, 0.4);
}
@media screen and (max-width: 900px) {
  .p-lowerDisPrev3__calcBox {
    padding: 20px;
  }
}

.p-lowerDisPrev3__calcItem {
  padding-inline-start: 1em;
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-indent: -1em;
}
.p-lowerDisPrev3__calcItem::before {
  content: "・";
}

.p-lowerDisPrev3__foamLayout {
  display: grid;
  grid-template-columns: 1fr 400px;
  column-gap: 30px;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .p-lowerDisPrev3__foamLayout {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}

.p-lowerDisPrev3__foamImg img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerDisPrev3__imgPair {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}

.p-lowerDisPrev3__imgPair img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.p-lowerDisPrevEn1__img img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerDisPrevEn1__btns {
  display: flex;
  flex-flow: row wrap;
  gap: 20px 20px;
}
@media screen and (max-width: 767px) {
  .p-lowerDisPrevEn1__btns {
    row-gap: 14px;
  }
}

.p-lowerDisPrevEn1__btn a {
  column-gap: 32px;
  width: auto;
  min-width: 240px;
}

.p-lowerDisPrevEn1__note {
  color: var(--color-black);
  font-size: 0.75rem;
}

.p-lowerDisPrevEn2__img img {
  height: auto;
}

.p-lowerDisPrevEn2__timingCard {
  display: grid;
  row-gap: 18px;
  padding-block: 20px 16px;
  padding-inline: 24px;
  border-radius: 6px;
  background: var(--color-bg-gray);
}

.p-lowerDisPrevEn2__timingPart {
  display: grid;
  row-gap: 10px;
}

.p-lowerDisPrevEn2__timingHead {
  display: flex;
  flex-flow: row wrap;
  column-gap: 14px;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .p-lowerDisPrevEn2__timingHead {
    flex-direction: column;
    row-gap: 10px;
    align-items: start;
  }
}

.p-lowerDisPrevEn2__timingBadge {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  block-size: 27px;
  min-inline-size: 79px;
  padding-inline: 10px;
  border: 1px solid var(--color-border-black);
  border-radius: 100vmax;
  font-family: var(--noto-sans);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1;
}

.p-lowerDisPrevEn2__timingBadge--solution {
  min-inline-size: 0;
  border: none;
  background: var(--color-bg-blue);
  color: var(--color-white);
}

.p-lowerDisPrevEn2__timingCaseTitle {
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
}

.p-lowerDisPrevEn2__timingSolutionTitle {
  color: var(--color-main);
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
}

.p-lowerDisPrevEn2__timingDesc {
  color: var(--color-text-main);
  font-size: 0.875rem;
}

.p-lowerDisPrevEn2__refNotice {
  display: grid;
  row-gap: 20px;
  padding-block: 24px;
  padding-inline: 30px;
  border: 1px solid rgba(74, 74, 74, 0.4);
  background: var(--color-white);
}
@media screen and (max-width: 900px) {
  .p-lowerDisPrevEn2__refNotice {
    padding-inline: 16px;
  }
}

.p-lowerDisPrevEn2__refNotice-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
}

.p-lowerDisPrevEn2__refNotice-badge {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding-block: 8px;
  padding-inline: 16px;
  border-radius: 79px;
  background: #e9f0fa;
  color: var(--color-bg-blue);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  white-space: nowrap;
}

.p-lowerDisPrevEn2__refNotice-title {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-lowerDisPrevEn2__refNotice-title {
    font-size: 1.125rem;
  }
}

.p-lowerDisPrevEn2__refNotice-body {
  display: grid;
  row-gap: 12px;
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerDisPrevEn2__refNotice-list {
  display: grid;
  row-gap: 0;
  padding-inline-start: 1.5em;
  list-style: decimal;
}

.p-lowerDisPrevEn2__refNoticeBtn .c-btnBlank {
  inline-size: min(100%, 400px);
  max-inline-size: 100%;
  padding-block: 12px 13px;
  padding-inline: 24px 20px;
}
@media screen and (max-width: 500px) {
  .p-lowerDisPrevEn2__refNoticeBtn .c-btnBlank {
    column-gap: 8px;
    font-size: 0.875rem;
  }
}

.p-lowerDisPrevEn3__img img {
  height: auto;
}

.p-lowerDisSim1__img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerDisSim1__table-info {
  padding-block: 6px;
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1;
}

.p-lowerDisSim1__table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
}

.p-lowerDisSim1__table-th {
  padding: 12px 16px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}
.p-lowerDisSim1__table-th.p-lowerDisSim1__table-th--gray {
  width: 224px;
  background: #f7f7f7;
}
.p-lowerDisSim1__table-th.p-lowerDisSim1__table-th--blue1, .p-lowerDisSim1__table-th.p-lowerDisSim1__table-th--blue2, .p-lowerDisSim1__table-th.p-lowerDisSim1__table-th--blue3 {
  background: var(--color-bg-grayBlue);
}
.p-lowerDisSim1__table-th.p-lowerDisSim1__table-th--blue1 {
  width: 224px;
}
.p-lowerDisSim1__table-th.p-lowerDisSim1__table-th--blue2 {
  width: 160px;
}

.p-lowerDisSim1__table-td {
  padding-block: 10px;
  padding-inline: 13px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.6;
}
.p-lowerDisSim1__table-td:nth-child(1) {
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  text-align: center;
}
.p-lowerDisSim1__table-td:nth-child(2) {
  text-align: center;
}
.p-lowerDisSim1__table-td:nth-child(3) {
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  text-align: center;
}
.p-lowerDisSim1__table-td:nth-child(4) {
  padding-inline: 20px;
}

.p-lowerDisSim1__table-td-dot {
  display: inline-block;
  padding-inline-start: 1em;
  text-indent: -1em;
}
.p-lowerDisSim1__table-td-dot::before {
  content: "・";
}

.p-lowerDisSim1__table2 {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .p-lowerDisSim1__table2 {
    min-width: 442px;
  }
}
@media screen and (max-width: 767px) {
  .p-lowerDisSim1__table2.p-lowerDisSim1__table2--large {
    min-width: 477px;
  }
}

.p-lowerDisSim1__table2-th {
  padding: 12px 16px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}
.p-lowerDisSim1__table2-th.p-lowerDisSim1__table2-th--gray {
  width: 320px;
  background: #f7f7f7;
}
.p-lowerDisSim1__table2-th.p-lowerDisSim1__table2-th--blue {
  background: var(--color-bg-grayBlue);
}
@media screen and (max-width: 767px) {
  .p-lowerDisSim1__table2-th.p-lowerDisSim1__table2-th--gray {
    width: 228px;
  }
}

.p-lowerDisSim1__table2-td {
  padding-block: 9px;
  padding-inline: 17px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.6;
}
.p-lowerDisSim1__table2-td:nth-child(1) {
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  text-align: center;
}
.p-lowerDisSim1__table2-td.p-lowerDisSim1__table2-td--left {
  text-align: left;
}

.p-lowerPage__imgPair .p-lowerDisSim1__imgNote {
  font-size: 0.75rem;
}

.p-lowerDisSim1__img-feature {
  max-width: 766px;
  margin-inline: auto;
  padding-block: 20px;
}

.p-lowerDisSim2__btnWrapper {
  display: flex;
}

.p-lowerDisSim2__numBtn {
  display: inline-flex;
  column-gap: 32px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px 13px 24px;
  border-radius: 100px;
  background: var(--color-main);
  color: var(--color-white);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
  text-decoration: none;
}
@media screen and (max-width: 900px) {
  .p-lowerDisSim2__numBtn {
    width: 100%;
  }
}

.p-lowerDisSim2__flowTitle {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}

.p-lowerDisSim2__imgUnit {
  display: grid;
  row-gap: 20px;
  place-items: center;
  padding-block: 14px;
  padding-inline: 20px;
  background: var(--color-white);
}
.p-lowerDisSim2__imgUnit.p-lowerDisSim2__imgUnit--noPadding {
  padding: 0;
}

.p-lowerDisSim2__img {
  display: block;
  width: 100%;
  height: auto;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--1 {
  max-width: 500px;
  aspect-ratio: 250/97;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--2 {
  max-width: 400px;
  aspect-ratio: 18/41;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--3 {
  aspect-ratio: 146/125;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--4 {
  max-width: 360px;
  aspect-ratio: 36/29;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--5 {
  max-width: 500px;
  aspect-ratio: 25/12;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--6 {
  max-width: 400px;
  aspect-ratio: 52/75;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--7 {
  aspect-ratio: 97/43;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--8 {
  max-width: 450px;
  aspect-ratio: 181/109;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--9 {
  max-width: 360px;
  aspect-ratio: 9/7;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--10 {
  max-width: 500px;
  aspect-ratio: 100/41;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--11 {
  max-width: 400px;
  aspect-ratio: 400/921;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--12 {
  aspect-ratio: 184/205;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--13 {
  max-width: 360px;
  aspect-ratio: 20/17;
}
.p-lowerDisSim2__img.p-lowerDisSim2__img--14 {
  aspect-ratio: 195/118;
}

.p-lowerDisSim3 img {
  display: block;
  width: 100%;
  height: auto;
}
.p-lowerDisSim3 .p-lowerDisSim3__text {
  font-size: 1rem;
}

.p-lowerDisSim3__imgPair {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 30px;
}

.p-lowerDisSim3__table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
}

.p-lowerDisSim3__tableHeaderRow {
  background: #f7f7f7;
}

.p-lowerDisSim3__th {
  padding-block: 13px;
  padding-inline: 12px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  vertical-align: middle;
  text-align: center;
}
.p-lowerDisSim3__th.p-lowerDisSim3__td--item {
  width: 100px;
  background: #f7f7f7;
  text-align: left;
}
.p-lowerDisSim3__th.p-lowerDisSim3__th--method {
  width: 183px;
  background: #e9f0fa;
  font-size: 0.875rem;
}
.p-lowerDisSim3__th.p-lowerDisSim3__th--method .large {
  font-size: 0.9375rem;
}
.p-lowerDisSim3__th.p-lowerDisSim3__th--method .small {
  font-size: 0.75rem;
}

.p-lowerDisSim3__tableRow {
  background: var(--color-white);
}

.p-lowerDisSim3__td {
  padding: 10px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.6;
  vertical-align: middle;
}
.p-lowerDisSim3__td:has(.p-lowerDisSim3__td--dot) {
  padding-block: 10px;
  padding-inline: 16px;
}
.p-lowerDisSim3__td.p-lowerDisSim3__td--alignCenter {
  text-align: center;
}
.p-lowerDisSim3__td.p-lowerDisSim3__td--item {
  width: 100px;
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  text-align: center;
}

.p-lowerDisSim3__td--dot {
  display: inline-block;
  padding-inline-start: 1em;
  text-indent: -1em;
}
.p-lowerDisSim3__td--dot::before {
  content: "・";
}

.p-lowerDisSim4__steps {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: stretch;
}

.p-lowerDisSim4__stepCard {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 16px 24px;
  border-radius: 6px;
  background: #f7f7f7;
}

.p-lowerDisSim4__stepCard-header {
  display: flex;
  column-gap: 14px;
  align-items: center;
}
@media screen and (max-width: 500px) {
  .p-lowerDisSim4__stepCard-header {
    flex-direction: column;
    row-gap: 10px;
  }
}

.p-lowerDisSim4__stepBadge {
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding-block: 4px 6px;
  padding-inline: 10px;
  border: 1px solid var(--color-main);
  border-radius: 100vmax;
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1;
}

.p-lowerDisSim4__stepTitle {
  color: var(--color-main);
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
}

.p-lowerDisSim4__stepDesc {
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerDisSim4__stepArrow {
  display: grid;
  place-items: center;
}

.p-lowerDisSim4__stepArrow img {
  display: block;
  width: 24px;
  height: 24px;
}

.p-lowerDisSim4__imgFigure {
  display: grid;
  row-gap: 16px;
}

.p-lowerDisSim4__imgFigure img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerDisSim4__hotzoneLayout {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 30px;
  align-items: center;
}

.p-lowerDisSim4__hotzoneText {
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerDisSim4__hotzoneImg img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerDisSim4__leadText {
  display: grid;
  row-gap: 20px;
  font-size: 1rem;
}

.p-lowerDisSim4__accordionImgUnit {
  display: grid;
  row-gap: 12px;
}

.p-lowerDisSim4__accordionImgUnit img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerDisSim5__examples {
  display: grid;
  row-gap: 16px;
}

.p-lowerDisSim5__accordionImgUnit img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerDisWaterTrajectory__figureCaption {
  padding-block: 6px;
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
}

.p-lowerDisWaterTrajectory__imgPair {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 30px;
}
.p-lowerDisWaterTrajectory__imgPair img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerDisWaterTrajectory__imgUnit {
  display: grid;
  row-gap: 8px;
}

.p-lowerFmViewer__textSmall {
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerFmViewer__noticeBox {
  display: grid;
  row-gap: 20px;
  padding-block: 24px;
  padding-inline: 36px;
  background-color: var(--color-bg-grayBlue);
}
@media screen and (max-width: 900px) {
  .p-lowerFmViewer__noticeBox {
    padding-inline: 24px;
  }
}

.p-lowerFmViewer__noticeText {
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerFmViewer__textBody {
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerFmViewer__numList {
  display: grid;
  row-gap: 4px;
  counter-reset: fm-viewer-num-list;
}

.p-lowerFmViewer__numListItem {
  padding-inline-start: 1em;
  counter-increment: fm-viewer-num-list;
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-indent: -1em;
}
.p-lowerFmViewer__numListItem::before {
  content: counter(fm-viewer-num-list) ". ";
}

.p-lowerFmViewer__warningText {
  color: var(--color-text-main);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerFmViewer__btnRow {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.p-lowerFmViewer__stepList {
  display: grid;
  row-gap: 20px;
}

.p-lowerFmViewer__stepList--numbered {
  counter-reset: heading-desc-counter;
}

.p-lowerFmViewer__stepList--numbered .p-lowerFmViewer__stepItem {
  counter-increment: heading-desc-counter;
}

.p-lowerFmViewer__stepList--numbered .p-lowerFmViewer__stepItem > .p-lowerFmViewer__textBody:first-child {
  padding-inline-start: 1em;
  text-indent: -1em;
}

.p-lowerFmViewer__stepList--numbered .p-lowerFmViewer__stepItem > .p-lowerFmViewer__textBody:first-child::before {
  content: counter(heading-desc-counter) ". ";
}

.p-lowerFmViewer__stepItem {
  position: relative;
  display: grid;
  row-gap: 12px;
  width: 100%;
  padding-block-end: 40px;
}
.p-lowerFmViewer__stepItem:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M12%203V20.5'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3cpath%20d='M5%2014L12%2021L19%2014'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e") center center/contain no-repeat;
  translate: -50% 0;
}

.p-lowerFmViewer__sampleGroup {
  display: grid;
  row-gap: 24px;
}

.p-lowerFmViewer__imgUnit {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 12px;
}
.p-lowerFmViewer__imgUnit img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .p-lowerFmViewer__imgLabel {
    font-size: 0.875rem !important;
  }
}

.p-lowerFmViewer__hoshahoList {
  display: grid;
  row-gap: 36px;
}

.p-lowerFmViewer__hoshahoItem {
  display: grid;
  row-gap: 24px;
}

.p-lowerFmViewer__btnMore .c-btnMore {
  inline-size: 291px;
}

.p-lowerFmViewer__btnMore .c-btnMore__icon img {
  rotate: 90deg;
}

@media (any-hover: hover) {
  .p-lowerFmViewer__btnMore .c-btnMore:hover .c-btnMore__icon img {
    animation: arrow-move-down 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}
.p-lowerFmViewer__demoVideo video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.p-lowerFmViewer__sampleGroup-title {
  color: var(--color-main);
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
@media screen and (max-width: 900px) {
  .p-lowerFmViewer__sampleGroup-title {
    font-size: 1.125rem;
  }
}

@media (width <= 1024px) {
  .p-lowerFmViewer__btn.p-lowerFmViewer__btn-vba a {
    column-gap: 32px;
    padding-block: 9px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 500px) {
  .p-lowerFmViewer__btn.p-lowerFmViewer__btn-vba a {
    column-gap: 7px;
    padding-inline: 20px;
  }
}
@media screen and (max-width: 500px) {
  .p-lowerFmViewer__btn.p-lowerFmViewer__btn--small a {
    column-gap: 8px;
    padding-inline: 18px;
  }
}

.p-lowerHac1__images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
  align-items: center;
}

.p-lowerHac1__image {
  width: 100%;
}

.p-lowerHac1__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 977/540;
  object-fit: cover;
}

.p-lowerHac1__image--nfpa img {
  aspect-ratio: 779/382;
}

.p-lowerHac1__box {
  padding: 24px 36px;
  border: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 900px) {
  .p-lowerHac1__box {
    padding: 20px 24px;
  }
}
@media screen and (max-width: 767px) {
  .p-lowerHac1__box {
    padding: 24px;
  }
}

.p-lowerHac1__box-title {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-lowerHac1__box-title {
    font-size: 1.125rem;
  }
}

.p-lowerHac1__box-timeline {
  display: grid;
  row-gap: 4px;
  margin-block-start: 20px;
}
@media screen and (max-width: 767px) {
  .p-lowerHac1__box-timeline {
    row-gap: 16px;
  }
}

.p-lowerHac1__box-timeline-row {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-lowerHac1__box-timeline-row {
    display: flex;
    flex-direction: column;
  }
}

.p-lowerHac1__box-timeline-year {
  display: inline grid;
  place-items: center;
  height: 100%;
  min-height: 70px;
  padding-block: 8px;
  padding-inline: 16px;
  background: var(--BlueGray, #e9f0fa);
}
@media screen and (max-width: 767px) {
  .p-lowerHac1__box-timeline-year {
    width: 100%;
    min-height: 37px;
    font-weight: var(--fw-bold);
  }
}

.p-lowerHac1__box-timeline-desc {
  padding-block: 8px;
  padding-inline: 16px;
}
@media screen and (max-width: 767px) {
  .p-lowerHac1__box-timeline-desc {
    width: 100%;
    padding-block: 12px 0;
    font-size: 0.9375rem;
  }
}

.p-lowerHac1__figure-img {
  width: 100%;
}

.p-lowerHac1__figure-img img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerHac1__image-label {
  padding-block: 6px;
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1;
}

.p-lowerHac1__graphs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  row-gap: 30px;
}

.p-lowerHac1__graph {
  display: grid;
  row-gap: 8px;
}

.p-lowerHac1__graph img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerHac1__source {
  font-size: 0.75rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerHac1__method-title {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-lowerHac1__method-title {
    font-size: 1.125rem;
  }
}

.p-lowerHac1__image-with-text {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px 30px;
  align-items: center;
}

.p-lowerHac1__image-with-text-img {
  width: 100%;
}

.p-lowerHac1__image-with-text-img img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerHac1__cards {
  display: grid;
  row-gap: 20px;
}

.p-lowerHac1__card {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
  align-items: center;
}

.p-lowerHac1__card-img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 256/170;
}

.p-lowerHac1__card-num {
  color: var(--color-main);
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}

.p-lowerHac1__card-text {
  margin-block-start: 12px;
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerHac2__table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
}

.p-lowerHac2__tableThItem {
  width: 128px;
  padding-block: 11px;
  padding-inline: 12px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: var(--color-bg-gray);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  vertical-align: middle;
  text-align: center;
}

.p-lowerHac2__tableTh {
  width: 351px;
  padding-block: 11px;
  padding-inline: 12px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: var(--color-bg-grayBlue);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  vertical-align: middle;
  text-align: center;
}

.p-lowerHac2__tableTdLabel {
  padding-block: 16px;
  padding-inline: 12px;
  border: 1px solid var(--color-border-gray);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  vertical-align: middle;
  text-align: center;
}

.p-lowerHac2__tableTd {
  padding-block: 11px;
  padding-inline: 12px;
  border: 1px solid var(--color-border-gray);
  vertical-align: middle;
}

.p-lowerHac2__tableItem {
  padding-inline-start: 1.1em;
  font-size: 0.875rem;
  line-height: 1.6;
  text-indent: -1.1em;
}
.p-lowerHac2__tableItem::before {
  content: "・";
}
.p-lowerHac2__tableItem.p-lowerHac2__tableItem--noBullets {
  padding-inline-start: 0;
  text-indent: 0;
}
.p-lowerHac2__tableItem.p-lowerHac2__tableItem--noBullets::before {
  content: none;
}
.p-lowerHac2__tableItem a {
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity var(--duration) var(--base-ease);
}
@media (any-hover: hover) {
  .p-lowerHac2__tableItem a:hover {
    opacity: 0.7;
  }
}

.p-lowerHac2__tableItem--highlight {
  color: var(--color-main);
  font-weight: var(--fw-bold);
}

.p-lowerHac2__accordionImgSingle {
  width: 100%;
}
.p-lowerHac2__accordionImgSingle img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerHac2__accordionFigCaption {
  padding-block: 4px;
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
}
.p-lowerHac2__accordionFigCaption.p-lowerHac2__accordionFigCaption--noMargin {
  margin-block-start: 0;
}

.p-lowerHac2__accordionImgPairImg {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerHac2__footnote {
  font-size: 0.8125rem;
}

.p-lowerHac2__imgPair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
  gap: 24px;
}
@media screen and (max-width: 1100px) {
  .p-lowerHac2__imgPair {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 900px) {
  .p-lowerHac2__imgPair {
    grid-template-columns: minmax(0, 1fr) minmax(0, 360px);
  }
}
@media screen and (max-width: 767px) {
  .p-lowerHac2__imgPair {
    grid-template-columns: 1fr;
  }
}

.p-lowerHac3__list {
  list-style-position: inside;
  list-style-type: decimal;
}

.p-lowerHac3__listItem {
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerHac3__subList {
  padding-inline-start: 1em;
}

.p-lowerHac3__imgUnit {
  display: grid;
  row-gap: 12px;
}
.p-lowerHac3__imgUnit .p-lowerHac3__imgCaption {
  color: var(--color-text-main);
  font-size: 0.75rem;
}

.p-lowerHac3__img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerHac3__imgGrid3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px 28px;
}

.p-lowerHac4__sectionContent {
  display: grid;
  row-gap: 36px;
}

.p-lowerHac4__videoItem {
  display: grid;
  row-gap: 20px;
  justify-items: center;
}

.p-lowerHac4__video {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.p-lowerHac4__videoLabel {
  color: var(--color-text-black);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-lowerHac4__videoLabel {
    font-size: 0.875rem;
  }
}

.p-lowerHoseProduct__typeTitle {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}

.p-lowerHoseProduct__footnote {
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerHoseProduct__footnoteMark {
  font-size: 0.625rem;
}

.p-lowerHoseProduct__moqNote {
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerHoseProduct__catalogLead {
  font-size: 0.875rem;
}

.p-lowerHoseProduct__certLayout {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1023px) {
  .p-lowerHoseProduct__certLayout {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 900px) {
  .p-lowerHoseProduct__certLayout {
    grid-template-columns: max-content minmax(0, 1fr);
  }
}
@media (width <= 650px) {
  .p-lowerHoseProduct__certLayout {
    grid-template-columns: 1fr;
  }
}

.p-lowerHoseProduct__certImage {
  width: clamp(12.5rem, 5.2692307692rem + 11.2980769231vw, 15.4375rem);
  height: auto;
}
@media screen and (max-width: 1023px) {
  .p-lowerHoseProduct__certImage {
    width: 50%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 900px) {
  .p-lowerHoseProduct__certImage {
    width: clamp(12.5rem, 8.828125rem + 11.75vw, 15.4375rem);
  }
}

.p-lowerHoseProduct__certCard {
  display: grid;
  row-gap: 18px;
  min-width: 0;
  padding-block: 20px;
  padding-inline: 24px;
  border-radius: 6px;
  background: var(--color-bg-gray);
}
@media screen and (max-width: 900px) {
  .p-lowerHoseProduct__certCard {
    padding-inline: 16px;
  }
}

.p-lowerHoseProduct__certSection {
  display: grid;
  row-gap: 8px;
}

.p-lowerHoseProduct__certCategoryTitle {
  color: var(--color-bg-blue);
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
}

.p-lowerHoseProduct__certCard-list {
  display: grid;
  row-gap: 4px;
  padding-inline-start: 20px;
}

.p-lowerHoseRecoveryReeler__partsGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 28px 22px;
}

.p-lowerHoseSystem__img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerHoseSystem__equipmentUnit {
  display: grid;
  row-gap: 8px;
}

.p-lowerHoseSystem__compareTable {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .p-lowerHoseSystem__compareTable {
    min-width: 535px;
  }
}

.p-lowerHoseSystem__compareTable th,
.p-lowerHoseSystem__compareTable td {
  border: 1px solid rgba(26, 26, 26, 0.3);
  vertical-align: middle;
  text-align: center;
}

.p-lowerHoseSystem__compareTable thead th {
  padding-block: 12px;
  padding-inline: 16px;
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
}

.p-lowerHoseSystem__compareTable thead th:nth-child(1) {
  width: 200px;
  background: #f7f7f7;
}
@media screen and (max-width: 900px) {
  .p-lowerHoseSystem__compareTable thead th:nth-child(1) {
    width: 136px;
  }
}

.p-lowerHoseSystem__compareTable thead th:nth-child(2) {
  width: 316px;
  background: var(--color-main);
  color: var(--color-bg-white);
}
@media screen and (max-width: 767px) {
  .p-lowerHoseSystem__compareTable thead th:nth-child(2) {
    width: auto;
    min-width: 199px;
  }
}

.p-lowerHoseSystem__compareTable thead th:nth-child(3) {
  width: 316px;
  background: #e9f0fa;
}
@media screen and (max-width: 767px) {
  .p-lowerHoseSystem__compareTable thead th:nth-child(3) {
    width: auto;
    min-width: 199px;
  }
}

.p-lowerHoseSystem__compareTable th.p-lowerHoseSystem__compareTable-itemCell {
  padding-block: 10px;
  padding-inline: 16px;
  background: #fff;
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-lowerHoseSystem__compareTable th.p-lowerHoseSystem__compareTable-itemCell {
    padding-inline: 12px;
  }
}

.p-lowerHoseSystem__compareTable td {
  padding-block: 19px;
  padding-inline: 16px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-lowerHoseSystem__compareTable td {
    padding-inline: 11px;
  }
}

.p-lowerHoseSystem__compareTable-cell {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: center;
}

.p-lowerHoseSystem__compareTable-icon {
  display: block;
  width: 36px;
  height: 36px;
}

.p-lowerHoseSystem__compareTable-icon--cross {
  width: 31px;
  height: 31px;
}

.p-lowerHoseSystem__compareTable-cellText {
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.4;
  text-align: center;
}

.p-lowerHoseSystem__deliveryTable {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
}

.p-lowerHoseSystem__deliveryTable-td {
  padding-block: 11px;
  padding-inline: 16px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.875rem;
  line-height: 1.6;
}
.p-lowerHoseSystem__deliveryTable-td.p-lowerHoseSystem__deliveryTable-td--Large {
  font-size: 0.9375rem;
}
.p-lowerHoseSystem__deliveryTable-td.p-lowerHoseSystem__deliveryTable-td--alignCenter {
  text-align: center;
}
.p-lowerHoseSystem__deliveryTable-td.p-lowerHoseSystem__deliveryTable-td--pdNarrow {
  padding-inline: 11px;
}

.p-lowerHoseSystem__deliveryTable-th {
  padding-block: 10px;
  padding-inline: 16px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: var(--color-bg-grayBlue);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  text-align: center;
}
.p-lowerHoseSystem__deliveryTable-th:nth-child(2) {
  width: 179px;
}
.p-lowerHoseSystem__deliveryTable-th:nth-child(3) {
  width: 179px;
}
.p-lowerHoseSystem__deliveryTable-th:nth-child(4) {
  width: 372px;
}

.p-lowerHoseSystem__deliveryTable-th.p-lowerHoseSystem__deliveryTable-th--narrow {
  width: 343px;
}

.p-lowerHoseSystem__deliveryTable-td-dot {
  display: inline-block;
  padding-inline-start: 1em;
  text-indent: -1em;
}
.p-lowerHoseSystem__deliveryTable-td-dot::before {
  content: "・";
}

.p-lowerHoseSystem__deliveryTable td:first-child {
  text-align: center;
  white-space: nowrap;
}

.p-groundwaterPumping__video {
  width: 100%;
}
.p-groundwaterPumping__video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 147/82;
}

.p-groundwaterPumping__note {
  font-size: 0.875rem;
}

.p-lowerHoseSystem__btn a {
  column-gap: 32px;
  width: fit-content;
}

.p-lowerHoseSystem__offshoreBtn a {
  width: 290px;
}

.p-lowerOffshoreHose__specTable {
  width: 100%;
  min-width: 820px;
  table-layout: fixed;
  border-collapse: collapse;
  --p-lowerOffshoreHose-spec-col-inch: 95px;
  --p-lowerOffshoreHose-spec-col-mm: 95px;
  --p-lowerOffshoreHose-spec-col-thickness: 130px;
  --p-lowerOffshoreHose-spec-col-weight: 130px;
  --p-lowerOffshoreHose-spec-col-min-tensile: 130px;
  --p-lowerOffshoreHose-spec-col-wide: 240px;
}
@media screen and (max-width: 767px) {
  .p-lowerOffshoreHose__specTable {
    min-width: 574px;
    --p-lowerOffshoreHose-spec-col-inch: 79px;
    --p-lowerOffshoreHose-spec-col-mm: 79px;
    --p-lowerOffshoreHose-spec-col-thickness: 104px;
    --p-lowerOffshoreHose-spec-col-weight: 104px;
    --p-lowerOffshoreHose-spec-col-min-tensile: 104px;
    --p-lowerOffshoreHose-spec-col-wide: 104px;
  }
}

.p-lowerOffshoreHose__specTable-col--inch {
  width: var(--p-lowerOffshoreHose-spec-col-inch);
}

.p-lowerOffshoreHose__specTable-col--mm {
  width: var(--p-lowerOffshoreHose-spec-col-mm);
}

.p-lowerOffshoreHose__specTable-col--thickness {
  width: var(--p-lowerOffshoreHose-spec-col-thickness);
}

.p-lowerOffshoreHose__specTable-col--weight {
  width: var(--p-lowerOffshoreHose-spec-col-weight);
}

.p-lowerOffshoreHose__specTable-col--minTensile {
  width: var(--p-lowerOffshoreHose-spec-col-min-tensile);
}

.p-lowerOffshoreHose__specTable-col--wide {
  width: var(--p-lowerOffshoreHose-spec-col-wide);
}

.p-lowerOffshoreHose__specTable-th {
  padding-block: 8px;
  padding-inline: 16px;
  border-block-start: 1px solid rgba(26, 26, 26, 0.3);
  border-inline: 1px solid rgba(26, 26, 26, 0.3);
  background: var(--color-bg-grayBlue);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .p-lowerOffshoreHose__specTable-th {
    padding-inline: 4px;
  }
}

.p-lowerOffshoreHose__specTable-th--main {
  padding-block: 12px;
  padding-inline: 32px;
  border-block-end: 1px dashed rgba(26, 26, 26, 0.3);
}

.p-lowerOffshoreHose__specTable-weightLabel {
  position: relative;
  display: inline-block;
}

.p-lowerOffshoreHose__specTable-weightMark {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 100%;
  margin-inline-start: 0.08em;
  font-size: 0.625rem;
  line-height: 1;
}

.p-lowerOffshoreHose__specTable-th--sub {
  padding-block: 8px;
  padding-inline: 16px;
  border-block-start: none;
}

.p-lowerOffshoreHose__specTable-td {
  padding-block: 10px;
  padding-inline: 16px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: var(--color-bg-white);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  vertical-align: middle;
  text-align: center;
}

.p-lowerPage__figure-img {
  width: 100%;
}

.p-lowerPage__figure-img img {
  display: block;
  width: 100%;
  height: auto;
}

.p-lowerPage__figureCaption {
  padding-block: 6px;
  color: var(--color-main);
  font-size: 0.875rem !important;
  font-weight: var(--fw-bold);
  line-height: 1;
}
.p-lowerPage__figureCaption.p-lowerPage__figureCaption--alignCenter {
  text-align: center;
}

.p-lowerPage__accordion-btn a {
  width: 255px;
}

.p-lowerPage__imgPair {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 24px;
  min-width: 0;
}

.p-lowerPage__imgPair--gap20 {
  gap: 20px;
}

.p-lowerPage__imgPair--gap30 {
  gap: 30px;
}

.p-lowerPage__imgPair--row28 {
  row-gap: 28px;
}

.p-lowerPage__imgPair--row32 {
  row-gap: 32px;
}

.p-lowerPage__imgPair--row36 {
  row-gap: 36px;
}

.p-lowerPage__imgPair--alignStart {
  align-items: start;
}

.p-lowerPage__imgPair--alignCenter {
  align-items: center;
}

.p-lowerPage__catalog {
  display: grid;
  row-gap: 18px;
  padding: 24px 36px;
  background: var(--color-bg-grayBlue);
}
@media screen and (max-width: 900px) {
  .p-lowerPage__catalog {
    padding: 20px;
  }
}

.p-lowerPage__catalogContent {
  display: grid;
  grid-template-columns: 1fr 367px;
  column-gap: 24px;
}
@media screen and (max-width: 1200px) {
  .p-lowerPage__catalogContent {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}

.p-lowerPage__catalogLeft {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .p-lowerPage__catalogLeft {
    display: contents;
  }
}

.p-lowerPage__catalogText {
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (max-width: 1200px) {
  .p-lowerPage__catalogText {
    order: 1;
  }
}

.p-lowerPage__catalogBtns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 12px;
  padding-block-end: 12px;
}
@media screen and (max-width: 1200px) {
  .p-lowerPage__catalogBtns {
    order: 3;
  }
}

@media screen and (max-width: 1200px) {
  .p-lowerPage__catalogImg {
    order: 2;
  }
}

.p-lowerPage__catalogImg img {
  display: block;
  width: 100%;
  aspect-ratio: 125/89;
  object-fit: cover;
}

.p-lowerPage__infoBox {
  display: grid;
  row-gap: 20px;
  padding: 24px 36px;
  border: 1px solid rgba(74, 74, 74, 0.4);
}
.p-lowerPage__infoBox--slim {
  row-gap: 0;
}
@media screen and (max-width: 900px) {
  .p-lowerPage__infoBox {
    padding: 20px;
  }
}

.p-lowerPage__infoBox-title {
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .p-lowerPage__infoBox-title {
    font-size: 1.125rem;
  }
}

.p-lowerPage__infoBox-body {
  display: grid;
  row-gap: 20px;
}

.p-lowerPage__infoList {
  display: grid;
  row-gap: 12px;
  padding-inline-start: 20px;
}

.p-lowerPage__infoList.p-lowerPage__infoList--narrow {
  row-gap: 8px;
}

.p-lowerPage__infoItem {
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-indent: -1em;
}
.p-lowerPage__infoItem::before {
  content: "・";
  color: var(--color-text-main);
}
.p-lowerPage__infoItem--bold {
  font-weight: var(--fw-bold);
}

.p-lowerPage__btnLink {
  display: inline-flex;
  column-gap: 12px;
  align-items: center;
  width: fit-content;
  min-width: 259px;
  padding-block: 12px 13px;
  padding-inline: 24px 20px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  border-radius: 100px;
  background: var(--color-text-main);
  transition: background-color 0.4s var(--base-ease);
}
@media screen and (max-width: 767px) {
  .p-lowerPage__btnLink.p-lowerPage__btnLink--boilOver {
    column-gap: 8px;
    padding-inline-end: 16px;
  }
  .p-lowerPage__btnLink.p-lowerPage__btnLink--boilOver .p-lowerPage__btnLink-text {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 500px) {
  .p-lowerPage__btnLink.p-lowerPage__btnLink--boilOver .p-lowerPage__btnLink-text {
    margin-inline-end: 0;
  }
}
@media (any-hover: hover) {
  .p-lowerPage__btnLink:hover {
    background: var(--color-bg-white);
  }
  .p-lowerPage__btnLink:hover .p-lowerPage__btnLink-text {
    color: var(--color-text-main);
  }
  .p-lowerPage__btnLink:hover .p-lowerPage__btnLink-icon img {
    filter: invert(1);
  }
  .p-lowerPage__btnLink:hover .p-lowerPage__btnLink-arrow img {
    filter: invert(1);
    animation: arrow-move 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}

.p-lowerPage__btnLink-icon {
  display: grid;
  place-items: center;
  width: 36px;
  aspect-ratio: 1;
}
.p-lowerPage__btnLink-icon img {
  width: 24px;
  height: 30px;
  object-fit: contain;
  transition: filter 0.4s var(--base-ease);
}
@media screen and (max-width: 767px) {
  .p-lowerPage__btnLink-icon {
    width: 24px;
  }
  .p-lowerPage__btnLink-icon img {
    width: 24px;
    height: 24px;
  }
}

.p-lowerPage__btnLink-text {
  margin-inline-end: 20px;
  color: var(--color-white);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  transition: color 0.4s var(--base-ease);
}
@media screen and (max-width: 500px) {
  .p-lowerPage__btnLink-text {
    font-size: 0.875rem;
  }
}

.p-lowerPage__btnLink-arrow {
  overflow: hidden;
  margin-inline: auto 0;
}
.p-lowerPage__btnLink-arrow img {
  display: block;
  inline-size: 12.32px;
  block-size: 13.33px;
  transition: filter 0.4s var(--base-ease);
}
@media screen and (max-width: 767px) {
  .p-lowerPage__btnLink-arrow {
    width: 24px;
  }
}

.p-lowerPage__smallText {
  font-size: 0.75rem !important;
}

.p-lowerSuperAquaDuct__specTable {
  width: 100%;
  min-width: 600px;
  table-layout: fixed;
  border-collapse: collapse;
  --p-lowerSuperAquaDuct-spec-col-inch: 203px;
  --p-lowerSuperAquaDuct-spec-col-mm: 203px;
  --p-lowerSuperAquaDuct-spec-col-thickness: 207px;
  --p-lowerSuperAquaDuct-spec-col-weight: 207px;
}
@media screen and (max-width: 767px) {
  .p-lowerSuperAquaDuct__specTable {
    min-width: 366px;
    --p-lowerSuperAquaDuct-spec-col-inch: 90px;
    --p-lowerSuperAquaDuct-spec-col-mm: 90px;
    --p-lowerSuperAquaDuct-spec-col-thickness: 104px;
    --p-lowerSuperAquaDuct-spec-col-weight: 104px;
  }
}

.p-lowerSuperAquaDuct__specTable-col--inch {
  min-width: 90px;
  max-width: var(--p-lowerSuperAquaDuct-spec-col-inch);
}

.p-lowerSuperAquaDuct__specTable-col--mm {
  min-width: 90px;
  max-width: var(--p-lowerSuperAquaDuct-spec-col-mm);
}

.p-lowerSuperAquaDuct__specTable-col--thickness {
  max-width: var(--p-lowerSuperAquaDuct-spec-col-thickness);
}

.p-lowerSuperAquaDuct__specTable-col--weight {
  max-width: var(--p-lowerSuperAquaDuct-spec-col-weight);
}

.p-lowerSuperAquaDuct__specTable td {
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  vertical-align: middle;
  text-align: center;
}

.p-lowerSuperAquaDuct__specTable-th {
  padding-block: 8px;
  padding-inline: 16px;
  border: 1px solid rgba(26, 26, 26, 0.3);
  background: var(--color-bg-grayBlue);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.p-lowerSuperAquaDuct__specTable-th--main {
  padding-block: 12px;
  padding-inline: 32px;
  border-block-end: 1px dashed rgba(26, 26, 26, 0.3);
}

.p-lowerSuperAquaDuct__specTable-weightLabel {
  position: relative;
  display: inline-block;
}

.p-lowerSuperAquaDuct__specTable-weightMark {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 100%;
  margin-inline-start: 0.08em;
  font-size: 0.625rem;
  line-height: 1;
}

.p-lowerSuperAquaDuct__specTable-th--sub {
  padding-block: 7px;
  padding-inline: 16px;
  border-block-start: none;
}
.p-lowerSuperAquaDuct__specTable-td {
  padding-block: 10px;
  padding-inline: 16px;
  background: var(--color-bg-white);
}

.p-lowerWellmasterHose__specTableWrap {
  width: 100%;
}

.p-lowerWellmasterHose__specTable {
  width: 100%;
  min-width: 820px;
  table-layout: fixed;
  border-collapse: collapse;
}
.p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols7 .p-lowerWellmasterHose__specTable-col--narrow {
  width: 126px;
}
.p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols8 .p-lowerWellmasterHose__specTable-col--narrow {
  width: 104px;
}
.p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols8 .p-lowerWellmasterHose__specTable-col--wide {
  width: 128px;
}
.p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols8 .p-lowerWellmasterHose__specTable-col--wideLarge {
  width: 136px;
}
.p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols8 .p-lowerWellmasterHose__specTable-col--medium {
  width: 112px;
}
@media screen and (max-width: 767px) {
  .p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols7 {
    min-width: 678px;
  }
  .p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols7 .p-lowerWellmasterHose__specTable-col--narrow {
    width: 104px;
  }
  .p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols7 .p-lowerWellmasterHose__specTable-col--wideSP {
    width: 128px;
  }
  .p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols7SPWide {
    min-width: 702px;
  }
  .p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols8 {
    min-width: 806px;
  }
  .p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols8 .p-lowerWellmasterHose__specTable-col--narrow {
    width: 104px;
  }
  .p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols8 .p-lowerWellmasterHose__specTable-col--wide {
    width: 128px;
  }
  .p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols8 .p-lowerWellmasterHose__specTable-col--wideLarge {
    width: 128px;
  }
  .p-lowerWellmasterHose__specTable.p-lowerWellmasterHose__specTable--cols8 .p-lowerWellmasterHose__specTable-col--medium {
    width: 104px;
  }
}

.p-lowerWellmasterHose__specTable-th,
.p-lowerWellmasterHose__specTable-td {
  border: 1px solid rgba(26, 26, 26, 0.3);
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  vertical-align: middle;
  text-align: center;
}

.p-lowerWellmasterHose__specTable-th {
  padding-block: 8px;
  padding-inline: 2px;
  background: var(--color-bg-grayBlue);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.p-lowerWellmasterHose__specTable-th--diameterMain {
  padding-block: 11px;
  padding-inline: 10px;
  border-block-end: 1px dotted rgba(26, 26, 26, 0.3);
}

.p-lowerWellmasterHose__specTable thead tr + tr .p-lowerWellmasterHose__specTable-th--sub {
  border-block-start-style: dashed;
}

.p-lowerWellmasterHose__specTable-th--sub {
  padding-block: 7px;
  padding-inline: 10px;
}

.p-lowerWellmasterHose__specTable-td {
  padding-block: 10px;
  padding-inline: 16px;
  background: var(--color-bg-white);
}

.p-lowerWellmasterHose__specTable-td--narrow {
  padding-inline: 24px;
}

.p-lowerWellmasterHose__specTable-th--tall {
  min-block-size: 82px;
  padding-block: 12px;
}

.p-lowerWellmasterHose__footnoteGroup {
  display: grid;
  row-gap: 4px;
}

.p-lowerWellmasterHose__footnote {
  font-size: 0.875rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-lowerWellmasterHose__footnoteMark {
  font-size: 0.625rem;
  vertical-align: super;
}

.p-pageAboutFooterLink {
  padding-block: 0 20px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageAboutFooterLink {
    padding-block-start: 100px;
  }
}

.p-pageAboutFooterLink__inner {
  max-inline-size: 1800px;
  margin-inline: auto;
  padding-inline: 30px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutFooterLink__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageAboutFooterLink__inner {
    padding-inline: 16px;
  }
}

.p-pageAboutGreeting {
  padding-block: 120px 140px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting {
    padding-block: 81px 102px;
  }
}

.p-pageAboutGreeting__inner {
  max-width: calc(var(--inner-pageAbout) + var(--padding-inner) * 2);
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageAboutGreeting__inner {
    padding-inline: 16px;
  }
}

.p-pageAboutGreeting__headingText {
  margin-block-start: 40px;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__headingText {
    margin-block-start: 31px;
  }
}

.p-pageAboutGreeting__purpose {
  display: flex;
  gap: 60px;
  justify-content: center;
  align-items: center;
  margin-block: 12px 24px;
  padding-block: 85px 96px;
  padding-inline-start: 66px;
  background: url("../images/greeting-bg.webp") center center/contain no-repeat;
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__purpose {
    gap: 30px;
    margin-block: 20px 32px;
    margin-inline-start: 9px;
    padding-block: 38px 0;
    padding-inline-start: 0;
  }
}

.p-pageAboutGreeting__imageWrapper {
  position: relative;
  flex: 0 0 auto;
  width: 200px;
  height: 200px;
  margin-block-end: 7px;
  margin-inline: 13px 11px;
  padding: 16px;
  border-radius: 50%;
  background: #dee6f2;
}
.p-pageAboutGreeting__imageWrapper::before, .p-pageAboutGreeting__imageWrapper::after {
  content: "";
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color-main);
}
.p-pageAboutGreeting__imageWrapper::before {
  top: 8px;
  left: -13px;
  width: 12px;
}
.p-pageAboutGreeting__imageWrapper::after {
  right: -13px;
  bottom: -7px;
  width: 23px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__imageWrapper {
    width: 96.5px;
    height: 96.5px;
    margin-block-end: -6px;
    margin-inline: 0;
    padding: 8px;
  }
  .p-pageAboutGreeting__imageWrapper::before {
    top: 4px;
    left: -6px;
    width: 5.8px;
  }
  .p-pageAboutGreeting__imageWrapper::after {
    right: -5px;
    bottom: -4px;
    width: 11px;
  }
}

.p-pageAboutGreeting__image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--color-main);
}

.p-pageAboutGreeting__imageText {
  position: relative;
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1.24;
  letter-spacing: 1px;
}
.p-pageAboutGreeting__imageText .p-pageAboutGreeting__imageText--strong {
  font-size: 1.375rem;
}
.p-pageAboutGreeting__imageText::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #dee6f2;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__imageText {
    font-size: 0.6031875rem;
  }
  .p-pageAboutGreeting__imageText .p-pageAboutGreeting__imageText--strong {
    font-size: 0.6635rem;
  }
}

.p-pageAboutGreeting__purposeItems {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__purposeItems {
    gap: 20px;
  }
}

.p-pageAboutGreeting__purposeItem {
  display: flex;
  align-items: center;
  height: 29px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__purposeItem {
    flex-direction: column;
    align-items: flex-start;
  }
}

.p-pageAboutGreeting__purposeItemTitle {
  display: flex;
  align-items: center;
  height: 100%;
  color: rgba(74, 74, 74, 0.4);
  font-family: var(--title-font-family);
  font-size: 2.5rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
.p-pageAboutGreeting__purposeItemTitle .p-pageAboutGreeting__purposeItemTitle--strong {
  color: var(--color-main);
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__purposeItemTitle {
    font-size: 1.5rem;
  }
}

.p-pageAboutGreeting__purposeItemTitle::first-letter {
  color: var(--color-main);
}

.p-pageAboutGreeting__purposeItemText {
  display: flex;
  align-items: end;
  height: 100%;
  margin-inline-start: 16px;
  padding-block-end: 4px;
  color: var(--color-main);
  font-family: var(--base-font-family);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1;
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__purposeItemText {
    margin-inline-start: 0;
    padding-block-end: 0;
    font-size: 0.625rem;
  }
}

.p-pageAboutGreeting__bodyTitle {
  margin-block-start: 28px;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__bodyTitle {
    margin-block-start: 69px;
    font-size: 1.25rem;
  }
}

.p-pageAboutGreeting__bodyText {
  margin-block-start: 24px;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-pageAboutGreeting__bodyText {
    font-size: 1rem;
  }
}

.p-pageAboutHeading {
  padding-block-start: 48px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutHeading {
    padding-block-start: 34px;
  }
}

.p-pageAboutHeading__inner {
  max-width: calc(var(--inner-pageAbout) + var(--padding-inner) * 2);
}
@media screen and (max-width: 900px) {
  .p-pageAboutHeading__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageAboutHeading__inner {
    padding-inline: 16px;
  }
}

.p-pageAboutHeading__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutHeading__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 17px;
  }
}
@media screen and (max-width: 500px) {
  .p-pageAboutHeading__items {
    grid-template-columns: repeat(1, 1fr);
  }
}

.p-pageAboutHeading__item {
  inline-size: 100%;
}

.p-pageAboutLinkList {
  overflow: hidden;
  padding-block: 120px 100px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageAboutLinkList {
    padding-block: 100px 0;
  }
}

.p-pageAboutLinkList__inner {
  max-width: calc(var(--inner-pageAbout) + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutLinkList__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageAboutLinkList__inner {
    padding-inline: 16px;
  }
}

.p-pageAboutLinkList__item:first-of-type {
  position: relative;
  border-block-start: 1px solid var(--color-border-gray);
}
.p-pageAboutLinkList__item:first-of-type::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 11.1111111111%;
  height: 1.3px;
  background: var(--color-main);
}
@media screen and (max-width: 900px) {
  .p-pageAboutLinkList__item:first-of-type::before {
    width: 17.4927113703%;
  }
}
@media (any-hover: hover) {
  .p-pageAboutLinkList__item:hover .p-pageAboutLinkList__link::after {
    width: 100%;
  }
  .p-pageAboutLinkList__item:hover .p-pageAboutLinkList__img img {
    scale: 1.05;
  }
  .p-pageAboutLinkList__item:hover .p-pageAboutLinkList__title-main {
    color: var(--color-main);
  }
}

.p-pageAboutLinkList__link {
  position: relative;
  display: grid;
  grid-template-columns: 246px 1fr max-content;
  column-gap: 2rem;
  align-items: center;
  padding-block: 1.5rem;
  padding-inline: 1rem;
  transition: opacity 0.4s ease, filter 0.4s ease;
}
.p-pageAboutLinkList__link:last-child {
  border-block-end: 1px solid var(--color-border-gray);
}
.p-pageAboutLinkList__link::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 11.1111111111%;
  height: 1.3px;
  background: var(--color-main);
  transition: width 0.5s ease;
}
@media screen and (max-width: 900px) {
  .p-pageAboutLinkList__link {
    grid-template-columns: 1fr max-content;
    grid-template-areas: "img img" "title arrow";
    row-gap: 0.75rem;
    padding-block: 2rem;
    padding-inline: 0;
  }
  .p-pageAboutLinkList__link::after {
    width: 17.4927113703%;
  }
}

.p-pageAboutLinkList__img {
  overflow: clip;
  border-radius: 9px;
}
.p-pageAboutLinkList__img img {
  aspect-ratio: 246/160;
  transition: scale 0.5s ease;
}
@media screen and (max-width: 900px) {
  .p-pageAboutLinkList__img {
    grid-area: img;
  }
  .p-pageAboutLinkList__img img {
    aspect-ratio: 343/220;
  }
}

@media screen and (max-width: 900px) {
  .p-pageAboutLinkList__title {
    grid-area: title;
  }
}

.p-pageAboutLinkList__title-main {
  font-family: var(--title-font-family);
  font-size: 2.5rem;
  font-weight: var(--fw-semi-bold);
  line-height: normal;
  transition: color 0.4s ease;
}

.p-pageAboutLinkList__title-text-sub {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
  margin-block-start: 0.25rem;
  color: var(--color-main);
}
.p-pageAboutLinkList__title-text-sub::before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  background: var(--color-main);
}

.p-pageAboutLinkList__arrow {
  display: block;
  overflow: hidden;
  width: 20px;
  height: 18.971px;
  --p-pageAboutLinkList-arrow-color: var(--color-bg-black);
}
.p-pageAboutLinkList__arrow::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_5571)'%3e%3cpath%20d='M5.95074%2014.8454L12.7173%208L5.95074%201.15464L7.09209%203.10004e-07L15%208L7.09209%2016L5.95074%2014.8454Z'%20fill='%231A1A1A'%20/%3e%3cpath%20d='M13.8594%207.17578L13.8594%208.82527L0.000153215%208.82527L0.000153287%207.17578L13.8594%207.17578Z'%20fill='%231A1A1A'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_5571'%3e%3crect%20width='16'%20height='15'%20fill='white'%20transform='translate(15)%20rotate(90)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 100%;
  height: 100%;
  background: var(--p-pageAboutLinkList-arrow-color);
}
@media screen and (max-width: 900px) {
  .p-pageAboutLinkList__arrow {
    grid-area: arrow;
    align-self: start;
    width: 25.619px;
    height: 23.658px;
    margin-block-start: 10px;
    --p-pageAboutLinkList-arrow-color: var(--color-main);
  }
}

@media (any-hover: hover) {
  .p-pageAboutLinkList__list:has(.p-pageAboutLinkList__link:hover) .p-pageAboutLinkList__link:not(:hover) {
    opacity: 0.5;
    transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
  }
  .p-pageAboutLinkList__item:hover .p-pageAboutLinkList__arrow::before {
    animation: arrow-move 0.5s cubic-bezier(0.75, 0, 0.1, 1.5);
  }
}
.p-pageAboutOutline {
  padding-block: 120px 140px;
  background: var(--color-bg-gray);
}
@media screen and (max-width: 900px) {
  .p-pageAboutOutline {
    padding-block: 73px 100px;
  }
}

.p-pageAboutOutline__inner {
  max-width: calc(var(--inner-pageAbout) + var(--padding-inner) * 2);
}
@media screen and (max-width: 900px) {
  .p-pageAboutOutline__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageAboutOutline__inner {
    padding-inline: 16px;
  }
}

.p-pageAboutOutline__contentWrapper {
  display: flex;
  gap: 120px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutOutline__contentWrapper {
    flex-direction: column;
    gap: 23px;
  }
}

.p-pageAboutOutline__title {
  flex: 0 0 auto;
  width: 262px;
  margin-top: 28px;
}

.p-pageAboutOutline__content {
  flex: 1 1 auto;
  width: 100%;
}

.p-pageAboutOutline__table {
  width: 100%;
  border-collapse: collapse;
}

.p-pageAboutOutline__tableRow {
  display: flex;
  gap: 24px;
  align-items: center;
  padding-block: 19px 20px;
  padding-inline: 20px;
  border-bottom: 1px solid var(--color-border-gray);
}
.p-pageAboutOutline__tableRow:first-child {
  padding-block-start: 20px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutOutline__tableRow {
    flex-direction: column;
    gap: 8px;
    padding-block: 20px;
    padding-inline: 10px;
  }
  .p-pageAboutOutline__tableRow:first-child {
    padding-block-start: 12px;
  }
}

.p-pageAboutOutline__tableHeader {
  flex: 0 0 auto;
  width: 160px;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
  text-align: left;
}
@media screen and (max-width: 900px) {
  .p-pageAboutOutline__tableHeader {
    width: 100%;
  }
}

.p-pageAboutOutline__tableData {
  flex: 1 1 auto;
  width: 100%;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: var(--base-line-height);
}

.p-pageAboutOutline__map {
  padding-block-start: 88px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutOutline__map {
    padding-block-start: 47px;
  }
}

.p-pageAboutOutline__mapLink {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
  height: 33px;
  margin-inline-start: auto;
  padding-inline-start: 29px;
}
.p-pageAboutOutline__mapLink::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 23px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='17'%20height='23'%20viewBox='0%200%2017%2023'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_12632)'%3e%3cpath%20d='M4.42188%2017.0366C5.08647%2017.8844%205.69138%2018.7773%206.23224%2019.709C6.69398%2020.5853%206.88647%2021.1795%207.22392%2022.2353C7.43088%2022.8186%207.61792%2022.9927%208.02005%2022.9927C8.45826%2022.9927%208.65707%2022.6965%208.81067%2022.2385C9.12965%2021.2414%209.37994%2020.4804%209.77481%2019.7614C10.5496%2018.3733%2011.5125%2017.1397%2012.4585%2015.9542C12.7146%2015.6187%2014.3705%2013.6639%2015.116%2012.1215C15.116%2012.1215%2016.0322%2010.4272%2016.0322%208.061C16.0322%205.84761%2015.1286%204.3125%2015.1286%204.3125L12.5271%205.00977L10.9473%209.17427L10.5564%209.74852L10.4783%209.85255L10.3743%209.98278L10.1918%2010.1908L9.9311%2010.4517L8.52426%2011.5988L5.00698%2013.6313L4.42188%2017.0366Z'%20fill='%2334A853'%20/%3e%3cpath%20d='M0.789062%2011.8391C1.6475%2013.8015%203.30288%2015.5265%204.42287%2017.0404L10.3717%209.98785C10.3717%209.98785%209.53359%2011.0848%208.01334%2011.0848C6.31996%2011.0848%204.95193%209.73147%204.95193%208.02496C4.95193%206.85472%205.65539%206.05078%205.65539%206.05078L1.61719%207.13372L0.789062%2011.8391Z'%20fill='%23FBBC04'%20/%3e%3cpath%20d='M10.4367%200.363281C12.4125%201.00083%2014.1035%202.33928%2015.1264%204.31295L10.3721%209.98323C10.3721%209.98323%2011.0756%209.16476%2011.0756%208.00179C11.0756%206.25554%209.60634%204.951%208.01915%204.951C6.51825%204.951%205.65625%206.04616%205.65625%206.04616V2.47395L10.4367%200.363281Z'%20fill='%234285F4'%20/%3e%3cpath%20d='M1.88281%202.86811C3.06286%201.45508%205.13928%200%208.00194%200C9.39082%200%2010.4372%200.364929%2010.4372%200.364929L5.65713%206.04869H2.27042L1.88281%202.86811Z'%20fill='%231A73E8'%20/%3e%3cpath%20d='M0.789743%2011.837C0.789743%2011.837%200%2010.2892%200%208.04682C0%205.9275%200.823181%204.07497%201.87949%202.86719L5.65651%206.04827L0.789743%2011.837Z'%20fill='%23EA4335'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_12632'%3e%3crect%20width='16.0436'%20height='23'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center center/contain no-repeat;
}

.p-pageAboutOutline__mapLinkText {
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1.2;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: opacity var(--duration) ease;
}

@media (any-hover: hover) {
  .p-pageAboutOutline__mapLink:hover .p-pageAboutOutline__mapLinkText {
    opacity: var(--hover-opacity-base);
  }
}
.p-pageAboutOutline__mapEmbed {
  width: 100%;
  height: 430px;
  margin-block-start: 20px;
}
.p-pageAboutOutline__mapEmbed iframe {
  width: 100%;
  height: 100%;
}

.p-pageAboutStrength {
  padding-block: 140px 160px;
  border-radius: 20px;
  background: var(--color-bg-black);
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength {
    padding-block: 101px 128px;
  }
}

.p-pageAboutStrength__inner {
  max-width: calc(var(--inner-pageAboutStrength) + var(--padding-inner) * 2);
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageAboutStrength__inner {
    padding-inline: 16px;
  }
}

.p-pageAboutStrength__title {
  padding-block-end: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength__title {
    padding-block-end: 32px;
  }
}

.p-pageAboutStrength__hr {
  height: 1px;
  margin-top: 48px;
  border: none;
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength__hr {
    margin-top: 31px;
  }
}

.p-pageAboutStrength__items {
  display: flex;
  flex-direction: column;
  gap: 140px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength__items {
    gap: 80px;
    margin-top: 64px;
  }
}

.p-pageAboutStrength__item {
  display: flex;
  gap: 84px;
  height: auto;
}
.p-pageAboutStrength__item.p-pageAboutStrength__item--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength__item {
    flex-direction: column-reverse;
    gap: 0;
  }
  .p-pageAboutStrength__item.p-pageAboutStrength__item--reverse {
    flex-direction: column-reverse;
  }
}

.p-pageAboutStrength__content {
  flex: 1 1 auto;
  width: 100%;
  padding-inline-start: 10px;
}
.p-pageAboutStrength__content.p-pageAboutStrength__content--reverse {
  padding-inline: 0 10px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength__content {
    padding-inline: 0;
  }
  .p-pageAboutStrength__content.p-pageAboutStrength__content--reverse {
    padding-inline: 0;
  }
}

.p-pageAboutStrengthTitle {
  margin-block-start: 28px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrengthTitle {
    margin-block-start: 24px;
  }
}

.p-pageAboutStrengthTitle__sub {
  color: var(--color-text-lightGray);
  font-family: var(--base-font-family);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrengthTitle__sub {
    font-size: 1.25rem;
  }
}

.p-pageAboutStrengthTitle__main {
  margin-top: 16px;
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 1.625rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrengthTitle__main {
    margin-top: 4px;
    font-size: 1.25rem;
  }
}

.p-pageAboutStrength__text {
  margin-top: 40px;
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 2;
}
.p-pageAboutStrength__text + .p-pageAboutStrength__text {
  margin-top: 30px;
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength__text {
    margin-top: 20px;
    line-height: var(--base-line-height);
  }
  .p-pageAboutStrength__text + .p-pageAboutStrength__text {
    margin-top: 27px;
  }
}

.p-pageAboutStrength__imageWrapper {
  position: relative;
  flex: 0 0 auto;
  width: 497px;
  height: 468px;
  margin-block: auto;
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength__imageWrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 343/248;
  }
}

.p-pageAboutStrength__image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(max((100vw - 1140px) / 2, var(--padding-inner)) + 100%);
}
.p-pageAboutStrength__image.p-pageAboutStrength__image--reverse {
  right: 0;
  left: auto;
}
.p-pageAboutStrength__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 900px) {
  .p-pageAboutStrength__image {
    width: 100%;
  }
}

.p-pageBusiness {
  padding-block: 120px 160px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageBusiness {
    padding-block: 80px 100px;
  }
}

.p-pageBusiness__inner {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageBusiness__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageBusiness__inner {
    padding-inline: 16px;
  }
}

.p-pageBusiness__sectionWrapper {
  display: grid;
  row-gap: 100px;
}

.p-pageBusiness__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: clamp(1.25rem, -0.0037105751rem + 2.2263450835vw, 2rem);
  margin-block-start: 48px;
}
@media screen and (max-width: 900px) {
  .p-pageBusiness__cards {
    row-gap: 16px;
    margin-block-start: 32px;
  }
}

.p-pageBusiness__card {
  position: relative;
  z-index: 1;
  display: block flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  min-block-size: 440px;
  padding-block: 20px 22px;
  padding-inline: 19px 19px;
  border-radius: 6px;
  opacity: 0;
}
.p-pageBusiness__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  transition: scale 0.45s ease;
}
.p-pageBusiness__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(26, 26, 26, 0.35);
  transition: background 0.45s ease;
}
.p-pageBusiness__card.p-pageBusiness__card--risk::before {
  background: url("../images/risk.webp") no-repeat center center/cover;
}
.p-pageBusiness__card.p-pageBusiness__card--consulting::before {
  background: url("../images/consulting.webp") no-repeat center center/cover;
}
.p-pageBusiness__card.p-pageBusiness__card--simulation1::before {
  background: url("../images/simulation1.webp") no-repeat center center/cover;
}
.p-pageBusiness__card.p-pageBusiness__card--simulation2::before {
  background: url("../images/simulation2.webp") no-repeat center center/cover;
}
.p-pageBusiness__card.p-pageBusiness__card--simulation3::before {
  background: url("../images/simulation3.webp") no-repeat center center/cover;
}
.p-pageBusiness__card.p-pageBusiness__card--engineering::before {
  background: url("../images/engineering.webp") no-repeat center center/cover;
}
.p-pageBusiness__card.p-pageBusiness__card--system::before {
  background: url("../images/system.webp") no-repeat center center/cover;
}
.p-pageBusiness__card.p-pageBusiness__card--product::before {
  background: url("../images/products.webp") no-repeat center center/cover;
}
.p-pageBusiness__card.p-pageBusiness__card--usage::before {
  background: url("../images/usage.webp") no-repeat center center/cover;
}
@media screen and (max-width: 900px) {
  .p-pageBusiness__card {
    min-block-size: 380px;
  }
  .p-pageBusiness__card.p-pageBusiness__card--risk::before {
    background: url("../images/risk-sp.webp") no-repeat center center/cover;
  }
  .p-pageBusiness__card.p-pageBusiness__card--consulting::before {
    background: url("../images/consulting-sp.webp") no-repeat center center/cover;
  }
  .p-pageBusiness__card.p-pageBusiness__card--simulation1::before {
    background: url("../images/simulation1-sp.webp") no-repeat center center/cover;
  }
  .p-pageBusiness__card.p-pageBusiness__card--simulation2::before {
    background: url("../images/simulation2-sp.webp") no-repeat center center/cover;
  }
  .p-pageBusiness__card.p-pageBusiness__card--simulation3::before {
    background: url("../images/simulation3-sp.webp") no-repeat center center/cover;
  }
  .p-pageBusiness__card.p-pageBusiness__card--engineering::before {
    background: url("../images/engineering-sp.webp") no-repeat center center/cover;
  }
  .p-pageBusiness__card.p-pageBusiness__card--system::before {
    background: url("../images/system-sp.webp") no-repeat center center/cover;
  }
  .p-pageBusiness__card.p-pageBusiness__card--product::before {
    background: url("../images/product-sp.webp") no-repeat center center/cover;
  }
  .p-pageBusiness__card.p-pageBusiness__card--usage::before {
    background: url("../images/usage-sp.webp") no-repeat center center/cover;
  }
}

.p-pageBusiness__card-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
}

.p-pageBusiness__card-title {
  color: var(--color-white);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  line-height: 1.5;
}

.p-pageBusiness__card-icon {
  overflow: hidden;
  margin-block-start: 10px;
}

.p-pageBusiness__card-icon img {
  display: block;
  inline-size: 23.726px;
  block-size: 21.85px;
  object-fit: cover;
}

.p-pageBusiness__card-text {
  padding-inline-end: 2px;
  color: var(--color-white);
  font-size: 0.9375rem;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}

@media (any-hover: hover) {
  .p-pageBusiness__card:hover::before {
    scale: 1.1;
  }
  .p-pageBusiness__card:hover::after {
    background: rgba(26, 26, 26, 0.75);
  }
  .p-pageBusiness__card:hover .p-pageBusiness__card-icon img {
    animation: arrow-move 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}
.p-pageBusinessExample {
  margin-block-start: -1px;
  padding-block: 121px 160px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessExample {
    padding-block: 100px;
  }
}
.p-pageBusinessExample.p-pageBusinessExample--paddingEnd0 {
  padding-block-end: 0;
}

.p-pageBusinessExample__inner {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessExample__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageBusinessExample__inner {
    padding-inline: 16px;
  }
}

.p-pageBusinessExample__info {
  margin-block-start: 26px;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessExample__info {
    margin-block-start: 32px;
  }
}

.p-pageBusinessExample__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 46px 35px;
  margin-block-start: 68px;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessExample__cards {
    row-gap: 32px;
    margin-block-start: 48px;
  }
}

.p-pageBusinessExample__card {
  position: relative;
  z-index: 1;
  min-height: 280px;
  padding-block: 26px;
  padding-inline: 24px;
  border-radius: 6px;
  background: var(--color-bg-gray);
}
.p-pageBusinessExample__card.p-pageBusinessExample__card--disaster:nth-child(1) .p-pageBusinessExample__card-icon {
  width: 40px;
  height: 46px;
  background: url("../images/icon-example1.svg") var(--bg-contain);
}
.p-pageBusinessExample__card.p-pageBusinessExample__card--disaster:nth-child(2) .p-pageBusinessExample__card-icon {
  width: 40px;
  height: 45px;
  background: url("../images/icon-example2.svg") var(--bg-contain);
}
.p-pageBusinessExample__card.p-pageBusinessExample__card--disaster:nth-child(3) .p-pageBusinessExample__card-icon {
  width: 40px;
  height: 43px;
  background: url("../images/icon-example3.svg") var(--bg-contain);
}
.p-pageBusinessExample__card.p-pageBusinessExample__card--disaster:nth-child(4) .p-pageBusinessExample__card-icon {
  width: 40px;
  height: 48px;
  background: url("../images/icon-example4.svg") var(--bg-contain);
}
.p-pageBusinessExample__card.p-pageBusinessExample__card--disaster:nth-child(5) .p-pageBusinessExample__card-icon {
  width: 40px;
  height: 44px;
  background: url("../images/icon-example5.svg") var(--bg-contain);
}
.p-pageBusinessExample__card.p-pageBusinessExample__card--disasterPrevention:nth-child(1) .p-pageBusinessExample__card-icon {
  width: 43px;
  height: 43px;
  background: url("../images/icon-example12.svg") var(--bg-contain);
}
.p-pageBusinessExample__card.p-pageBusinessExample__card--disasterPrevention:nth-child(2) .p-pageBusinessExample__card-icon {
  width: 40px;
  height: 43px;
  background: url("../images/icon-example3.svg") var(--bg-contain);
}
.p-pageBusinessExample__card.p-pageBusinessExample__card--disasterPrevention:nth-child(3) .p-pageBusinessExample__card-icon {
  width: 40px;
  height: 35px;
  background: url("../images/icon-example22.svg") var(--bg-contain);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessExample__card {
    padding-inline: 20px;
  }
}

.p-pageBusinessExample__card-number {
  position: absolute;
  right: 3px;
  bottom: -1px;
  z-index: -1;
  color: var(--color-white);
  font-family: var(--noto-sans);
  font-size: 6.25rem;
  font-weight: var(--fw-semi-bold);
  line-height: 1;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessExample__card-number {
    right: -2px;
    bottom: -5px;
  }
}

.p-pageBusinessExample__card-head {
  display: flex;
  column-gap: 20px;
  align-items: center;
}

.p-pageBusinessExample__card-icon {
  flex-shrink: 0;
}

.p-pageBusinessExample__card-title {
  color: var(--color-main);
  font-weight: var(--fw-bold);
}

.p-pageBusinessExample__card-text {
  margin-block-start: 16px;
  font-size: 0.875rem;
}

.p-pageBusinessScenario {
  margin-block-start: -1px;
  padding-block: 1px 20px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessScenario {
    padding-block-end: 0;
  }
}

.p-pageBusinessScenario__inner {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessScenario__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageBusinessScenario__inner {
    padding-inline: 16px;
  }
}

.p-pageBusinessScenario__header {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 48px;
}
@media screen and (max-width: 1023px) {
  .p-pageBusinessScenario__header {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}

.p-pageBusinessScenario__title {
  height: 100%;
  min-width: 398px;
  padding-inline-end: 48px;
  border-inline-end: 1px solid var(--color-border-lightBlack);
  font-size: 2rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 1023px) {
  .p-pageBusinessScenario__title {
    min-width: 100%;
    padding-block-end: 16px;
    border-block-end: 1px solid var(--color-border-lightBlack);
    border-inline-end: none;
  }
}
@media screen and (max-width: 900px) {
  .p-pageBusinessScenario__title {
    font-size: 1.625rem;
  }
}

.p-pageBusinessScenario__sequence {
  margin-block-start: 66px;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessScenario__sequence {
    margin-block-start: 50px;
  }
}

.p-pageBusinessScenario__sequenceTitle {
  color: var(--color-text-main);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessScenario__sequenceTitle {
    padding-inline-end: 20px;
    font-size: 1.25rem;
  }
}

.p-pageBusinessScenario__sequenceBoard {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-block-start: 24px;
  border: 1px solid var(--color-border-lightBlack);
}
@media screen and (max-width: 1023px) {
  .p-pageBusinessScenario__sequenceBoard {
    grid-template-columns: 1fr;
    row-gap: 46px;
    border: none;
  }
}

.p-pageBusinessScenario__sequenceCol {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
}
@media screen and (max-width: 1023px) {
  .p-pageBusinessScenario__sequenceCol {
    border: 1px solid var(--color-border-lightBlack);
  }
}

.p-pageBusinessScenario__sequenceCol:not(:last-child) {
  border-right: 1px solid var(--color-border-lightBlack);
}
.p-pageBusinessScenario__sequenceCol:not(:last-child) .p-pageBusinessScenario__sequenceHead {
  border-right: 1px solid var(--color-border-lightGray);
}
.p-pageBusinessScenario__sequenceHead {
  padding-block: 12px;
  padding-inline: 12px;
  background: var(--color-bg-blue);
  color: var(--color-white);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: center;
}

.p-pageBusinessScenario__sequenceHead strong {
  font-weight: var(--fw-bold);
}

.p-pageBusinessScenario__sequenceBody {
  padding-block: 24px;
  padding-inline: 24px;
  border-block-end: 1px solid var(--color-border-lightBlack);
  background: var(--color-white);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessScenario__sequenceBody {
    padding-inline: 20px;
  }
}

.p-pageBusinessScenario__sequenceSteps {
  display: flex;
  flex-direction: column;
  row-gap: 11px;
  align-items: center;
}

.p-pageBusinessScenario__sequenceStep {
  display: flex;
  column-gap: 6px;
  align-items: flex-start;
  width: 100%;
  padding-block: 7px;
  padding-inline: 12px 10px;
  border-radius: 3px;
  background: var(--color-bg-grayBlue);
}

.p-pageBusinessScenario__sequenceNum {
  flex-shrink: 0;
  color: var(--color-main);
  font-family: var(--noto-sans);
  font-weight: var(--fw-semi-bold);
  line-height: 1.4;
}

.p-pageBusinessScenario__sequenceText {
  font-size: 0.875rem;
  line-height: 1.5;
}

.p-pageBusinessScenario__sequenceArrow {
  display: block;
  flex-shrink: 0;
  width: 15px;
  height: 7px;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='7'%20viewBox='0%200%2013%207'%20fill='none'%20aria-hidden='true'%3e%3cpath%20d='M1.2%201.2L6.5%205.8L11.8%201.2'%20stroke='%23124d8a'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'%20/%3e%3c/svg%3e") no-repeat center/contain;
}

.p-pageBusinessScenario__sequenceFoot {
  display: grid;
  place-items: center;
  padding-block: 24px;
  padding-inline: 24px;
  background: var(--color-white);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessScenario__sequenceFoot {
    padding-block: 20px;
    padding-inline: 24px;
  }
}

.p-pageBusinessScenario__sequenceLink {
  color: var(--color-main);
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 0.15em;
  transition: opacity var(--duration) var(--ease);
}
@media (any-hover: hover) {
  .p-pageBusinessScenario__sequenceLink:hover {
    opacity: 0.7;
  }
}

.p-pageBusinessSolution {
  position: relative;
  z-index: 1;
  padding-block: 120px 156px;
  background: var(--color-white);
}
.p-pageBusinessSolution::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 20px;
  background: var(--color-bg-black);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution {
    padding-block: 100px;
  }
}

.p-pageBusinessSolution__inner {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageBusinessSolution__inner {
    padding-inline: 16px;
  }
}

.p-pageBusinessSolution__title {
  padding-block-end: 26px;
  border-block-end: 1px solid var(--color-border-lightGray);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__title {
    padding-block-end: 32px;
  }
}

.p-pageBusinessSolution__content {
  display: grid;
  grid-template-columns: clamp(22.5rem, 12.0524118738rem + 18.5528756957vw, 28.75rem) 1fr;
  column-gap: clamp(5rem, -1.2685528757rem + 11.1317254174vw, 8.75rem);
  align-items: start;
  padding-block-start: 120px;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content {
    grid-template-columns: 1fr;
    row-gap: 48px;
    padding-block-start: 65px;
  }
}

.p-pageBusinessSolution__content-start {
  position: sticky;
  top: max(var(--header-height), 50svh + var(--header-height) / 2 - min(300px, (100svh - var(--header-height) - 48px - 36px) / 2) - 18px);
  display: grid;
  width: 100%;
  max-width: 460px;
}
.p-pageBusinessSolution__content-start > .p-pageBusinessSolution__content-imgWrapper {
  grid-area: 1/1;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-start {
    position: static;
    display: none;
  }
}

.p-pageBusinessSolution__content-imgWrapper {
  opacity: 0;
  pointer-events: none;
}
.p-pageBusinessSolution__content-imgWrapper:first-child {
  opacity: 1;
  pointer-events: auto;
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--consulting:nth-child(1) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions1.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--consulting:nth-child(2) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions2.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--consulting:nth-child(3) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions3.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--consulting:nth-child(4) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions4.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--consulting:nth-child(5) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions52.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disaster:nth-child(1) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions12.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper:nth-child(2) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions22.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper:nth-child(3) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions32.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper:nth-child(4) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions42.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper:nth-child(5) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions5.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disasterPrevention:nth-child(1) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions13.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disasterPrevention:nth-child(2) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions23.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disasterPrevention:nth-child(3) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions33.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disasterPrevention:nth-child(4) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions43.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disWaterTrajectory:nth-child(1) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions14.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disWaterTrajectory:nth-child(2) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions24.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disasterPreventionEngineering:nth-child(1) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions15.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disasterPreventionEngineering:nth-child(2) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions25.webp") var(--bg-cover);
}
.p-pageBusinessSolution__content-imgWrapper.p-pageBusinessSolution__content-imgWrapper--disasterPreventionEngineering:nth-child(3) .p-pageBusinessSolution__content-img {
  background: url("../images/solutions34.webp") var(--bg-cover);
}

.p-pageBusinessSolution__content-img {
  max-block-size: min(600px, 100svh - var(--header-height) - 48px - 36px);
  aspect-ratio: 460/600;
  border-radius: 6px;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-img {
    border-radius: 4px;
  }
}

.p-pageBusinessSolution__content-img-number {
  display: flex;
  column-gap: 16px;
  align-items: center;
  margin-block-start: 12px;
}

.p-pageBusinessSolution__content-img-number-item {
  position: relative;
  color: #6d6d6d;
  font-family: var(--noto-sans);
  line-height: normal;
}
.p-pageBusinessSolution__content-img-number-item:first-child::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  width: 1px;
  height: 18px;
  background: #6d6d6d;
  translate: 0 -50%;
}
.p-pageBusinessSolution__content-img-number-item:first-child.is-current {
  color: var(--color-white);
}

.p-pageBusinessSolution__content-end {
  display: grid;
  row-gap: 80px;
}
.p-pageBusinessSolution__content-end.p-pageBusinessSolution__content-end--consulting {
  padding-block-end: clamp(6.125rem, -7.456864564rem + 24.1187384045vw, 14.25rem);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-end.p-pageBusinessSolution__content-end--consulting {
    padding-block-end: 0;
  }
}
.p-pageBusinessSolution__content-end.p-pageBusinessSolution__content-end--disaster {
  padding-block-end: clamp(3rem, -12.8803339518rem + 28.2003710575vw, 12.5rem);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-end.p-pageBusinessSolution__content-end--disaster {
    padding-block-end: 0;
  }
}
.p-pageBusinessSolution__content-end.p-pageBusinessSolution__content-end--disasterPrevention {
  padding-block-end: clamp(2.5rem, -14.2161410019rem + 29.6846011132vw, 12.5rem);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-end.p-pageBusinessSolution__content-end--disasterPrevention {
    padding-block-end: 0;
  }
}
.p-pageBusinessSolution__content-end.p-pageBusinessSolution__content-end--disasterPreventionEngineering {
  padding-block-end: clamp(0rem, -3.1342764378rem + 5.5658627087vw, 1.875rem);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-end.p-pageBusinessSolution__content-end--disasterPreventionEngineering {
    padding-block-end: 0;
  }
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-end {
    row-gap: 48px;
  }
}

.p-pageBusinessSolution-content-container:has(.p-pageBusinessSolution__content-box):not(:last-child) {
  padding-block-end: 80px;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution-content-container:has(.p-pageBusinessSolution__content-box):not(:last-child) {
    padding-block-end: 48px;
  }
}
.p-pageBusinessSolution-content-container:not(:last-child) {
  padding-block-end: 99px;
  border-block-end: 1px solid var(--color-border-lightGray);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution-content-container:not(:last-child) {
    padding-block-end: 48px;
  }
  .p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--consulting:nth-child(1) .p-pageBusinessSolution-content-container-img {
    background: url("../images/solutions1-sp.webp") var(--bg-cover);
  }
  .p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--consulting:nth-child(2) .p-pageBusinessSolution-content-container-img {
    background: url("../images/solutions2-sp.webp") var(--bg-cover);
  }
  .p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--consulting:nth-child(3) .p-pageBusinessSolution-content-container-img {
    background: url("../images/solutions3-sp.webp") var(--bg-cover);
  }
  .p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--consulting:nth-child(4) .p-pageBusinessSolution-content-container-img {
    background: url("../images/solutions4-sp.webp") var(--bg-cover);
  }
  .p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--consulting:nth-child(5) .p-pageBusinessSolution-content-container-img {
    background: url("../images/solutions5-sp.webp") var(--bg-cover);
  }
  .p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disaster:nth-child(1) .p-pageBusinessSolution-content-container-img {
    background: url("../images/solutions1-sp2.webp") var(--bg-cover);
  }
  .p-pageBusinessSolution-content-container:nth-child(2) .p-pageBusinessSolution-content-container-img {
    background: url("../images/solutions2-sp2.webp") var(--bg-cover);
  }
  .p-pageBusinessSolution-content-container:nth-child(3) .p-pageBusinessSolution-content-container-img {
    background: url("../images/solutions3-sp2.webp") var(--bg-cover);
  }
}
.p-pageBusinessSolution-content-container:nth-child(4) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions4-sp2.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container:nth-child(5) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions5-sp2.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disasterPrevention:nth-child(1) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions1-sp3.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disasterPrevention:nth-child(2) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions2-sp3.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disasterPrevention:nth-child(3) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions3-sp3.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disasterPrevention:nth-child(4) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions4-sp3.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disWaterTrajectory:nth-child(1) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions1-sp4.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disWaterTrajectory:nth-child(2) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions2-sp4.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disasterPreventionEngineering:nth-child(1) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions1-sp5.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disasterPreventionEngineering:nth-child(2) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions2-sp5.webp") var(--bg-cover);
}
.p-pageBusinessSolution-content-container.p-pageBusinessSolution-content-container--disasterPreventionEngineering:nth-child(3) .p-pageBusinessSolution-content-container-img {
  background: url("../images/solutions3-sp4.webp") var(--bg-cover);
}

.p-pageBusinessSolution-content-container-img {
  display: none;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution-content-container-img {
    display: block;
    aspect-ratio: 343/240;
    border-radius: 4px;
  }
}

.p-pageBusinessSolution__content-number {
  color: var(--color-text-lightGray);
  font-family: var(--noto-sans);
  font-size: 1.5rem;
  font-weight: var(--fw-semi-bold);
  line-height: normal;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-number {
    display: inline-block;
    margin-block-start: 25px;
    font-size: 1.25rem;
  }
}

.p-pageBusinessSolution__content-title {
  margin-block-start: 16px;
  color: var(--color-white);
  font-size: 2rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-title {
    margin-block-start: 8px;
    font-size: 1.25rem;
  }
}

.p-pageBusinessSolution__content-text {
  margin-block-start: 40px;
  color: var(--color-white);
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-text {
    margin-block-start: 20px;
    font-size: 0.9375rem;
  }
}

.p-pageBusinessSolution__content-box {
  margin-block-start: 48px;
  padding-block: 24px;
  padding-inline: 28px;
  border-radius: 6px;
  background: #2e2e2e;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-box {
    margin-block-start: 22px;
    padding-block: 21px;
    padding-inline: 18px;
  }
}

.p-pageBusinessSolution__content-box-title {
  padding-block-end: 12px;
  border-block-end: 1px solid var(--color-border-lightGray);
  color: var(--color-white);
  font-size: 1.0625rem;
  font-weight: var(--fw-medium);
}

.p-pageBusinessSolution__content-list {
  display: grid;
  row-gap: 12px;
  margin-block-start: 12px;
  padding-inline-start: 20px;
  list-style: disc;
}

.p-pageBusinessSolution__content-item {
  color: var(--color-white);
  font-size: 0.875rem;
}

.p-pageBusinessSolution__content-btn {
  margin-block-start: 48px;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__content-btn {
    margin-block-start: 32px;
  }
}

.p-pageBusinessSolution__bottom {
  margin-block-start: 100px;
}

.p-pageBusinessSolution__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 46px 35px;
  margin-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__cards {
    row-gap: 31px;
  }
}

.p-pageBusinessSolution__card {
  position: relative;
  overflow: hidden;
  padding-block: 20px 24px;
  padding-inline: 28px;
  border: 1px solid var(--color-border-lightGray);
  border-radius: 6px;
  background: #2e2e2e;
}
.p-pageBusinessSolution__card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-block-start: 1px solid var(--color-white);
  border-inline-start: 1px solid var(--color-white);
  border-start-start-radius: 6px;
}
.p-pageBusinessSolution__card::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 32px;
  height: 32px;
  border-block-end: 1px solid var(--color-white);
  border-inline-end: 1px solid var(--color-white);
  border-end-end-radius: 6px;
}
.p-pageBusinessSolution__card.p-pageBusinessSolution__card--disaster {
  min-height: 294px;
}
@media screen and (max-width: 900px) {
  .p-pageBusinessSolution__card {
    padding-block-start: 18px;
  }
}

.p-pageBusinessSolution__card-title {
  position: relative;
  padding-block-end: 28px;
  color: var(--color-white);
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  text-align: center;
}
.p-pageBusinessSolution__card-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 294/15;
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='294'%20height='15'%20viewBox='0%200%20294%2015'%20fill='none'%3e%3cpath%20d='M294%203H293V2H190.902V1.99707L174.566%2013.998V14H1V15H0V12H1V13H174.566L190.902%200.999023V1H293V0H294V3Z'%20fill='white'%20/%3e%3c/svg%3e") var(--bg-contain);
}

.p-pageBusinessSolution__card-text {
  margin-block-start: 16px;
  color: var(--color-white);
  font-size: 0.9375rem;
}

.p-pageContact {
  padding-block: 120px 120px;
  padding-block: 120px 100px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageContact {
    padding-block: 80px 80px;
    padding-block: 80px;
  }
}

.p-pageContact__inner {
  max-width: calc(880px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageContact__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageContact__inner {
    padding-inline: 16px;
  }
}

.p-pageContact__form {
  position: relative;
  z-index: 1;
  margin-block-start: 80px;
}
@media screen and (max-width: 900px) {
  .p-pageContact__form {
    margin-block-start: 66px;
  }
}

.p-pageContact__formInner {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}
@media screen and (max-width: 900px) {
  .p-pageContact__formInner {
    row-gap: 48px;
  }
}

.p-pageContact__formTop {
  display: flex;
  flex-direction: column;
  row-gap: 34px;
}
@media screen and (max-width: 900px) {
  .p-pageContact__formTop {
    row-gap: 32px;
  }
}

.p-pageContact__formRow {
  display: flex;
  flex-direction: row;
  column-gap: 60px;
  align-items: flex-start;
}
@media screen and (max-width: 900px) {
  .p-pageContact__formRow {
    flex-direction: column;
    gap: 8px 0;
  }
}

.p-pageContact__formRow--inquiry {
  min-inline-size: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.p-pageContact__formRow--inquiry legend.p-pageContact__formLabel {
  display: flex;
  padding: 0;
}
@media screen and (max-width: 900px) {
  .p-pageContact__formRow--inquiry legend.p-pageContact__formLabel {
    display: grid;
    grid-template-areas: "badge label" "note note";
  }
  .p-pageContact__formRow--inquiry .p-pageContact__badge {
    grid-area: badge;
  }
  .p-pageContact__formRow--inquiry .p-pageContact__labelText {
    grid-area: label;
  }
  .p-pageContact__formRow--inquiry .p-pageContact__labelNote {
    grid-area: note;
    margin-block-start: 0;
  }
}

.p-pageContact__formLabel {
  display: flex;
  flex-shrink: 0;
  flex-flow: row wrap;
  column-gap: 16px;
  align-items: center;
  inline-size: 200px;
}
@media screen and (max-width: 900px) {
  .p-pageContact__formLabel {
    column-gap: 10px;
    inline-size: auto;
  }
}

.p-pageContact__formLabel--stack {
  inline-size: auto;
}

.p-pageContact__badge {
  display: inline-flex;
  align-items: center;
  padding-block: 8px;
  padding-inline: 13px;
  border-radius: 4px;
  color: var(--color-white);
  font-size: 0.75rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.0833333333em;
}
@media screen and (max-width: 900px) {
  .p-pageContact__badge {
    padding-block: 7px;
  }
}

.p-pageContact__badge--required {
  background: #cf3434;
}

.p-pageContact__badge--optional {
  background: rgba(26, 26, 26, 0.5);
}

.p-pageContact__labelText {
  color: var(--color-text-main);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
.p-pageContact__labelText[for] {
  cursor: pointer;
}

.p-pageContact__labelNote {
  flex-basis: 100%;
  margin-block-start: 8px;
  color: var(--color-text-lightBlack);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-pageContact__formInput {
  flex: 1 1 0;
  inline-size: 100%;
  min-inline-size: 0;
}

.p-pageContact__formInput .wpcf7-form-control-wrap {
  display: block;
  inline-size: 100%;
}

.p-pageContact__formInput .wpcf7-form-control-wrap input,
.p-pageContact__formInput .wpcf7-form-control-wrap textarea {
  display: block;
  inline-size: 100%;
  padding-block: 13px;
  padding-inline: 17px;
  border: 1px solid var(--color-border-gray);
  border-radius: 6px;
  background: var(--color-bg-gray);
  color: var(--color-text-main);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
  appearance: none;
}
.p-pageContact__formInput .wpcf7-form-control-wrap input::placeholder,
.p-pageContact__formInput .wpcf7-form-control-wrap textarea::placeholder {
  color: var(--color-text-thinBlack);
}
@media screen and (max-width: 900px) {
  .p-pageContact__formInput .wpcf7-form-control-wrap input,
  .p-pageContact__formInput .wpcf7-form-control-wrap textarea {
    padding-block: 12px;
    font-size: 0.9375rem;
  }
}

.p-pageContact__formInput .wpcf7-form-control-wrap textarea {
  min-block-size: 230px;
  resize: vertical;
}
@media screen and (max-width: 900px) {
  .p-pageContact__formInput .wpcf7-form-control-wrap textarea {
    min-block-size: 240px;
  }
}

.p-pageContact__postalWrap {
  display: flex;
  flex-flow: row wrap;
  gap: 4px;
  align-items: center;
  margin-block-end: 12px;
}
@media screen and (max-width: 900px) {
  .p-pageContact__postalWrap {
    margin-block-end: 8px;
  }
}

.p-pageContact__postalPrefix {
  color: var(--color-text-main);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-pageContact__postalSeparator {
  color: var(--color-text-main);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}

.p-pageContact__postalWrap .wpcf7-form-control-wrap {
  inline-size: auto;
}

.p-pageContact__postalWrap .wpcf7-form-control-wrap input {
  inline-size: 80px;
  text-align: center;
}

.p-pageContact__addressWrap .wpcf7-form-control-wrap input {
  inline-size: 100%;
}

.p-pageContact__formInput--checkbox .wpcf7-form-control {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media screen and (max-width: 900px) {
  .p-pageContact__formInput--checkbox .wpcf7-form-control {
    margin-block-start: 8px;
  }
}

.p-pageContact__formInput--checkbox .wpcf7-list-item label {
  display: flex;
  column-gap: 10px;
  align-items: center;
}
@media (any-hover: hover) {
  .p-pageContact__formInput--checkbox .wpcf7-list-item label:hover {
    cursor: pointer;
  }
}

.p-pageContact__formInput--checkbox .wpcf7-list-item-label {
  color: #282b2b;
  font-size: 1rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-pageContact__formInput--checkbox .wpcf7-list-item-label {
    font-size: 0.9375rem;
  }
}

.p-pageContact__formInput--checkbox .wpcf7-form-control-wrap input[type=checkbox] {
  flex-shrink: 0;
  inline-size: 26px;
  block-size: 26px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-border-gray);
  border-radius: 3px;
  background-color: var(--color-bg-white);
  appearance: none;
}
.p-pageContact__formInput--checkbox .wpcf7-form-control-wrap input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='%231a1a1a'%3e%3cpath%20d='M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%20/%3e%3c/svg%3e");
  background-position: center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .p-pageContact__formInput--checkbox .wpcf7-form-control-wrap input[type=checkbox]:hover {
    cursor: pointer;
  }
}

.p-pageContact__privacyWrap {
  display: flex;
  flex-flow: row wrap;
  column-gap: 16px;
  justify-content: center;
  align-items: center;
}

.p-pageContact__privacyWrap .wpcf7-form-control-wrap {
  display: flex;
  align-items: center;
}

.p-pageContact__privacyWrap .wpcf7-form-control-wrap label {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
  align-items: center;
  line-height: 1;
  cursor: pointer;
}

.p-pageContact__privacyWrap .wpcf7-form-control-wrap input[type=checkbox] {
  flex-shrink: 0;
  inline-size: 26px;
  block-size: 26px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--color-border-gray);
  border-radius: 3px;
  background-color: var(--color-bg-white);
  appearance: none;
}
.p-pageContact__privacyWrap .wpcf7-form-control-wrap input[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2024%2024'%20fill='%231a1a1a'%3e%3cpath%20d='M9%2016.17L4.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z'%20/%3e%3c/svg%3e");
  background-position: center;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
@media (any-hover: hover) {
  .p-pageContact__privacyWrap .wpcf7-form-control-wrap input[type=checkbox]:hover {
    cursor: pointer;
  }
}

.p-pageContact__privacyLink {
  border-block-end: 1px solid var(--color-border-black);
  color: var(--color-text-main);
  transition: opacity var(--duration) ease;
}
@media (any-hover: hover) {
  .p-pageContact__privacyLink:hover {
    opacity: 0.7;
  }
}

.p-pageContact__submitWrap {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: center;
  inline-size: 240px;
  min-inline-size: 0;
  padding-block: 20px;
  padding-inline: 24px;
  border: none;
  border-radius: 100px;
  background: #202020;
}
@media (any-hover: hover) {
  .p-pageContact__submitWrap:hover {
    cursor: pointer;
  }
  .p-pageContact__submitWrap:hover .p-pageContact__submitIcon::before {
    animation: arrow-move 0.5s cubic-bezier(0.75, 0, 0.1, 1.5);
  }
}

.p-pageContact__submitWrap input[type=submit] {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  padding-inline: 24px 32px;
  background: transparent;
  color: var(--color-white);
  font-size: 1rem;
  font-weight: var(--fw-bold);
  line-height: 1.8;
  text-align: left;
  cursor: pointer;
}

.p-pageContact__submitWrap .p-pageContact__submitIcon {
  position: relative;
  z-index: 1;
  margin-inline-start: auto;
  pointer-events: none;
}

.p-pageContact__submitIcon {
  flex-shrink: 0;
  overflow: hidden;
  inline-size: 12.32px;
  block-size: 13.33px;
}
.p-pageContact__submitIcon::before {
  content: "";
  display: block;
  inline-size: 100%;
  block-size: 100%;
  background-image: url("data:image/svg+xml,%3csvg%20fill='none'%20height='13'%20viewBox='0%200%2014%2013'%20width='14'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m10.1459%206.94925h-10.14329582l.00000007-1.58333h10.14329575l-4.46996-4.2465%201.17833-1.11942028%206.48163%206.15758028-6.48163%206.15762-1.17833-1.1195z'%20fill='%23fff'/%3e%3c/svg%3e");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.wpcf7-spinner {
  display: none;
}

@keyframes arrow-move {
  0% {
    translate: 0 0;
  }
  50% {
    translate: 100% 0;
  }
  50.1% {
    translate: -100% 0;
  }
  100% {
    translate: 0 0;
  }
}
.p-pageContact__formBottom {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  align-items: center;
}
@media screen and (max-width: 900px) {
  .p-pageContact__formBottom {
    row-gap: 14px;
  }
}

.p-pageContact__footerLink {
  margin-block-start: -1px;
  padding-block: 81px 20px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageContact__footerLink {
    padding-block-start: 61px;
  }
}

.p-pageContact__footerLink-inner {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-pageContact__footerLink-inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageContact__footerLink-inner {
    padding-inline: 16px;
  }
}

.wpcf7-response-output {
  display: none;
}

.p-pageContact__fieldset {
  display: contents;
}

.wpcf7-list-item {
  margin: 0;
}

.p-pageContactInfinityScroll {
  margin-block-start: -100px;
}
@media screen and (max-width: 900px) {
  .p-pageContactInfinityScroll {
    margin-block-start: -40px;
  }
}

.p-pageFv {
  position: relative;
  height: 400px;
  margin-top: var(--header-height);
  padding-block: 59px 28px;
}
@media screen and (max-width: 900px) {
  .p-pageFv {
    margin-block-start: 70px;
  }
}
.p-pageFv::before {
  content: "";
  position: fixed;
  top: var(--header-height);
  right: 0;
  left: 0;
  z-index: -1;
  height: 400px;
}
.p-pageFv.p-pageFv--about::before {
  background: url("../images/fv-bg40.webp") center center/cover no-repeat;
}
.p-pageFv.p-pageFv--process::before {
  background: url("../images/fv-bg41.webp") center center/cover no-repeat;
}
.p-pageFv.p-pageFv--project::before {
  background: url("../images/fv-bg42.webp") center center/cover no-repeat;
}
.p-pageFv.p-pageFv--contact::before {
  background: url("../images/fv-bg45.webp") center center/cover no-repeat;
}
.p-pageFv.p-pageFv--business::before {
  background: url("../images/fv-bg43.webp") center top/cover no-repeat;
}
.p-pageFv.p-pageFv--catalog::before {
  background: url("../images/fv-bg44.webp") center top/cover no-repeat;
}
.p-pageFv.p-pageFv--faq::before {
  background: url("../images/fv-bg47.webp") center top/cover no-repeat;
}
.p-pageFv.p-singleFv::before {
  background: url("../images/fv-bg46.webp") center center/cover no-repeat;
}
.p-pageFv.p-archiveFv::before {
  background: url("../images/fv-bg46.webp") center center/cover no-repeat;
}
@media screen and (max-width: 900px) {
  .p-pageFv {
    height: 597px;
  }
  .p-pageFv::before {
    height: 597px;
  }
}
@media screen and (max-width: 500px) {
  .p-pageFv.p-pageFv--about::before {
    background: url("../images/fv-bg_sp.webp") center center/cover no-repeat;
    background-position: top center;
  }
  .p-pageFv.p-pageFv--process::before {
    background: url("../images/fv-bg-sp40.webp") center center/cover no-repeat;
    background-position: top center;
  }
  .p-pageFv.p-pageFv--project::before {
    background: url("../images/fv-bg-sp41.webp") center center/cover no-repeat;
    background-position: top center;
  }
  .p-pageFv.p-pageFv--contact::before {
    background: url("../images/fv-bg-sp42.webp") center center/cover no-repeat;
    background-position: top center;
  }
  .p-pageFv.p-pageFv--business::before {
    background: url("../images/fv-bg-sp44.webp") center center/cover no-repeat;
  }
  .p-pageFv.p-pageFv--business .p-pageFvTitle__main {
    font-size: 3.75rem;
  }
  .p-pageFv.p-pageFv--catalog::before {
    background: url("../images/fv-bg-sp43.webp") center center/cover no-repeat;
    background-position: top center;
  }
  .p-pageFv.p-pageFv--faq::before {
    background: url("../images/fv-sp.webp") center center/cover no-repeat;
    background-position: top center;
  }
  .p-pageFv.p-archiveFv::before {
    background: url("../images/fv-bg_sp2.webp") center center/cover no-repeat;
  }
}

.p-pageFv__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: calc(1200px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageFv__inner {
    padding-inline: 18px;
  }
}

.p-pageFvTitle__main {
  color: var(--color-white);
  font-family: var(--title-font-family);
  font-size: 6rem;
  font-style: normal;
  font-weight: var(--fw-semi-bold);
  line-height: 1.1;
  text-shadow: 0 0 20px rgba(26, 26, 26, 0.13);
}
@media screen and (max-width: 900px) {
  .p-pageFvTitle__main {
    font-size: 4.375rem;
  }
}

.p-pageFvTitle__sub {
  margin-top: 18px;
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: var(--base-line-height);
}

.p-pageFv__breadcrumbWrapper {
  margin-top: auto;
}

.p-pageHac__inner {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageHac__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageHac__inner {
    padding-inline: 16px;
  }
}

.p-pageHacRisk__content-title {
  font-size: 2rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageHacRisk__content-title {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

.p-pageHacRisk__content-title--blue {
  color: var(--color-bg-blue);
}

.p-pageHacRisk__content-lead {
  display: grid;
  row-gap: 17px;
  margin-block-start: 24px;
}
@media screen and (max-width: 1023px) {
  .p-pageHacRisk__content-lead {
    margin-block-start: 30px;
  }
}

.p-pageHacRisk__imagePair {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px 60px;
  margin-block-start: 48px;
}
@media screen and (max-width: 1023px) {
  .p-pageHacRisk__imagePair {
    display: grid;
    gap: 16px 40px;
  }
}

.p-pageHacRisk__imagePair-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
.p-pageHacRisk__imagePair-item:nth-of-type(2) .p-pageHacRisk__imagePair-item-img img {
  height: auto;
  max-width: 335px;
  aspect-ratio: 158/133;
}

.p-pageHacRisk__imagePair-item-img {
  display: grid;
  place-items: center;
  padding: 24px;
  background: var(--color-bg-gray);
  text-align: center;
}
.p-pageHacRisk__imagePair-item-img img {
  height: auto;
  max-width: 199px;
  aspect-ratio: 187/265;
  object-fit: contain;
}

.p-pageHacRisk__imagePair-item-caption {
  margin-block-start: 4px;
  font-size: 0.875rem;
}
@media screen and (max-width: 900px) {
  .p-pageHacRisk__imagePair-item-caption {
    margin-block-start: 2px;
  }
}

.p-pageHacRisk__middle {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: clamp(0.625rem, -3.1361317254rem + 6.6790352505vw, 2.875rem);
  margin-block-start: 132px;
}
@media screen and (max-width: 1023px) {
  .p-pageHacRisk__middle {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
@media screen and (max-width: 900px) {
  .p-pageHacRisk__middle {
    margin-block-start: 64px;
  }
}

.p-pageHacRisk__middle-start {
  overflow: clip;
  width: clamp(25rem, 11.0002319109rem + 24.8608534323vw, 33.375rem);
  height: clamp(21.875rem, 15.6064471243rem + 11.1317254174vw, 25.625rem);
  margin-block-start: -54px;
}
@media screen and (max-width: 1023px) {
  .p-pageHacRisk__middle-start {
    order: 2;
    width: clamp(21.4375rem, 18.8928571429rem + 10.8571428571vw, 25rem);
    height: clamp(16.5625rem, 14.5535714286rem + 8.5714285714vw, 19.375rem);
    margin-block-start: 0;
    margin-inline: auto;
    padding-inline-start: 0;
  }
}

.p-pageHacRisk__middle-start-video video {
  width: 100%;
  margin-inline-start: -23px;
}
@media screen and (max-width: 900px) {
  .p-pageHacRisk__middle-start-video video {
    margin-inline-start: 0;
  }
}

@media screen and (max-width: 1023px) {
  .p-pageHacRisk__middle-end {
    order: 1;
  }
}

.p-pageHacRisk__issue {
  margin-block-start: 132px;
}
@media screen and (max-width: 900px) {
  .p-pageHacRisk__issue {
    margin-block-start: 96px;
  }
}

.p-pageHacMerits {
  position: relative;
  z-index: 1;
  padding-block: 120px 156px;
  background: var(--color-white);
}
.p-pageHacMerits::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 20px;
  background: var(--color-bg-black);
}
@media screen and (max-width: 900px) {
  .p-pageHacMerits {
    padding-block: 70px;
  }
}

.p-pageHacMerits__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 60px;
}

.p-pageHacMerits__content-start {
  padding-block-end: 26px;
  border-block-end: 1px solid var(--color-border-lightGray);
}

.p-pageHacMerits__list {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 32px;
}
.p-pageHacMerits__list .p-pageHacMerits__item:nth-child(-n+2) {
  grid-column: span 3;
}
.p-pageHacMerits__list .p-pageHacMerits__item:nth-child(n+3) {
  padding-inline: 24px;
  grid-column: span 2;
}
@media screen and (max-width: 1100px) {
  .p-pageHacMerits__list .p-pageHacMerits__item:nth-child(n+3) .p-pageHacMerits__item-header {
    flex-direction: column;
  }
}
@media screen and (max-width: 900px) {
  .p-pageHacMerits__list {
    grid-template-columns: minmax(0, 1fr);
  }
  .p-pageHacMerits__list .p-pageHacMerits__item:nth-child(-n+2),
  .p-pageHacMerits__list .p-pageHacMerits__item:nth-child(n+3) {
    grid-column: 1/-1;
  }
  .p-pageHacMerits__list .p-pageHacMerits__item:nth-child(n+3) .p-pageHacMerits__item-header {
    flex-direction: row;
  }
}
@media screen and (max-width: 500px) {
  .p-pageHacMerits__list .p-pageHacMerits__item:nth-child(n+3) .p-pageHacMerits__item-header {
    flex-direction: column;
  }
}

.p-pageHacMerits__item {
  padding-block: 28px;
  padding-inline: 32px;
  border-radius: 6px;
  background: #2e2e2e;
}
@media screen and (max-width: 900px) {
  .p-pageHacMerits__item {
    padding-inline: 24px;
  }
}
@media screen and (max-width: 500px) {
  .p-pageHacMerits__item {
    padding-block-end: 32px;
  }
}

.p-pageHacMerits__item-header {
  display: flex;
  column-gap: 24px;
  align-items: center;
  row-gap: 16px;
}
@media screen and (max-width: 500px) {
  .p-pageHacMerits__item-header {
    flex-direction: column;
  }
}

.p-pageHacMerits__iconBox {
  display: grid;
  flex-shrink: 0;
  place-items: center;
  width: fit-content;
  height: auto;
}

.p-pageHacMerits__icon {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-pageHacMerits__item:nth-of-type(1) .p-pageHacMerits__icon {
  width: 100px;
  height: 100px;
  background-image: url("../images/icon-merits1.svg");
}

.p-pageHacMerits__item:nth-of-type(2) .p-pageHacMerits__icon {
  width: 88.136px;
  height: 100px;
  background-image: url("../images/icon-merits2.svg");
}

.p-pageHacMerits__item:nth-of-type(3) .p-pageHacMerits__icon {
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='88'%20height='88'%20viewBox='0%200%2088%2088'%20fill='none'%3e%3cpath%20d='M43.6419%2011.6987C43.7115%2011.6885%2043.7816%2011.681%2043.8516%2011.6762C44.2508%2011.6514%2044.5142%2011.7324%2044.8438%2011.9416C45.9485%2012.6432%2047.0463%2013.3664%2048.1425%2014.0814L54.1594%2018.0037L72.5268%2029.9735L81.1549%2035.5964L83.4593%2037.0968C83.8912%2037.3777%2084.4137%2037.6913%2084.7987%2038.021C85.1695%2038.3382%2085.2468%2038.7353%2085.2486%2039.2074C85.2589%2041.7286%2085.2546%2044.2572%2085.2546%2046.7786L85.2542%2061.6359L85.2563%2070.5012L85.2572%2073.3092C85.2576%2075.4173%2085.4793%2076.5061%2082.8775%2076.3742C82.6597%2076.3634%2082.3593%2076.3742%2082.1355%2076.3742H79.4237H71.0005L44.3668%2076.3733L17.8271%2076.372L9.0455%2076.3737C7.53936%2076.3737%206.02183%2076.3836%204.51565%2076.369C4.28791%2076.3669%203.71132%2076.3037%203.50193%2076.2246C3.33269%2076.161%202.95355%2075.7692%202.87373%2075.5638C2.77336%2075.3051%202.75513%2075.0593%202.7542%2074.7809C2.7472%2072.7025%202.75204%2070.6211%202.75306%2068.5431L2.75391%2056.6902L2.75156%2045.3464C2.75107%2043.372%202.74635%2041.3938%202.75619%2039.4196C2.75721%2039.2169%202.78582%2038.6667%202.85958%2038.4799C2.95837%2038.2296%203.23423%2037.9432%203.4627%2037.793C4.53997%2037.0849%205.62506%2036.3822%206.70542%2035.6784L12.9862%2031.5856L32.5427%2018.8423L40.0346%2013.9618L42.0597%2012.6335C42.51%2012.3384%2043.162%2011.8696%2043.6419%2011.6987ZM5.52803%2039.7773C5.4476%2040.5746%205.50324%2042.5965%205.50389%2043.4605L5.50444%2050.7205L5.50711%2073.595C7.83584%2073.6173%2010.4891%2073.5339%2012.7781%2073.6169C12.7186%2072.2195%2012.7721%2070.4303%2012.7722%2068.9986L12.7717%2059.7706L12.7714%2051.7208C12.7713%2050.3338%2012.7663%2048.9489%2012.783%2047.5615C12.7941%2046.6364%2013.2068%2046.0473%2014.1947%2046.009C15.328%2045.9656%2016.4726%2045.9884%2017.6086%2045.9897L24.0368%2045.9918L30.4658%2045.9905C31.5399%2045.9901%2032.6525%2045.9721%2033.7252%2046.0116C34.0226%2046.0228%2034.4229%2046.1517%2034.642%2046.3553C35.0249%2046.7107%2035.0917%2047.0725%2035.0974%2047.5692C35.1071%2048.4307%2035.1028%2049.294%2035.1025%2050.1538L35.0991%2054.9779L35.0996%2067.0237C35.0996%2069.1885%2035.1285%2071.4259%2035.0911%2073.5864C39.4193%2073.6792%2043.9638%2073.6061%2048.3182%2073.6061L82.4998%2073.6117L82.5024%2050.797V43.5048C82.5024%2042.4995%2082.5574%2040.7179%2082.4839%2039.78C81.6388%2039.1456%2080.3398%2038.3575%2079.4095%2037.7519L73.6375%2033.9928L51.8666%2019.8009C50.9672%2019.2144%2044.3857%2014.8193%2043.95%2014.7243C43.0004%2015.297%2041.9896%2015.983%2041.0525%2016.5941L36.0648%2019.8466L20.7797%2029.8094L10.5918%2036.4489L7.34544%2038.5621C6.8085%2038.9118%206.01796%2039.3976%205.52803%2039.7773ZM29.5975%2063.7452C29.9932%2063.6344%2030.4565%2063.4165%2030.6003%2063.0242C31.0426%2061.8189%2031.019%2059.7693%2029.3125%2059.8269C27.8601%2060.0177%2027.9942%2061.4125%2028.0715%2062.5288C28.1296%2063.3692%2028.8466%2063.7358%2029.5975%2063.7452Z'%20fill='white'%20/%3e%3cpath%20d='M41.0932%2045.9962C42.8524%2045.9283%2045.0444%2045.9919%2046.847%2045.9919H58.3665H68.4873C70.2263%2045.9919%2071.9785%2045.9816%2073.7179%2046.0043C74.0376%2046.0086%2074.3779%2046.0744%2074.6405%2046.2669C75.3589%2046.7932%2075.224%2047.6926%2075.2317%2048.4695C75.2347%2048.8506%2075.2261%2049.2395%2075.2235%2049.6232L75.224%2053.7147L75.2257%2060.3404C75.2257%2061.4727%2075.2416%2062.607%2075.2115%2063.738C75.1853%2064.7108%2074.6778%2065.1027%2073.7544%2065.1946C71.6778%2065.2522%2069.3351%2065.2019%2067.2357%2065.2024L54.6364%2065.2015L45.5433%2065.1985C44.0768%2065.1981%2042.6004%2065.2243%2041.1347%2065.1955C39.4061%2065.162%2039.5904%2063.8437%2039.5906%2062.5813C39.5906%2062.1808%2039.5913%2061.7515%2039.5914%2061.3442L39.5921%2056.1209L39.5976%2050.3468C39.5951%2049.3675%2039.5536%2048.3625%2039.5999%2047.3871C39.6447%2046.4418%2040.2533%2046.0838%2041.0932%2045.9962ZM56.0354%2062.424C56.8471%2062.433%2057.975%2062.4674%2058.7777%2062.433C58.7841%2057.9106%2058.8271%2053.3064%2058.7803%2048.7913C58.3514%2048.7904%2056.3585%2048.836%2056.0496%2048.75C55.9766%2050.3304%2056.0316%2052.2447%2056.0324%2053.8556L56.0354%2062.424Z'%20fill='white'%20/%3e%3c/svg%3e");
}

.p-pageHacMerits__item:nth-of-type(4) .p-pageHacMerits__icon {
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%3e%3cpath%20d='M70.0068%2032.1865C70.5587%2032.167%2071.2724%2032.2488%2071.9199%2032.46C72.5992%2032.6814%2073.0592%2032.9956%2073.2744%2033.3262C73.7045%2033.9874%2073.6796%2034.4069%2073.542%2034.7861C73.3575%2035.2942%2072.9552%2035.7856%2072.3613%2036.5508L72.3594%2036.5537L70.7041%2038.7002L65.2588%2045.7656L58.1279%2055.0205L55.7939%2058.0508C54.6606%2059.5221%2054.0433%2060.4359%2052.7295%2061.4941C51.5803%2062.415%2050.2634%2063.1044%2048.8516%2063.5225H48.8506C48.313%2063.6822%2047.4369%2063.8263%2046.4707%2063.9531C45.5061%2064.0798%2044.5763%2064.1751%2043.8662%2064.2617H43.8652L33.126%2065.584L29.9893%2065.9658C28.6749%2066.1261%2027.7933%2066.1926%2026.3838%2066.6016C24.3556%2067.1898%2023.0926%2068.0693%2021.5098%2068.9814L17.3213%2071.3838L14.2207%2073.1572C14.0237%2073.2698%2013.7419%2073.4243%2013.4482%2073.5908C13.388%2073.4568%2013.3258%2073.3198%2013.2646%2073.1807L12.6025%2071.6758L9.7959%2065.4932L7.49805%2060.4355C7.20601%2059.7928%206.77758%2058.9162%206.50781%2058.2646C6.61011%2058.0856%206.74166%2057.8664%206.88184%2057.6377C7.18952%2057.1358%207.44463%2056.7384%207.60352%2056.4805L7.60449%2056.4795L10.5381%2051.707H10.5391L10.542%2051.7021C10.8287%2051.2298%2011.2289%2050.6233%2011.5449%2050.0732C12.2442%2048.9636%2012.6708%2048.2402%2013.4648%2047.3311L13.4658%2047.332C15.8865%2044.5831%2019.3047%2042.9149%2022.9609%2042.6982L22.9688%2042.6973C24.494%2042.5952%2026.5126%2042.6549%2028.1748%2042.6553H43.2812C43.8168%2042.6544%2044.4568%2042.6399%2045.1299%2042.6455C45.8036%2042.6511%2046.3922%2042.6774%2046.7607%2042.7393L46.7656%2042.7402C47.5415%2042.8672%2048.2717%2043.1847%2048.8906%2043.6631L49.1543%2043.8828C50.0428%2044.6652%2050.6035%2045.751%2050.7305%2046.9229L50.75%2047.1582C50.7787%2047.6954%2050.7729%2048.0505%2050.7061%2048.3506C50.6458%2048.6209%2050.5263%2048.8834%2050.252%2049.1934C49.5825%2049.9496%2048.8845%2049.8379%2047.25%2049.8379H34.4355C32.8459%2049.8391%2031.2382%2049.8304%2029.6357%2049.8438C29.0453%2049.8488%2028.3888%2050.0021%2027.873%2050.4326C27.3159%2050.8979%2027.0462%2051.5862%2027.1123%2052.3701V52.375C27.1698%2053.0208%2027.4962%2053.6123%2028.0107%2054.0068V54.0078C28.4866%2054.3747%2028.9561%2054.4686%2029.415%2054.4805H29.416C30.643%2054.511%2031.9129%2054.4961%2033.1074%2054.4961L40.2861%2054.4971L46.1826%2054.4961C47.1969%2054.4957%2048.548%2054.5465%2049.668%2054.4375C52.116%2054.1988%2054.4637%2052.2188%2055.1123%2049.8486C55.1606%2049.6723%2055.1944%2049.5156%2055.2217%2049.3906C55.2506%2049.2581%2055.2688%2049.1727%2055.291%2049.0938C55.326%2048.9694%2055.3675%2048.8681%2055.4756%2048.7236H55.4766L57.3848%2046.1982L60.9219%2041.5293V41.5283L64.7275%2036.499C65.3984%2035.6134%2066.0473%2034.7364%2066.7158%2033.8838C67.5723%2032.7914%2068.5425%2032.3524%2070.0068%2032.1865Z'%20stroke='white'%20stroke-width='2'%20/%3e%3cpath%20d='M39.0529%204.94068C48.1855%204.46599%2055.971%2011.4908%2056.4343%2020.624C56.898%2029.7571%2049.8636%2037.5339%2040.7296%2037.9862C31.6119%2038.4377%2023.8515%2031.4183%2023.3888%2022.3009C22.9261%2013.1835%2029.9361%205.41454%2039.0529%204.94068ZM48.3105%2022.6475C49.798%2022.0558%2049.1163%2020.3832%2048.437%2020.3245C47.1335%2020.2118%2044.3452%2020.2657%2043.0347%2020.2664C39.2081%2020.2464%2035.3815%2020.2537%2031.5551%2020.2885C30.4515%2020.5648%2030.314%2022.0451%2031.3065%2022.5567C31.5729%2022.694%2031.8776%2022.6722%2032.1703%2022.6935C33.3687%2022.7026%2034.5731%2022.6985%2035.7715%2022.6982L42.762%2022.696L46.3503%2022.6961C46.8245%2022.696%2047.8781%2022.7214%2048.3105%2022.6475Z'%20fill='white'%20/%3e%3c/svg%3e");
}

.p-pageHacMerits__item:nth-of-type(5) .p-pageHacMerits__icon {
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%3e%3cpath%20d='M39.9595%200H40.043C40.5458%200.32558%2041.588%200.856191%2042.1325%201.13075C43.0602%201.60494%2043.997%202.06118%2044.9423%202.49921C51.7868%205.64977%2059.5927%208.23113%2067.0911%209.15859C68.8005%209.36922%2070.52%209.48949%2072.2419%209.51895C73.1981%209.53793%2074.2212%209.50469%2075.1606%209.54105C75.1434%2014.5546%2075.0634%2019.3311%2074.5915%2024.3404C73.0294%2040.9371%2067.8649%2058.0426%2055.7595%2070.0672C52.5044%2073.3035%2048.5458%2076.2684%2044.4251%2078.2895C43.6079%2078.6977%2042.7704%2079.0633%2041.9161%2079.3855C41.6231%2079.4973%2040.3212%2079.9113%2040.1888%2080H39.8173C39.6493%2079.8965%2038.3306%2079.4738%2038%2079.3488C37.0945%2079.007%2036.2084%2078.6156%2035.3458%2078.1769C30.812%2075.9156%2026.406%2072.4637%2022.9468%2068.7566C10.2945%2055.1977%205.7293%2036.0131%204.9782%2017.9561C4.86687%2015.2802%204.78082%2012.2093%204.85715%209.53234C6.69164%209.53289%208.64039%209.54051%2010.4686%209.39859C18.3168%208.78941%2026.4491%206.32969%2033.6295%203.13847C35.1942%202.44879%2036.7369%201.71011%2038.2553%200.923527C38.7453%200.667551%2039.5048%200.289167%2039.9595%200ZM40.3333%2056.3906C51.9669%2056.2051%2061.2505%2046.6293%2061.0759%2034.9956C60.9012%2023.3617%2051.3341%2014.0692%2039.7001%2014.2333C28.0508%2014.3975%2018.7435%2023.9799%2018.9185%2035.6289C19.0935%2047.2777%2028.6844%2056.5762%2040.3333%2056.3906Z'%20fill='white'%20/%3e%3cpath%20d='M39.218%2018.9252C48.2633%2018.4943%2055.9465%2025.474%2056.384%2034.5188C56.8211%2043.5635%2049.8469%2051.2521%2040.8024%2051.6959C31.7489%2052.14%2024.051%2045.1572%2023.6132%2036.1033C23.1755%2027.0493%2030.1638%2019.3564%2039.218%2018.9252ZM32.2688%2033.6837C31.2285%2034.6917%2029.9742%2035.9124%2028.9892%2036.9678C31.0391%2038.9392%2033.0314%2041.0728%2035.0692%2043.0654C35.8668%2043.8451%2036.8603%2044.942%2037.6691%2045.6482C39.4055%2043.856%2041.2137%2042.0736%2042.9774%2040.3049L51.0094%2032.261L47.7383%2028.9965C44.6106%2032.02%2041.4637%2035.2242%2038.3743%2038.3029C38.3192%2038.2708%2038.2839%2038.2539%2038.2269%2038.2263C38.0814%2038.2913%2037.645%2038.7318%2037.5575%2038.6549C36.4594%2037.6918%2035.4701%2036.6052%2034.4075%2035.6035C34.1404%2035.3517%2033.3018%2034.4461%2033.0236%2034.4173C32.7663%2034.1786%2032.5146%2033.934%2032.2688%2033.6837Z'%20fill='white'%20/%3e%3cpath%20d='M33.0234%2034.418C33.3017%2034.4468%2034.1403%2035.3524%2034.4073%2035.6041C35.47%2036.6059%2036.4593%2037.6925%2037.5573%2038.6556C37.6449%2038.7325%2038.0813%2038.292%2038.2268%2038.227C38.2838%2038.2546%2038.3191%2038.2715%2038.3741%2038.3036C38.1336%2038.5443%2037.9091%2038.7672%2037.6558%2038.9962C37.5334%2038.8989%2037.4095%2038.7755%2037.2985%2038.6643C35.8816%2037.2455%2034.4234%2035.8527%2033.0234%2034.418Z'%20fill='white'%20/%3e%3c/svg%3e");
}

.p-pageHacMerits__label {
  color: #6d6d6d;
  font-family: var(--noto-sans);
  font-size: 1.125rem;
  font-weight: var(--fw-semi-bold);
}

.p-pageHacMerits__title-text {
  margin-block-start: 5px;
  color: var(--color-white);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageHacMerits__title-text {
    margin-block-start: 4px;
    font-size: 1.25rem;
  }
}

.p-pageHacMerits__desc {
  margin-block-start: 24px;
  color: var(--color-white);
  font-size: 15px;
}
@media screen and (max-width: 900px) {
  .p-pageHacMerits__desc {
    margin-block-start: 20px;
  }
}

.p-pageHacExample {
  margin-block-start: -1px;
  padding-block: 121px 100px;
  background: var(--color-bg-gray);
}
@media screen and (max-width: 900px) {
  .p-pageHacExample {
    padding-block: 100px 43px;
  }
}

.p-pageHacExample__info {
  margin-block-start: 33px;
}
@media screen and (max-width: 900px) {
  .p-pageHacExample__info {
    margin-block-start: 31px;
  }
}

.p-pageHacExample__cardsWrapper {
  margin-block-start: 80px;
}
@media screen and (width <= 974px) {
  .p-pageHacExample__cardsWrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    gap: 47px clamp(2.5rem, 0.8283858998rem + 2.9684601113vw, 3.5rem);
    margin-block-start: 64px;
  }
}

.p-pageHacExample__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 48px clamp(2.5rem, 0.8283858998rem + 2.9684601113vw, 3.5rem);
}
@media screen and (width <= 974px) {
  .p-pageHacExample__cards {
    display: contents;
  }
}
.p-pageHacExample__cards--continued {
  margin-block-start: 48px;
}
@media screen and (width <= 974px) {
  .p-pageHacExample__cards--continued {
    margin-block-start: 0;
  }
}

.p-pageHacExample__card {
  display: flex;
  flex-direction: column;
  overflow: clip;
  padding-block-end: 20px;
  border-radius: 4px;
}

.p-pageHacExample__card-img {
  overflow: clip;
  border-radius: 4px 4px 0 0;
}
.p-pageHacExample__card-img img {
  aspect-ratio: 336/204;
}
@media screen and (max-width: 900px) {
  .p-pageHacExample__card-img img {
    aspect-ratio: 343/204;
  }
}

.p-pageHacExample__card-body {
  padding-block-start: 16px;
}

.p-pageHacExample__card-header {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  padding-block-end: 15px;
  border-block-end: 1px solid var(--color-border-gray);
}

.p-pageHacExample__card-num {
  color: var(--color-bg-blue);
  font-family: var(--en-font-family);
  font-size: 1rem;
  font-weight: var(--fw-semi-bold);
  line-height: 1.4;
}

.p-pageHacExample__card-title {
  font-size: 1.125rem;
  font-weight: var(--fw-bold);
}

.p-pageHacExample__card-desc {
  margin-block-start: 15px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 900px) {
  .p-pageHacExample__card-desc {
    margin-block-start: 17px;
  }
}

.p-pageHacSystem {
  margin-block-start: -1px;
  padding-block-start: 101px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageHacSystem {
    padding-block-start: 43px;
  }
}

.p-pageHacSystem__content {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 48px;
}
@media screen and (max-width: 1023px) {
  .p-pageHacSystem__content {
    grid-template-columns: 1fr;
    row-gap: 35px;
  }
}

.p-pageHacSystem__title {
  height: 100%;
  padding-inline-end: 48px;
  border-inline-end: 1px solid var(--color-border-lightBlack);
  font-size: 2rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 1023px) {
  .p-pageHacSystem__title {
    padding-block-end: 16px;
    border-block-end: 1px solid var(--color-border-lightBlack);
    border-inline-end: none;
  }
}
@media screen and (max-width: 900px) {
  .p-pageHacSystem__title {
    font-size: 1.625rem;
  }
}

.p-pageHacSystem__content-end {
  display: grid;
  row-gap: 25px;
}
@media screen and (max-width: 900px) {
  .p-pageHacSystem__content-end {
    row-gap: 17px;
  }
}

.p-pageHacSystem__support {
  margin-block-start: 67px;
  padding-block: 60px;
  padding-inline: clamp(1.75rem, -7.1730769231rem + 13.9423076923vw, 5.375rem);
  background: var(--color-bg-gray);
}
@media screen and (max-width: 1023px) {
  .p-pageHacSystem__support {
    margin-block-start: 48px;
    padding-block: 48px;
    padding-inline: 40px;
  }
}
@media screen and (max-width: 900px) {
  .p-pageHacSystem__support {
    margin-block-start: 32px;
    padding-block: 60px;
    padding-inline: 36px;
  }
}

.p-pageHacSystem__support-inner {
  max-width: 948px;
  margin-inline: auto;
}

.p-pageHacSystem__support-list {
  display: flex;
  flex-direction: column;
  row-gap: 44px;
}
@media screen and (max-width: 900px) {
  .p-pageHacSystem__support-list {
    row-gap: 50px;
  }
}

.p-pageHacSystem__support-item {
  display: flex;
  column-gap: clamp(1.5rem, 0.3507653061rem + 2.0408163265vw, 2.1875rem);
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-pageHacSystem__support-item {
    flex-direction: column;
    row-gap: 14px;
    align-items: center;
  }
}

.p-pageHacSystem__support-box {
  width: 280px;
  min-height: 98px;
  padding-block: 20px;
  padding-inline: 32px;
  border-radius: 6px;
  background: url("../images/system-item-bg.webp") var(--bg-cover);
}
@media screen and (max-width: 900px) {
  .p-pageHacSystem__support-box {
    width: 271px;
    min-height: 94px;
    padding-inline: 31px;
  }
}

.p-pageHacSystem__support-box-text {
  z-index: 1;
  color: var(--color-white);
}
@media screen and (max-width: 900px) {
  .p-pageHacSystem__support-box-text {
    font-size: 0.9375rem;
  }
}

.p-pageHacSystem__support-arrow {
  display: flex;
  flex-shrink: 0;
  column-gap: 8px;
}
.p-pageHacSystem__support-arrow img {
  width: 10px;
  height: 20px;
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  .p-pageHacSystem__support-arrow {
    column-gap: 4px;
    rotate: 90deg;
  }
  .p-pageHacSystem__support-arrow img:last-child {
    display: none;
  }
}

.p-pageHacSystem__support-result {
  flex: 1;
  min-width: 0;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 900px) {
  .p-pageHacSystem__support-result {
    font-size: 1rem;
  }
}

.p-pageHacSystem__support-result--blue {
  color: var(--color-bg-blue);
  font-weight: var(--fw-bold);
}

.p-pageHacAchievement {
  margin-block-start: -1px;
  padding-block-start: 121px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageHacAchievement {
    padding-block-start: 100px;
  }
}

.p-pageHacAchievement__content {
  display: grid;
  grid-template-columns: calc(350px + clamp(2.8125rem, -3.3413461538rem + 9.6153846154vw, 5.3125rem)) 1fr;
  column-gap: clamp(2.8125rem, -3.3413461538rem + 9.6153846154vw, 5.3125rem);
}
@media screen and (max-width: 1023px) {
  .p-pageHacAchievement__content {
    grid-template-columns: 1fr;
  }
}

.p-pageHacAchievement__content-start {
  padding-inline-end: clamp(2.8125rem, -3.3413461538rem + 9.6153846154vw, 5.3125rem);
  border-inline-end: 1px solid var(--color-border-lightBlack);
}
@media screen and (max-width: 1023px) {
  .p-pageHacAchievement__content-start {
    display: contents;
    border-inline-end: none;
  }
}

.p-pageHacAchievement__title {
  font-size: 2rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 1023px) {
  .p-pageHacAchievement__title {
    order: 1;
  }
}
@media screen and (max-width: 900px) {
  .p-pageHacAchievement__title {
    font-size: 1.625rem;
  }
}

.p-pageHacAchievement__info {
  display: grid;
  row-gap: 16px;
  margin-block-start: 33px;
}
@media screen and (max-width: 1023px) {
  .p-pageHacAchievement__info {
    order: 2;
  }
}

.p-pageHacAchievement__btn {
  margin-block-start: 48px;
}
@media screen and (max-width: 1023px) {
  .p-pageHacAchievement__btn {
    order: 4;
  }
}
@media screen and (max-width: 900px) {
  .p-pageHacAchievement__btn {
    margin-block-start: 32px;
  }
}

@media screen and (max-width: 1023px) {
  .p-pageHacAchievement__content-end {
    order: 3;
  }
}

.p-pageHacAchievement__content-box {
  padding-block: 30px;
  padding-inline: clamp(1.875rem, 0.3365384615rem + 2.4038461538vw, 2.5rem);
  background: var(--color-bg-gray);
}
@media screen and (max-width: 1023px) {
  .p-pageHacAchievement__content-box {
    margin-block-start: 48px;
  }
}
@media screen and (max-width: 900px) {
  .p-pageHacAchievement__content-box {
    margin-block-start: 34px;
    padding-inline: 20px;
  }
}

.p-pageHacAchievement__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px clamp(2.5rem, -0.5769230769rem + 4.8076923077vw, 3.75rem);
}
@media screen and (max-width: 900px) {
  .p-pageHacAchievement__list {
    grid-template-columns: 1fr;
  }
}

.p-pageHacAchievement__item {
  position: relative;
  --width: 6px;
  --gap: 8px;
  padding-inline-start: calc(var(--width) + var(--gap));
}

.p-pageHacAchievement__item-marker {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  width: var(--width);
  height: 1lh;
}
.p-pageHacAchievement__item-marker::before {
  content: "";
  position: absolute;
  width: var(--width);
  height: auto;
  aspect-ratio: 1;
  border-radius: 100vmax;
  background: var(--color-main);
}

.p-pageHacAchievement__content-note {
  margin-block-start: 2px;
  text-align: right;
}
@media screen and (max-width: 900px) {
  .p-pageHacAchievement__content-note {
    margin-block-start: 24px;
  }
}

.p-pagePrivacyPolicy {
  margin-block-start: 220px;
}

.p-pagePrivacyPolicy__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 60px;
  justify-content: space-between;
  align-items: end;
  max-width: calc(1150px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pagePrivacyPolicy__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pagePrivacyPolicy__inner {
    padding-inline: 16px;
  }
}

.p-pagePrivacyPolicy__title-main {
  font-family: var(--title-font-family);
  font-size: 6.25rem;
  font-weight: var(--fw-semi-bold);
  line-height: normal;
}
@media screen and (max-width: 900px) {
  .p-pagePrivacyPolicy__title-main {
    font-size: 4.375rem;
  }
}

.p-pagePrivacyPolicy__title-sub {
  margin-block-start: 10px;
  color: var(--color-bg-blue);
  font-size: 1.0625rem;
  font-weight: var(--fw-medium);
}

.p-pagePrivacyPolicy__breadcrumbWrapper {
  margin-inline-end: 73px;
}

.p-pagePrivacyPolicy__content {
  max-width: calc(1000px + var(--padding-inner) * 2);
  margin-block-start: 60px;
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pagePrivacyPolicy__content {
    padding-inline: 0;
  }
}

.p-pagePrivacyPolicy__sectionList {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
  margin-block-start: 80px;
}

.p-pagePrivacyPolicy__section {
  display: flex;
  flex-direction: column;
}

.p-pagePrivacyPolicy__sectionBlock {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding-block-end: 28px;
  border-block-end: 1px solid var(--color-border-gray);
}

.p-pagePrivacyPolicy__sectionTitle {
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 1.375rem;
  font-weight: var(--fw-bold);
  line-height: normal;
  letter-spacing: 0.05em;
}
.p-pagePrivacyPolicy__sectionTitle.p-pagePrivacyPolicy__sectionTitle--main {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0;
}

.p-pagePrivacyPolicy__sectionBody {
  color: var(--color-text-main);
  font-size: 0.9375rem;
  font-weight: var(--fw-regular);
  line-height: var(--base-line-height);
}

.p-pagePrivacyPolicy__telLink {
  color: inherit;
  text-decoration-line: underline !important;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.p-pagePrivacyPolicy__footerLink {
  padding-block: 160px 30px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pagePrivacyPolicy__footerLink {
    padding-block: 100px 30px;
  }
}

.p-pagePrivacyPolicy__footerLink-inner {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 30px;
}
@media screen and (max-width: 900px) {
  .p-pagePrivacyPolicy__footerLink-inner {
    padding-inline: 10px;
  }
}

.p-pageProcessFlow {
  overflow-x: clip;
  padding-block-start: 110px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow {
    padding-block-start: 80px;
  }
}

.p-pageProcessFlow__inner {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageProcessFlow__inner {
    padding-inline: 16px;
  }
}

.p-pageProcessFlow__content {
  display: grid;
  grid-template-columns: 300px 1fr;
  column-gap: clamp(1.875rem, -6.875rem + 14.5833333333vw, 6.25rem);
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content {
    grid-template-columns: 1fr;
  }
}

.p-pageProcessFlow__title {
  margin-block-start: 28px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__title {
    margin-block-start: 0;
  }
}

.p-pageProcessFlow__content-info {
  margin-block-start: 48px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-info {
    margin-block-start: 40px;
  }
}

.p-pageProcessFlow__content-note {
  margin-block-start: 16px;
  color: var(--color-main);
  font-size: 0.875rem;
}

@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-end {
    margin-block-start: 60px;
  }
}

.p-pageProcessFlow__content-list {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 60px clamp(1rem, -1.375rem + 3.9583333333vw, 2.1875rem);
}
.p-pageProcessFlow__content-list > * {
  grid-column: 1/-1;
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-list {
    row-gap: 54px;
  }
}

.p-pageProcessFlow__content-item {
  position: relative;
  display: grid;
  grid-template-columns: subgrid;
  grid-row: span 2;
  align-items: center;
  padding-block: 10px;
  padding-inline: clamp(1.25rem, -0.4166666667rem + 2.962962963vw, 2.25rem) clamp(0.75rem, -0.0833333333rem + 1.4814814815vw, 1.25rem);
}
.p-pageProcessFlow__content-item.p-pageProcessFlow__content-item--customer {
  margin-block: 24px;
  padding-block: 24px 32px;
  border-radius: 6px;
  background: var(--color-bg-gray);
}
.p-pageProcessFlow__content-item:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -60px;
  left: clamp(4.6875rem, 3.0208333333rem + 2.962962963vw, 5.6875rem);
  width: 1px;
  height: 60px;
  background: var(--color-main);
}
.p-pageProcessFlow__content-item:not(:last-child).p-pageProcessFlow__content-item--customer::after {
  bottom: -84px;
}
.p-pageProcessFlow__content-item:nth-child(1) .p-pageProcessFlow__content-item-icon img {
  width: 85.091px;
  height: 85.091px;
}
.p-pageProcessFlow__content-item:nth-child(2) .p-pageProcessFlow__content-item-icon img {
  width: 65px;
  height: 88px;
}
.p-pageProcessFlow__content-item:nth-child(3) .p-pageProcessFlow__content-item-icon img {
  width: 90px;
  height: 74px;
}
.p-pageProcessFlow__content-item:nth-child(4) .p-pageProcessFlow__content-item-icon img {
  width: 59px;
  height: 78px;
}
.p-pageProcessFlow__content-item:nth-child(5) .p-pageProcessFlow__content-item-icon img {
  width: 95px;
  height: 72px;
}
.p-pageProcessFlow__content-item:nth-child(6) .p-pageProcessFlow__content-item-icon img {
  width: 74px;
  height: 76px;
}
.p-pageProcessFlow__content-item:nth-child(7) .p-pageProcessFlow__content-item-icon img {
  width: 82px;
  height: 82px;
}
.p-pageProcessFlow__content-item:nth-child(8) .p-pageProcessFlow__content-item-icon img {
  width: 84px;
  height: 78px;
}
.p-pageProcessFlow__content-item:nth-child(9) .p-pageProcessFlow__content-item-icon img {
  width: 98px;
  height: 78px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-item {
    grid-template-areas: "icon top" "text text";
    padding-block: 8px;
    padding-inline: 20px;
  }
  .p-pageProcessFlow__content-item:nth-child(1) .p-pageProcessFlow__content-item-icon img {
    width: 50.075px;
    height: 50.075px;
  }
  .p-pageProcessFlow__content-item:nth-child(2) .p-pageProcessFlow__content-item-icon img {
    width: 37px;
    height: 50px;
  }
  .p-pageProcessFlow__content-item:nth-child(3) .p-pageProcessFlow__content-item-icon img {
    width: 50px;
    height: 41.228px;
  }
  .p-pageProcessFlow__content-item:nth-child(4) .p-pageProcessFlow__content-item-icon img {
    width: 37.821px;
    height: 50.427px;
  }
  .p-pageProcessFlow__content-item:nth-child(5) .p-pageProcessFlow__content-item-icon img {
    width: 50px;
    height: 37.931px;
  }
  .p-pageProcessFlow__content-item:nth-child(6) .p-pageProcessFlow__content-item-icon img {
    width: 48.684px;
    height: 50px;
  }
  .p-pageProcessFlow__content-item:nth-child(7) .p-pageProcessFlow__content-item-icon img {
    width: 50px;
    height: 50px;
  }
  .p-pageProcessFlow__content-item:nth-child(8) .p-pageProcessFlow__content-item-icon img {
    width: 50px;
    height: 46.364px;
  }
  .p-pageProcessFlow__content-item:nth-child(9) .p-pageProcessFlow__content-item-icon img {
    width: 50px;
    height: 39.655px;
  }
  .p-pageProcessFlow__content-item.p-pageProcessFlow__content-item--customer {
    margin-block: 12px;
    padding-block: 24px;
    border-radius: 0;
    background: var(--color-bg-gray);
  }
  .p-pageProcessFlow__content-item:not(:last-child)::after {
    bottom: -50px;
    left: 50%;
    height: 40px;
    translate: -50% 0;
  }
  .p-pageProcessFlow__content-item:not(:last-child).p-pageProcessFlow__content-item--customer::after {
    bottom: -58px;
  }
}

.p-pageProcessFlow__content-item-icon {
  display: grid;
  place-items: center;
  width: 108px;
  height: 104px;
}
.p-pageProcessFlow__content-item-icon img {
  object-fit: contain;
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-item-icon {
    grid-area: icon;
    width: 70px;
    height: 62px;
  }
}

@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-item-body {
    display: contents;
  }
}

.p-pageProcessFlow__content-item-body-top {
  display: flex;
  gap: clamp(0.75rem, -0.0833333333rem + 1.4814814815vw, 1.25rem);
  align-items: center;
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-item-body-top {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-areas: "number badge" "title title";
    grid-area: top;
    gap: 2px 8px;
  }
}

.p-pageProcessFlow__content-item-body-top-number {
  flex-shrink: 0;
  color: var(--color-main);
  font-size: clamp(1rem, 0.5833333333rem + 0.7407407407vw, 1.25rem);
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-item-body-top-number {
    grid-area: number;
    font-size: 1rem;
  }
}

.p-pageProcessFlow__content-item-body-top-title {
  font-size: clamp(1.25rem, 0.8333333333rem + 0.7407407407vw, 1.5rem);
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-item-body-top-title {
    grid-area: title;
    font-size: 1.25rem;
  }
}

.p-pageProcessFlow__content-item-body-top-badge {
  padding-block: 7px;
  padding-inline: 11px;
  border-radius: 100vmax;
  background: var(--color-main);
  color: var(--color-white);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
  line-height: 1;
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-item-body-top-badge {
    grid-area: badge;
    width: fit-content;
    padding-block: 6px;
    padding-inline: 9px;
  }
}

.p-pageProcessFlow__content-item-body-text {
  margin-block-start: 8px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 900px) {
  .p-pageProcessFlow__content-item-body-text {
    grid-area: text;
    margin-block-start: 12px;
  }
}

.p-pageProcessPlan {
  overflow-x: clip;
  margin-block-start: -1px;
  padding-block-start: 118px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan {
    padding-block-start: 81px;
  }
}

.p-pageProcessPlan-inner {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan-inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageProcessPlan-inner {
    padding-inline: 16px;
  }
}

.p-pageProcessPlan-info {
  margin-block-start: 40px;
}

.p-pageProcessPlan-info--mtNarrow {
  margin-block-start: 32px;
}

.p-pageProcessPlan-info-text .blue {
  color: var(--color-main);
  font-weight: var(--fw-bold);
}
.p-pageProcessPlan-info-text + .p-pageProcessPlan-info-text {
  margin-block-start: 16px;
}

.p-pageProcessPlan__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: clamp(1.25rem, -0.8333333333rem + 3.7037037037vw, 2.5rem);
  margin-block-start: 80px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__list {
    grid-template-columns: 1fr;
    row-gap: 24px;
    margin-block-start: 66px;
  }
}

.p-pageProcessPlan__card {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  overflow: hidden;
  padding-block-end: 44px;
  border: 1px solid var(--color-border-gray);
  border-radius: 24px 24px 0 0;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__card {
    grid-template-rows: auto;
    padding-block-end: 40px;
  }
}

.p-pageProcessPlan__card-header {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
  justify-content: center;
  align-items: center;
  padding-block: 24px 18px;
  background: linear-gradient(to right, #124d8a, #0b4178);
  color: var(--color-white);
  font-weight: var(--fw-bold);
  text-align: center;
}
.p-pageProcessPlan__card-header.p-pageProcessPlan__card-header--gray {
  background: var(--color-bg-grayBlue);
  color: var(--color-text-main);
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__card-header {
    padding-block: 20px 16px;
  }
}

.p-pageProcessPlan__card-header-sub {
  font-size: 1.0625rem;
  line-height: normal;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__card-header-sub {
    font-size: 1rem;
  }
}

.p-pageProcessPlan__card-header-main {
  font-size: 2rem;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__card-header-main {
    font-size: 1.5rem;
  }
}

.p-pageProcessPlan__section {
  margin-block-start: 32px;
  margin-inline: 28px;
  padding-block-end: 32px;
  border-block-end: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__section {
    margin-inline: 20px;
  }
  .p-pageProcessPlan__section + .p-pageProcessPlan__section {
    margin-block-start: 18px;
  }
}

.p-pageProcessPlan__section-title {
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__section-title {
    font-size: 1.25rem;
  }
}

.p-pageProcessPlan__section-list {
  display: grid;
  row-gap: 8px;
  margin-block-start: 12px;
}

.p-pageProcessPlan__subTitle {
  margin-block-start: 120px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__subTitle {
    margin-block-start: 96px;
  }
}

@media screen and (max-width: 900px) {
  .p-pageProcessPlan__subTitle-mbNarrow {
    margin-block-start: 48px;
  }
}

.p-pageProcessPlan__support {
  width: calc(100% + 40px);
  margin-block-start: 70px;
  margin-inline-end: -40px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__support {
    width: calc(100% + 16px);
    margin-block-start: 30px;
    margin-inline-end: -16px;
  }
}

.p-pageProcessPlan__support-title {
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__support-title {
    font-size: 1.25rem;
  }
}

.p-pageProcessPlan__support-scroll {
  margin-block-start: 24px;
  padding-inline-end: 40px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__support-scroll {
    margin-block-start: 20px;
    padding-inline-end: 16px;
  }
}

.p-pageProcessPlan__support-col--course {
  width: 199px;
}

.p-pageProcessPlan__support-col--sub {
  width: 299px;
}

.p-pageProcessPlan__support-col--full,
.p-pageProcessPlan__support-col--partial {
  width: 310px;
}

.p-pageProcessPlan__support-table {
  box-sizing: border-box;
  width: 1118px;
  min-width: 1118px;
  border: 1px solid var(--color-border-gray);
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.0625rem;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  text-align: center;
}
.p-pageProcessPlan__support-table th,
.p-pageProcessPlan__support-table td {
  padding: 8px 24px;
  border: 1px solid var(--color-border-gray);
  vertical-align: middle;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__support-table {
    display: none;
  }
}

.p-pageProcessPlan__support-tableSP {
  display: none;
  box-sizing: border-box;
  width: 1041px;
  min-width: 1041px;
  border: 1px solid var(--color-border-gray);
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__support-tableSP {
    display: table;
  }
}
.p-pageProcessPlan__support-tableSP th,
.p-pageProcessPlan__support-tableSP td {
  padding-block: 8px;
  padding-inline: 16px;
  border: 1px solid var(--color-border-gray);
  vertical-align: middle;
}

.p-pageProcessPlan__support-tableSP-col--course {
  width: 180px;
}

.p-pageProcessPlan__support-tableSP-col--step6,
.p-pageProcessPlan__support-tableSP-col--step7-1,
.p-pageProcessPlan__support-tableSP-col--step8,
.p-pageProcessPlan__support-tableSP-col--step9 {
  width: 120px;
}

.p-pageProcessPlan__support-tableSP-col--step7-2 {
  width: 235px;
}

.p-pageProcessPlan__support-tableSP-col--step7-3 {
  width: 145px;
}

.p-pageProcessPlan__support-tableSP-th {
  padding-block: 12px;
  padding-inline: 20px;
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.0375em;
}
.p-pageProcessPlan__support-tableSP-th.p-pageProcessPlan__support-tableSP-th--course {
  background: var(--color-bg-gray);
}
.p-pageProcessPlan__support-tableSP-th.p-pageProcessPlan__support-tableSP-th--step, .p-pageProcessPlan__support-tableSP-th.p-pageProcessPlan__support-tableSP-th--sub {
  background: var(--color-bg-white);
}

.p-pageProcessPlan__support-tableSP-td {
  min-height: 62px;
  background: var(--color-bg-white);
}
.p-pageProcessPlan__support-tableSP-td.p-pageProcessPlan__support-tableSP-td--plan {
  padding-block: 10px;
  font-size: 0.9375rem;
  letter-spacing: 0.0375em;
}
.p-pageProcessPlan__support-tableSP-td.p-pageProcessPlan__support-tableSP-td--plan.p-pageProcessPlan__support-tableSP-td--full {
  background: linear-gradient(to right, #124d8a, #0b4178);
  color: var(--color-white);
}
.p-pageProcessPlan__support-tableSP-td.p-pageProcessPlan__support-tableSP-td--plan.p-pageProcessPlan__support-tableSP-td--partial {
  background: var(--color-bg-grayBlue);
  color: var(--color-text-main);
}
.p-pageProcessPlan__support-tableSP-td.p-pageProcessPlan__support-tableSP-td--label {
  color: var(--color-main);
  font-size: 1rem;
  font-weight: var(--fw-bold);
}
.p-pageProcessPlan__support-tableSP-td.p-pageProcessPlan__support-tableSP-td--icon {
  padding-inline: 24px;
  text-align: center;
}

.p-pageProcessPlan__support-th {
  padding-block: 12px;
  padding-inline: 32px;
}
.p-pageProcessPlan__support-th.p-pageProcessPlan__support-th--course {
  width: 200px;
  background: var(--color-bg-gray);
  font-weight: var(--fw-medium);
  letter-spacing: 0.04em;
}
.p-pageProcessPlan__support-th.p-pageProcessPlan__support-th--full {
  width: 310px;
  background: linear-gradient(to right, #124d8a, #0b4178);
  color: var(--color-white);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.04em;
}
.p-pageProcessPlan__support-th.p-pageProcessPlan__support-th--partial {
  width: 310px;
  background: var(--color-bg-grayBlue);
  font-size: 1rem;
  font-weight: var(--fw-medium);
  letter-spacing: 0.04em;
}

.p-pageProcessPlan__support-td {
  min-height: 68px;
  background: var(--color-bg-white);
}
.p-pageProcessPlan__support-td.p-pageProcessPlan__support-td--label {
  color: var(--color-main);
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
}
.p-pageProcessPlan__support-td.p-pageProcessPlan__support-td--icon {
  text-align: center;
}

.p-pageProcessPlan__support-icon {
  display: inline-block;
  width: 26px;
  height: auto;
  aspect-ratio: 1/1;
  border: 2.5px solid var(--color-border-black);
  border-radius: 100vmax;
}

.p-pageProcessPlan__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  align-items: center;
  margin-block-start: 60px;
}
@media screen and (max-width: 767px) {
  .p-pageProcessPlan__buttons {
    row-gap: 12px;
  }
}

.p-pageProcessPlan__button {
  overflow: hidden;
}

.p-pageProcessPlan__footerLink {
  margin-block-start: -1px;
  padding-block: 161px 20px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__footerLink {
    padding-block-start: 100px;
  }
}

.p-pageProcessPlan__footerLink-inner {
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-pageProcessPlan__footerLink-inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageProcessPlan__footerLink-inner {
    padding-inline: 16px;
  }
}

.p-pageRecruit {
  position: relative;
  z-index: 1;
  margin-block-start: var(--header-height);
  padding-block-start: 105px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageRecruit {
    padding-block-start: 82px;
  }
}

.p-pageRecruit__inner {
  position: relative;
  z-index: 1;
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageRecruit__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruit__inner {
    padding-inline: 16px;
  }
}

.p-pageRecruit__title-main {
  font-family: var(--title-font-family);
  font-size: clamp(2.5rem, 1.2462894249rem + 2.2263450835vw, 3.25rem);
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageRecruit__title-main {
    font-size: 2rem;
  }
}

.p-pageRecruit__title-main--blue {
  color: var(--color-main);
}

.p-pageRecruit__title-main--lsNarrow {
  letter-spacing: -0.0384615385em;
}

.p-pageRecruit__title-sub {
  margin-block-start: 26px;
  color: var(--color-black);
}

.p-pageRecruit__breadcrumbWrapper {
  margin-block-start: 65px;
  margin-inline-end: 30px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruit__breadcrumbWrapper {
    margin-block-start: 75px;
    margin-inline-end: 0;
  }
}

.p-pageRecruit__infinityScroll {
  position: relative;
  z-index: -1;
  margin-block-start: -335px;
  padding-block-end: 185px;
}
@media screen and (max-width: 767px) {
  .p-pageRecruit__infinityScroll {
    margin-block-start: -280px;
    padding-block-end: 220px;
  }
}
@media screen and (width <= 600px) {
  .p-pageRecruit__infinityScroll {
    margin-block-start: -380px;
    padding-block-end: 320px;
  }
}

.p-pageRecruit__bg {
  height: 500px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url("../images/fv-bg48.webp") var(--bg-cover);
}
@media screen and (max-width: 900px) {
  .p-pageRecruit__bg {
    height: 325px;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%), url("../images/fv-bg-sp45.webp") var(--bg-cover);
  }
}

.p-pageRecruit__fvImg {
  position: relative;
  overflow: hidden;
  block-size: 500px;
}
@media screen and (max-width: 1023px) {
  .p-pageRecruit__fvImg {
    block-size: 400px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruit__fvImg {
    block-size: 375px;
  }
}

.p-pageRecruit__fvImg img {
  display: block;
  block-size: 110%;
  aspect-ratio: 1440/500;
  object-fit: cover;
}
@media screen and (width <= 1200px) {
  .p-pageRecruit__fvImg img {
    object-position: 80% 50%;
  }
}
@media screen and (max-width: 900px) {
  .p-pageRecruit__fvImg img {
    aspect-ratio: 375/321;
    object-position: 100% 50%;
  }
}

.p-pageRecruitAbout {
  padding-block: 140px 120px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitAbout {
    padding-block: 80px 100px;
  }
}

.p-pageRecruitAbout__inner {
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitAbout__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruitAbout__inner {
    padding-inline: 16px;
  }
}

.p-pageRecruitAbout__inner--narrow {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitAbout__inner--narrow {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruitAbout__inner--narrow {
    padding-inline: 16px;
  }
}

.p-pageRecruitAbout__info {
  margin-block-start: 40px;
  color: var(--color-black);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitAbout__info {
    margin-block-start: 32px;
  }
}

.p-pageRecruitAbout__img {
  overflow: hidden;
  max-block-size: 430px;
  margin-block-start: 80px;
  margin-inline-end: clamp(2.5rem, -11.2142857143rem + 28.5714285714vw, 14.5rem);
}
@media (width >= 1900px) {
  .p-pageRecruitAbout__img {
    max-block-size: 500px;
  }
}
@media (width >= 1441px) {
  .p-pageRecruitAbout__img {
    max-block-size: 480px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruitAbout__img {
    max-block-size: 321px;
    margin-inline-end: 0;
  }
}

.p-pageRecruitAbout__img img {
  display: block;
  block-size: 120%;
  aspect-ratio: 1208/700;
  object-fit: cover;
  object-position: 50% -220px;
}
@media (width >= 1700px) {
  .p-pageRecruitAbout__img img {
    object-position: 50% -330px;
  }
}
@media (width >= 1900px) {
  .p-pageRecruitAbout__img img {
    object-position: 50% -380px;
  }
}
@media (width >= 2200px) {
  .p-pageRecruitAbout__img img {
    object-position: 50% -500px;
  }
}
@media (width >= 3000px) {
  .p-pageRecruitAbout__img img {
    object-position: 50% -1000px;
  }
}
@media screen and (max-width: 1200px) {
  .p-pageRecruitAbout__img img {
    object-position: 50% -100px;
  }
}
@media screen and (max-width: 1100px) {
  .p-pageRecruitAbout__img img {
    object-position: 50% -70px;
  }
}
@media (width <= 960px) {
  .p-pageRecruitAbout__img img {
    scale: 1.15 !important;
    object-position: 50% -35px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruitAbout__img img {
    scale: 1.1 !important;
    object-position: 50% -80px;
  }
}
@media (width <= 600px) {
  .p-pageRecruitAbout__img img {
    scale: 1 !important;
    aspect-ratio: 375/300;
    object-position: 50% -50px;
  }
}
@media (width <= 500px) {
  .p-pageRecruitAbout__img img {
    object-position: 50% 0;
  }
}

.p-pageRecruitAbout__subTitle {
  margin-block-start: 100px;
  font-size: 2rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitAbout__subTitle {
    margin-block-start: 65px;
    font-size: 1.625rem;
  }
}

.p-pageRecruitAbout__subTitle-text {
  margin-block-start: 20px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitAbout__subTitle-text {
    margin-block-start: 16px;
  }
}

.p-pageRecruitAbout__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 60px;
  margin-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitAbout__cards {
    grid-template-columns: repeat(auto-fill, minmax(343px, 1fr));
    column-gap: 40px;
    margin-block-start: 64px;
  }
}

.p-pageRecruitAbout__card {
  display: grid;
  row-gap: 14px;
  padding-block: 30px 40px;
  padding-inline: 40px;
  border-radius: 8px;
  background: var(--color-bg-grayBlue);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitAbout__card {
    padding-inline: 20px;
  }
}

.p-pageRecruitAbout__card-title {
  color: var(--color-main);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitAbout__card-title {
    font-size: 1.25rem;
  }
}

.p-pageRecruitAbout__card-list {
  display: grid;
  row-gap: 8px;
}

.p-pageRecruitDetails {
  padding-block: 120px 128px;
  border-radius: 20px;
  background: linear-gradient(270deg, rgba(0, 35, 70, 0.75) 0%, rgba(0, 46, 93, 0.75) 100%), url("../images/details-bg.webp") var(--bg-cover);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails {
    padding-block: 100px 100px;
  }
}

.p-pageRecruitDetails__inner {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruitDetails__inner {
    padding-inline: 16px;
  }
}

.p-pageRecruitDetails__header {
  padding-block-end: 50px;
  border-block-end: 1px solid var(--color-border-lightGray40);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__header {
    padding-block-end: 36px;
  }
}

.p-pageRecruitDetails__subTitle {
  margin-block-start: 20px;
  color: var(--color-white);
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__subTitle {
    font-size: 1.25rem;
  }
}

.p-pageRecruitDetails__subTitle-text {
  color: var(--color-white);
}

.p-pageRecruitDetails__card {
  margin-block-start: 80px;
  border-radius: 8px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__card {
    margin-block-start: 64px;
  }
}

.p-pageRecruitDetails__cardHeader {
  padding-block: 28px;
  padding-inline: 52px;
  background: var(--color-bg-black);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__cardHeader {
    padding-inline: 12px;
  }
}

.p-pageRecruitDetails__cardTitle {
  color: var(--color-white);
  font-size: 1.25rem;
  font-weight: var(--fw-bold);
  line-height: 1;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__cardTitle {
    text-align: center;
  }
}

.p-pageRecruitDetails__cardBody {
  padding-block: 60px 56px;
  padding-inline: 60px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__cardBody {
    padding-inline: 16px;
  }
}

.p-pageRecruitDetails__table {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
}

.p-pageRecruitDetails__tableRow {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  column-gap: clamp(3.75rem, -1.2648423006rem + 8.905380334vw, 6.75rem);
  align-items: flex-start;
  padding-block: 20px;
  padding-inline: 20px;
  border-block-end: 1px solid var(--color-border-gray);
  color: var(--color-text-main);
  font-size: 0.9375rem;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
.p-pageRecruitDetails__tableRow:first-child {
  border-block-start: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__tableRow {
    grid-template-columns: auto;
    row-gap: 10px;
    padding-block: 19px;
    padding-inline: 12px;
  }
}

.p-pageRecruitDetails__tableLabel {
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
}

.p-pageRecruitDetails__tableValue-text {
  font-size: 0.9375rem;
}

.p-pageRecruitDetails__mapLinkWrapper {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin-block-start: 12px;
}
.p-pageRecruitDetails__mapLinkWrapper img {
  display: block;
  width: 23px;
  height: 33px;
  object-fit: contain;
}

.p-pageRecruitDetails__mapLink {
  color: var(--color-text-main);
  font-size: 1.125rem;
  font-weight: var(--fw-bold);
  text-decoration: underline;
}

.p-pageRecruitDetails__block {
  margin-block-start: 50px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__block {
    margin-block-start: 54px;
  }
}

.p-pageRecruitDetails__block + .p-pageRecruitDetails__block {
  margin-block-start: 48px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__block + .p-pageRecruitDetails__block {
    margin-block-start: 44px;
  }
}

.p-pageRecruitDetails__blockHeader {
  display: flex;
  gap: 15px;
  align-items: center;
}

.p-pageRecruitDetails__blockBar {
  flex-shrink: 0;
  width: 2px;
  height: 32px;
  background: var(--color-main);
}

.p-pageRecruitDetails__blockTitle {
  font-size: 1.1875rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__blockTitle {
    font-size: 1.25rem;
  }
}

.p-pageRecruitDetails__blockDesc {
  margin-block-start: 10px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__blockDesc {
    margin-block-start: 8px;
  }
}

.p-pageRecruitDetails__listBox {
  margin-block-start: 20px;
  padding-block: 20px;
  padding-inline: 38px;
  border-radius: 8px;
  background: var(--color-bg-grayBlue);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__listBox {
    padding-inline: 10px;
  }
}

.p-pageRecruitDetails__list {
  display: grid;
  row-gap: 12px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitDetails__list {
    row-gap: 8px;
  }
}

.p-pageRecruitEntry__inner {
  max-width: 1440px;
  margin-inline: auto;
  padding-block-end: 20px;
  padding-inline: 30px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitEntry__inner {
    padding-inline: 10px;
  }
}

.p-pageRecruitEntry__content {
  position: relative;
  display: grid;
  overflow: hidden;
  padding-block: 40px 50px;
  padding-inline: 40px;
  border-radius: 20px;
  color: inherit;
  text-decoration: none;
}
.p-pageRecruitEntry__content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("../images/entry-bg.webp") var(--bg-cover);
  transition: transform 0.4s var(--base-ease);
}
.p-pageRecruitEntry__content::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(rgba(0, 35, 70, 0.75), rgba(0, 46, 93, 0.75));
  pointer-events: none;
}
.p-pageRecruitEntry__content > * {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitEntry__content {
    padding-block-end: 45px;
    padding-inline: 16px;
  }
  .p-pageRecruitEntry__content::before {
    background: url("../images/recruitLink-bg-sp.webp") var(--bg-cover);
  }
  .p-pageRecruitEntry__content::after {
    background: linear-gradient(rgba(0, 35, 75, 0.75), rgba(0, 35, 75, 0.75));
  }
}
@media (any-hover: hover) {
  .p-pageRecruitEntry__content:hover::before {
    transform: scale(1.035);
  }
  .p-pageRecruitEntry__content:hover .c-btnMore--white {
    border-color: var(--color-bg-white);
    background: var(--color-bg-black);
    color: var(--color-white);
  }
  .p-pageRecruitEntry__content:hover .c-btnMore--white .c-btnMore__icon img {
    filter: invert(1);
    animation: arrow-move 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}

.p-pageRecruitEntry__content-top {
  display: flex;
  column-gap: 60px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitEntry__content-top {
    flex-direction: column;
  }
}

.p-pageRecruitEntry__content-title-sub {
  margin-block-start: 7px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitEntry__content-title-sub {
    margin-block-start: -2px;
    font-size: 1rem;
  }
}

.p-pageRecruitEntry__content-text {
  margin-block-start: 40px;
  color: var(--color-white);
  font-size: 1.0625rem;
}
@media screen and (max-width: 1100px) {
  .p-pageRecruitEntry__content-text {
    margin-block-start: 32px;
    font-size: 1rem;
  }
}

.p-pageRecruitEntry__content-bottom {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-block-start: 142px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitEntry__content-bottom {
    margin-block-start: 64px;
  }
}

.p-pageRecruitEntry__content-link {
  margin-block-start: 66px;
}
.p-pageRecruitEntry__content-link .c-btnMore {
  width: 262px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitEntry__content-link {
    margin-block-start: 0;
  }
}

@media screen and (max-width: 1100px) {
  .p-pageRecruitEntry__content-info {
    margin-block-start: 24px;
  }
}

.p-pageRecruitEntry__content-info-title {
  color: var(--color-white);
}
@media screen and (max-width: 1100px) {
  .p-pageRecruitEntry__content-info-title {
    font-size: 0.9375rem;
  }
}

.p-pageRecruitEntry__content-info-link {
  display: flex;
  column-gap: 9px;
  align-items: center;
  color: var(--color-white);
  font-family: var(--number-font-family);
  font-size: clamp(1.625rem, 2.6388888889vw, 2.375rem);
  font-weight: var(--fw-bold);
  letter-spacing: 0.0152105263em;
}
.p-pageRecruitEntry__content-info-link::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='35'%20height='35'%20viewBox='0%200%2035%2035'%20fill='none'%3e%3cpath%20d='M6.963%2014.9839C9.73281%2020.4274%2014.1953%2024.8706%2019.6387%2027.6596L23.8704%2023.428C24.3897%2022.9086%2025.1591%2022.7355%2025.8323%2022.9663C27.9866%2023.678%2030.314%2024.0627%2032.6992%2024.0627C33.7571%2024.0627%2034.6226%2024.9283%2034.6226%2025.9862V32.6992C34.6226%2033.7571%2033.7571%2034.6226%2032.6992%2034.6226C14.6377%2034.6226%200%2019.985%200%201.92348C0%200.865566%200.865566%200%201.92348%200H8.65566C9.71357%200%2010.5791%200.865566%2010.5791%201.92348C10.5791%204.32783%2010.9638%206.63601%2011.6755%208.7903C11.8871%209.46352%2011.7332%2010.2137%2011.1947%2010.7523L6.963%2014.9839Z'%20fill='white'%20/%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 34.623px;
  height: auto;
  aspect-ratio: 1;
  background: var(--color-bg-white);
}
@media screen and (max-width: 1100px) {
  .p-pageRecruitEntry__content-info-link {
    font-size: 2.28125rem;
    letter-spacing: 0.017260274em;
  }
  .p-pageRecruitEntry__content-info-link::before {
    width: 29.4px;
  }
}

.p-pageRecruitEntry__content-info-detail {
  margin-block-start: -5px;
  color: var(--color-white);
  font-size: 0.9375rem;
}
.p-pageRecruitEntry__content-info-detail .ls1 {
  letter-spacing: 0.0666666667em;
}
@media screen and (max-width: 1100px) {
  .p-pageRecruitEntry__content-info-detail {
    font-size: 0.875rem;
  }
  .p-pageRecruitEntry__content-info-detail .ls1 {
    letter-spacing: 0;
  }
}

.p-pageRecruitFlow {
  padding-block: 120px 160px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitFlow {
    padding-block: 80px 100px;
  }
}

.p-pageRecruitFlow__inner {
  max-width: calc(1200px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitFlow__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruitFlow__inner {
    padding-inline: 16px;
  }
}

.p-pageRecruitFlow__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto auto auto 1fr;
  column-gap: clamp(1.875rem, 0.8302411874rem + 1.8552875696vw, 2.5rem);
  max-width: 1180px;
  margin-block-start: 40px;
  margin-inline: auto;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitFlow__list {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 38px;
    margin-block-start: 64px;
    margin-inline-start: 8px;
  }
}

.p-pageRecruitFlow__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-column: span 1;
  grid-row: span 4;
  justify-items: center;
}
.p-pageRecruitFlow__item:not(:last-child) {
  position: relative;
}
.p-pageRecruitFlow__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: clamp(3.9375rem, 2.3703617811rem + 2.7829313544vw, 4.875rem);
  right: -70px;
  width: 100px;
  height: 1px;
  background: var(--color-main);
}
.p-pageRecruitFlow__item:nth-child(4) .p-pageRecruitFlow__iconImg {
  width: clamp(3.375rem, 1.2854823748rem + 3.7105751391vw, 4.625rem);
  height: clamp(3.375rem, 1.2854823748rem + 3.7105751391vw, 4.625rem);
  margin-block-start: -18px;
}
.p-pageRecruitFlow__item:nth-child(5) .p-pageRecruitFlow__iconImg {
  width: clamp(4.3474375rem, 2.2579198748rem + 3.7105751391vw, 5.5974375rem);
  height: clamp(4.3474375rem, 2.2579198748rem + 3.7105751391vw, 5.5974375rem);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitFlow__item {
    grid-template: "icon label" "icon title" "icon text"/max-content 1fr;
    grid-column: auto;
    grid-row: auto;
    column-gap: clamp(1.25rem, -0.5357142857rem + 7.619047619vw, 3.75rem);
    align-items: center;
  }
  .p-pageRecruitFlow__item:not(:last-child)::after {
    top: 90px;
    right: auto;
    left: 52px;
    width: 1px;
    height: 150px;
  }
  .p-pageRecruitFlow__item:nth-child(4) .p-pageRecruitFlow__iconImg {
    width: 53.571px;
    height: 53.571px;
    margin-block-start: 0;
  }
  .p-pageRecruitFlow__item:nth-child(5) .p-pageRecruitFlow__iconImg {
    width: 53.571px;
    height: 53.571px;
  }
}
@media screen and (max-width: 500px) {
  .p-pageRecruitFlow__item:not(:last-child)::after {
    top: 110px;
  }
}

.p-pageRecruitFlow__icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: clamp(7.5rem, 4.5746753247rem + 5.1948051948vw, 9.25rem);
  height: clamp(7.5rem, 4.5746753247rem + 5.1948051948vw, 9.25rem);
  border: 1.8px solid var(--color-main);
  border-radius: 100vmax;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitFlow__icon {
    grid-area: icon;
    width: 103px;
    height: 103px;
  }
}

.p-pageRecruitFlow__iconImg {
  width: clamp(3.6049375rem, 1.5154198748rem + 3.7105751391vw, 4.8549375rem);
  height: clamp(3.6049375rem, 1.5154198748rem + 3.7105751391vw, 4.8549375rem);
  aspect-ratio: 1;
  object-fit: contain;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitFlow__iconImg {
    width: 53.571px;
    height: 53.571px;
  }
}

.p-pageRecruitFlow__label {
  margin-block-start: 32px;
  color: var(--color-main);
  font-family: var(--roboto);
  font-size: clamp(0.875rem, 0.6660482375rem + 0.3710575139vw, 1rem);
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitFlow__label {
    grid-area: label;
    margin-block-start: 0;
    margin-inline: 0 auto;
    font-size: 1rem;
  }
}

.p-pageRecruitFlow__itemTitle {
  font-size: clamp(1.25rem, 0.832096475rem + 0.7421150278vw, 1.5rem);
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitFlow__itemTitle {
    grid-area: title;
    margin-inline: 0 auto;
    font-size: 1.25rem;
  }
}

.p-pageRecruitFlow__desc {
  margin-block-start: 8px;
  font-size: clamp(0.875rem, 0.7705241187rem + 0.185528757vw, 0.9375rem);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitFlow__desc {
    grid-area: text;
    margin-inline: 0 auto;
    padding-inline-end: 10px;
    font-size: 0.9375rem;
  }
}

.p-pageRecruitHeading {
  margin-block-start: 48px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitHeading {
    margin-block-start: 30px;
  }
}

.p-pageRecruitHeading__inner {
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitHeading__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruitHeading__inner {
    padding-inline: 16px;
  }
}

.p-pageRecruitHeading__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitHeading__items {
    grid-template-columns: repeat(auto-fill, minmax(343px, 1fr));
    gap: 14px 20px;
  }
}

.p-pageRecruitVoice {
  position: relative;
  z-index: 1;
  padding-block: 140px 40px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitVoice {
    padding-block: 60px 40px;
  }
}

.p-pageRecruitVoice__inner {
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitVoice__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageRecruitVoice__inner {
    padding-inline: 16px;
  }
}

.p-pageRecruitVoice__content {
  display: grid;
  grid-template-columns: 199px minmax(0, 1fr);
  column-gap: clamp(3.75rem, -5.7573051948rem + 16.8831168831vw, 9.4375rem);
  align-items: start;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitVoice__content {
    grid-template-columns: 1fr;
    row-gap: 64px;
  }
}

.p-pageRecruitVoice__title {
  margin-block-start: 40px;
}

.p-pageRecruitVoice__cards {
  display: grid;
  row-gap: 48px;
}

.p-pageRecruitVoice__card {
  padding-block: 52px 40px;
  padding-inline: 52px;
  border-radius: 8px;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.08);
  background: var(--color-bg-white);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitVoice__card {
    padding-block: 50px 40px;
    padding-inline: 16px;
  }
}

.p-pageRecruitVoice__cardHeader {
  display: flex;
  column-gap: 14px;
  align-items: center;
}

.p-pageRecruitVoice__cardLabel {
  color: var(--color-main);
  font-size: 1.125rem;
  font-weight: var(--fw-bold);
}

.p-pageRecruitVoice__cardBadge {
  padding-block: 3px;
  padding-inline: 11px;
  border-radius: 61px;
  background: var(--color-bg-grayBlue);
  color: var(--color-main);
  font-size: 0.875rem;
  font-weight: var(--fw-bold);
}

.p-pageRecruitVoice__cardTitle {
  margin-block-start: 12px;
  font-size: 2rem;
  font-weight: var(--fw-bold);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitVoice__cardTitle {
    font-size: 1.625rem;
  }
}

.p-pageRecruitVoice__cardBody {
  display: grid;
  row-gap: 25px;
  margin-block-start: 20px;
}

.p-pageRecruitVoice__cardBlock {
  padding: 20px;
  background: var(--color-bg-gray);
}
@media screen and (max-width: 900px) {
  .p-pageRecruitVoice__cardBlock {
    padding-inline: 16px;
  }
}

.p-pageRecruitVoice__cardBlockTitle {
  color: var(--color-main);
  font-size: 1.0625rem;
  font-weight: var(--fw-bold);
}

.p-pageRecruitVoice__cardBlockText {
  margin-block-start: 6px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 900px) {
  .p-pageRecruitVoice__cardBlockText {
    margin-block-start: 8px;
  }
}

.p-pageRecruitVoice__parallax {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  width: 100%;
  block-size: 1000px;
}
@media screen and (max-width: 1200px) {
  .p-pageRecruitVoice__parallax {
    block-size: 1100px;
  }
}
@media (width <= 500px) {
  .p-pageRecruitVoice__parallax {
    block-size: 1389px;
  }
}

.p-pageRecruitVoice__parallax img {
  display: block;
  block-size: 110%;
  aspect-ratio: 1440/1000;
  object-fit: cover;
}
@media screen and (max-width: 1200px) {
  .p-pageRecruitVoice__parallax img {
    object-position: 20% 50%;
  }
}
@media (width <= 500px) {
  .p-pageRecruitVoice__parallax img {
    object-position: 10% -300px;
  }
}
@media (width <= 400px) {
  .p-pageRecruitVoice__parallax img {
    object-position: 10% -200px;
  }
}

.p-pageRecruitVoice__parallax-text {
  position: absolute;
  top: 393px;
  left: -356px;
  color: var(--color-white);
  font-family: var(--title-font-family);
  font-size: 8.75rem;
  font-weight: var(--fw-semi-bold);
  letter-spacing: -0.0008785714em;
  rotate: 90deg;
}
@media screen and (width >= 1440px) {
  .p-pageRecruitVoice__parallax-text {
    left: calc(50% - 1080px);
  }
}
@media screen and (max-width: 1200px) {
  .p-pageRecruitVoice__parallax-text {
    top: 430px;
  }
}
@media screen and (max-width: 900px) {
  .p-pageRecruitVoice__parallax-text {
    display: none;
  }
}

.p-pageSpecialHose-overview {
  display: grid;
  grid-template-columns: 1fr clamp(28.125rem, 22.9012059369rem + 9.2764378479vw, 31.25rem);
  column-gap: clamp(2.5rem, -1.6790352505rem + 7.4211502783vw, 5rem);
  align-items: center;
  margin-block-start: 100px;
}
@media screen and (max-width: 1023px) {
  .p-pageSpecialHose-overview {
    grid-template-columns: 1fr;
    row-gap: 65px;
    margin-block-start: 80px;
  }
}

.p-pageSpecialHoseBoxes {
  padding-block-end: 160px;
  background: var(--color-white);
}
@media screen and (max-width: 900px) {
  .p-pageSpecialHoseBoxes {
    padding-block-end: 100px;
  }
}

.p-pageSpecialHoseBoxes__inner {
  max-width: calc(1120px + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: var(--padding-inner);
}
@media screen and (max-width: 900px) {
  .p-pageSpecialHoseBoxes__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageSpecialHoseBoxes__inner {
    padding-inline: 16px;
  }
}

.p-pageSpecialHoseBoxes__box + .p-pageSpecialHoseBoxes__box {
  margin-block-start: 120px;
}
@media screen and (max-width: 900px) {
  .p-pageSpecialHoseBoxes__box + .p-pageSpecialHoseBoxes__box {
    margin-block-start: 100px;
  }
}

.p-pageSpecialHoseBoxes__box-accordionBoxes {
  display: grid;
  row-gap: 24px;
}

.p-pageSpecialHoseBoxes__box-accordions {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 20px 32px;
  align-items: start;
  margin-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-pageSpecialHoseBoxes__box-accordions {
    grid-template-columns: 1fr;
    margin-block-start: 32px;
  }
}

.p-pageSpecialHoseBoxes__box-accordion-item {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
  min-block-size: 123px;
  margin-block-start: 16px;
  padding-block: 13px;
  padding-inline: 20px;
  border-radius: 4px;
  color: inherit;
  text-decoration: none;
}
.p-pageSpecialHoseBoxes__box-accordion-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  transition: scale 0.4s ease;
}
.p-pageSpecialHoseBoxes__box-accordion-item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(26, 26, 26, 0.35);
  transition: background 0.4s ease;
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--duct::before {
  background: url("../images/products-1.webp") center 40%/cover no-repeat;
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--system1::before {
  background: url("../images/system1-accordion.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--bcp::before {
  background: url("../images/bcp.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--system2::before {
  background: url("../images/system2-accordion.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--chemicoil::before {
  background: url("../images/products-3.webp") center 60%/cover no-repeat;
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--wellmaster::before {
  background: url("../images/products-4.webp") center 55%/cover no-repeat;
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--armour::before {
  background: url("../images/products-5.webp") center 66%/cover no-repeat;
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--offshore::before {
  background: url("../images/products-2.webp") center 35%/cover no-repeat;
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--system3::before {
  background: url("../images/system3-accordion.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--system4::before {
  background: url("../images/system4-accordion.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--system5::before {
  background: url("../images/system5-accordion.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--system6::before {
  background: url("../images/system6-accordion.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__box-accordion-item.p-pageSpecialHoseBoxes__box-accordion-item--system7::before {
  background: url("../images/system7-accordion.webp") var(--bg-cover);
}
@media screen and (max-width: 500px) {
  .p-pageSpecialHoseBoxes__box-accordion-item {
    padding-inline: 16px;
  }
}

.p-pageSpecialHoseBoxes__box-accordion-item-head {
  display: flex;
  column-gap: 20px;
  justify-content: space-between;
  align-items: end;
}

.p-pageSpecialHoseBoxes__box-accordion-item-title {
  color: var(--color-white);
  font-size: 0.9375rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
}

.p-pageSpecialHoseBoxes__box-accordion-item-icon {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  translate: 0 -5px;
}

.p-pageSpecialHoseBoxes__box-accordion-item-icon img {
  display: block;
  width: 17.346px;
  height: 16.004px;
  object-fit: cover;
}

@media (any-hover: hover) {
  .p-pageSpecialHoseBoxes__box-accordion-item:hover {
    cursor: pointer;
  }
  .p-pageSpecialHoseBoxes__box-accordion-item:hover::before {
    scale: 1.08;
  }
  .p-pageSpecialHoseBoxes__box-accordion-item:hover::after {
    background: rgba(26, 26, 26, 0.75);
  }
  .p-pageSpecialHoseBoxes__box-accordion-item:hover .p-pageSpecialHoseBoxes__box-accordion-item-icon img {
    animation: arrow-move var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}
.p-pageSpecialHoseBoxes__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 48px 32px;
  margin-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-pageSpecialHoseBoxes__cards {
    margin-block-start: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-pageSpecialHoseBoxes__cards {
    gap: 16px;
  }
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--system .p-pageSpecialHoseBoxes__card:nth-child(4)::before {
  background: url("../images/system-1.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--system .p-pageSpecialHoseBoxes__card:nth-child(5)::before {
  background: url("../images/system-2.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--system .p-pageSpecialHoseBoxes__card:nth-child(1)::before {
  background: url("../images/system-3.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--system .p-pageSpecialHoseBoxes__card:nth-child(6)::before {
  background: url("../images/system-4.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--system .p-pageSpecialHoseBoxes__card:nth-child(2)::before {
  background: url("../images/system-5.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--system .p-pageSpecialHoseBoxes__card:nth-child(8)::before {
  background: url("../images/system-6.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--system .p-pageSpecialHoseBoxes__card:nth-child(3)::before {
  background: url("../images/usage-1.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--system .p-pageSpecialHoseBoxes__card:nth-child(7)::before {
  background: url("../images/usage-3.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--product .p-pageSpecialHoseBoxes__card:nth-child(1)::before {
  background: url("../images/products-1.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--product .p-pageSpecialHoseBoxes__card:nth-child(2)::before {
  background: url("../images/products-2.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--product .p-pageSpecialHoseBoxes__card:nth-child(3)::before {
  background: url("../images/products-3.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--product .p-pageSpecialHoseBoxes__card:nth-child(4)::before {
  background: url("../images/products-4.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--product .p-pageSpecialHoseBoxes__card:nth-child(5)::before {
  background: url("../images/products-5.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--product .p-pageSpecialHoseBoxes__card:nth-child(6)::before {
  background: url("../images/products-6.webp") var(--bg-cover);
}
.p-pageSpecialHoseBoxes__cards.p-pageSpecialHoseBoxes__cards--product .p-pageSpecialHoseBoxes__card:nth-child(7)::before {
  background: url("../images/products-7.webp") var(--bg-cover);
}

.p-pageSpecialHoseBoxes__card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  overflow: hidden;
  min-block-size: 352px;
  padding-block: 16px;
  padding-inline: 20px;
  border-radius: 6px;
  color: inherit;
  text-decoration: none;
}
.p-pageSpecialHoseBoxes__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  transition: scale 0.4s ease;
}
.p-pageSpecialHoseBoxes__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(26, 26, 26, 0.35);
  transition: background 0.4s ease;
}
@media screen and (max-width: 900px) {
  .p-pageSpecialHoseBoxes__card {
    min-block-size: 343px;
    border-radius: 4px;
  }
}

.p-pageSpecialHoseBoxes__card-head {
  display: flex;
  column-gap: 20px;
  justify-content: space-between;
  align-items: end;
}

.p-pageSpecialHoseBoxes__card-title {
  color: var(--color-white);
  font-size: 1.125rem;
  font-weight: var(--fw-bold);
  line-height: 1.6;
}

.p-pageSpecialHoseBoxes__card-icon {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  translate: 0 -5px;
}

.p-pageSpecialHoseBoxes__card-icon img {
  display: block;
  inline-size: 18.726px;
  block-size: 17.85px;
  object-fit: cover;
}

@media (any-hover: hover) {
  .p-pageSpecialHoseBoxes__card:hover::before {
    scale: 1.06;
  }
  .p-pageSpecialHoseBoxes__card:hover::after {
    background: rgba(26, 26, 26, 0.75);
  }
  .p-pageSpecialHoseBoxes__card:hover .p-pageSpecialHoseBoxes__card-icon img {
    animation: arrow-move var(--duration) cubic-bezier(0.4, 0.4, 0, 0.93);
  }
}
.p-projectIntroduction {
  padding-block: 120px 70px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 767px) {
  .p-projectIntroduction {
    padding-block: 80px 50px;
  }
}

.p-projectIntroduction__title {
  font-size: 32px;
  font-weight: 700;
  line-height: 180%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-projectIntroduction__title {
    font-size: 26px;
  }
}

.p-projectIntroduction__numbers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, -2.1428571429rem + 6.5476190476vw, 3.75rem);
  max-inline-size: 1160px;
  margin-block-start: 48px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-projectIntroduction__numbers {
    grid-template-columns: repeat(2, 1fr);
    padding-inline: clamp(1.09375rem, -36.1789772727rem + 77.6515151515vw, 7.5rem);
  }
  .p-projectIntroduction__numbers .p-projectIntroduction__number:nth-child(1) {
    grid-column: 1/-1;
  }
}
@media (width <= 550px) {
  .p-projectIntroduction__numbers {
    grid-template-columns: repeat(1, 3fr);
    padding-inline: 27.5px;
  }
}

.p-projectIntroduction-number__title {
  display: flex;
  justify-content: center;
  align-items: center;
  inline-size: 100%;
  padding-block: 8px 8px;
  border-radius: 80px;
  background: linear-gradient(90deg, #124d8a 0%, #0b4178 100%);
}
@media screen and (max-width: 767px) {
  .p-projectIntroduction-number__title {
    padding-block: 4px 4px;
  }
}

.p-projectIntroduction-number__title--text {
  color: var(--color-white);
  font-size: 17px;
  font-weight: 700;
  line-height: 180%;
}

.p-projectIntroduction-number__text {
  text-align: center;
}

.p-projectIntroduction-number__text--common {
  font-family: var(--noto-sans);
  font-size: 42px;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 1023px) {
  .p-projectIntroduction-number__text--common {
    font-size: 40px;
  }
}
@media screen and (max-width: 767px) {
  .p-projectIntroduction-number__text--common {
    font-size: 37px;
  }
}

.p-projectIntroduction-number__text--blue {
  color: var(--color-main);
  font-family: var(--noto-sans);
  font-size: 100px;
  font-weight: 700;
  line-height: 150%;
}
@media screen and (max-width: 1023px) {
  .p-projectIntroduction-number__text--blue {
    font-size: 96px;
  }
}
@media screen and (max-width: 767px) {
  .p-projectIntroduction-number__text--blue {
    font-size: 88px;
  }
}

.p-projectIntroduction__graph {
  max-inline-size: 1095px;
  margin-block-start: 32px;
  margin-inline: auto;
  padding-inline: 7.5px;
}
@media screen and (max-width: 767px) {
  .p-projectIntroduction__graph {
    margin-block-start: 48px;
    padding-inline: clamp(0.46875rem, -2.4310427296rem + 12.3724489796vw, 3.5rem);
  }
}

.p-projectIntroduction-graph__inner {
  padding-block: 19px 31px;
  padding-inline: clamp(1rem, -1.3571428571rem + 4.9107142857vw, 3.0625rem);
  border-radius: 8px;
  background: var(--color-bg-gray);
}
@media screen and (max-width: 767px) {
  .p-projectIntroduction-graph__inner {
    padding-block: 23.6px 11px;
    padding-inline: 8.5px 9.3px;
  }
}

.p-projectIntroduction-graph__title {
  color: var(--color-bg-blue);
  font-size: 24px;
  font-weight: 700;
  line-height: 180%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .p-projectIntroduction-graph__img {
    display: block;
    max-inline-size: 450px;
    margin-inline: auto;
  }
}

.p-projectIntroduction__content {
  margin-block-start: 48px;
  padding-inline: 16px;
  text-align: center;
}
@media (width <= 680px) {
  .p-projectIntroduction__content {
    text-align: left;
  }
}

.p-projectIntroduction__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}

.p-projectIntroduction__text span {
  color: var(--color-bg-blue);
  font-size: 16px;
  font-weight: 700;
  line-height: 180%;
}

.p-projectIntroduction__text br {
  display: block;
}
@media (width <= 680px) {
  .p-projectIntroduction__text br {
    display: none;
  }
}
@media (width <= 400px) {
  .p-projectIntroduction__text br {
    display: block;
  }
}

.p-projectIntroduction__text + .p-projectIntroduction__text {
  margin-block-start: 16px;
}

.p-projectClients {
  padding-block: 70px 70px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 767px) {
  .p-projectClients {
    padding-block: 50px 50px;
  }
}

.p-projectClients__inner {
  max-inline-size: calc(var(--inner-pageAbout) + 80px);
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-projectClients__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-projectClients__inner {
    padding-inline: 16px;
  }
}

.p-projectClients__head {
  padding-block-end: 40px;
  border-bottom: 1px solid var(--color-text-thinBlack);
}
@media screen and (max-width: 767px) {
  .p-projectClients__head {
    padding-block-end: 32px;
  }
}

.p-projectClients__content {
  margin-block-start: 48px;
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-projectClients__content {
    margin-block-start: 32px;
  }
}

.p-projectClients__body {
  display: grid;
  grid-template-columns: repeat(2, 4fr);
  gap: clamp(2.125rem, 0.2678571429rem + 3.869047619vw, 3.75rem) clamp(2rem, -2.8571428571rem + 10.119047619vw, 6.25rem);
  margin-block-start: 72px;
}
@media screen and (max-width: 767px) {
  .p-projectClients__body {
    grid-template-columns: repeat(1, 7fr);
    gap: 48px;
    margin-block-start: 64px;
  }
}

@media screen and (max-width: 767px) {
  .p-projectClients__item {
    inline-size: 100%;
    max-inline-size: 600px;
    margin-inline: auto;
  }
}

.p-projectClients-item__title {
  padding-block: 16px 16px;
  padding-inline: clamp(0.5rem, -0.9285714286rem + 2.9761904762vw, 1.75rem);
  border-radius: 4px;
  background: var(--color-bg-grayBlue);
}
@media screen and (max-width: 900px) {
  .p-projectClients-item__title {
    padding-inline: 0;
    text-align: center;
  }
}

.p-projectClients-item__title--text {
  font-size: clamp(1.25rem, 0.9642857143rem + 0.5952380952vw, 1.5rem);
  font-weight: 700;
  line-height: 100%;
}

.p-projectClients-item__texts {
  margin-block-start: 26px;
  padding-inline: 20px 20px;
}
@media screen and (max-width: 767px) {
  .p-projectClients-item__texts {
    margin-block-start: 24px;
    padding-inline: 22px 22px;
  }
}

.p-projectClients-item__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .p-projectClients-item__list {
    gap: 6px;
  }
}

.p-projectClients-item__content--text {
  font-size: 17px;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .p-projectClients-item__content--text {
    font-size: 16px;
  }
}

.p-projectClients-item__other {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-block-start: 24px;
}
@media screen and (max-width: 767px) {
  .p-projectClients-item__other {
    gap: 0;
    margin-block-start: 22px;
  }
}

.p-projectClients-itemOther__text {
  font-size: 17px;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .p-projectClients-itemOther__text {
    font-size: 16px;
  }
}

.p-projectClients-itemOther__add {
  font-size: 12px;
  font-weight: 500;
  line-height: 180%;
}

.p-projectPublications {
  padding-block: 70px 70px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 767px) {
  .p-projectPublications {
    padding-block: 50px 50px;
  }
}

.p-projectPublications__inner {
  max-inline-size: calc(var(--inner-pageAbout) + 80px);
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-projectPublications__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-projectPublications__inner {
    padding-inline: 16px;
  }
}

.p-projectPublications__content {
  margin-block-start: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-projectPublications__content {
    margin-block-start: 32px;
  }
}

.p-projectPublications__body {
  margin-block-start: 72px;
}
@media screen and (max-width: 767px) {
  .p-projectPublications__body {
    margin-block-start: 64px;
  }
}

.p-projectPublications__body .c-newsList {
  padding-inline-end: clamp(1rem, -2.1428571429rem + 6.5476190476vw, 3.75rem);
}
@media screen and (max-width: 500px) {
  .p-projectPublications__body .c-newsList {
    padding-inline-end: 0;
  }
}

.p-projectPublications__btn {
  overflow: hidden;
  margin-block-start: 72px;
}
@media screen and (max-width: 767px) {
  .p-projectPublications__btn {
    margin-block-start: 64px;
  }
}

.p-projectPublications__btn .c-btnMore {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-projectPublications__btn .c-btnMore {
    margin-inline: unset;
  }
}

.p-projectLectures {
  padding-block: 70px 160px;
  background: var(--color-bg-white);
}
@media screen and (max-width: 767px) {
  .p-projectLectures {
    padding-block: 100px 100px;
  }
}

.p-projectLectures__inner {
  max-inline-size: calc(var(--inner-pageAbout) + 80px);
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-projectLectures__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-projectLectures__inner {
    padding-inline: 16px;
  }
}

.p-projectLectures__content {
  margin-block-start: 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-projectLectures__content {
    margin-block-start: 32px;
  }
}

.p-projectLectures__body {
  margin-block-start: 72px;
}
@media screen and (max-width: 767px) {
  .p-projectLectures__body {
    margin-block-start: 64px;
  }
}

.p-projectLectures__body .c-newsList {
  padding-inline-end: clamp(1rem, -2.1428571429rem + 6.5476190476vw, 3.75rem);
}
@media screen and (max-width: 500px) {
  .p-projectLectures__body .c-newsList {
    padding-inline-end: 0;
  }
}

.p-projectLectures__btn {
  overflow: hidden;
  margin-block-start: 72px;
}
@media screen and (max-width: 767px) {
  .p-projectLectures__btn {
    margin-block-start: 64px;
  }
}

.p-projectLectures__btn .c-btnMore {
  margin-inline: auto;
}
@media screen and (max-width: 500px) {
  .p-projectLectures__btn .c-btnMore {
    margin-inline: unset;
  }
}

.p-search-results {
  padding-block: 60px 80px;
}

.p-search-results__title {
  margin-block-end: 32px;
  font-size: 1.5rem;
  font-weight: var(--fw-bold);
}

.p-search-results__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-search-results__item {
  border-block-end: 1px solid var(--color-border-gray);
}
.p-search-results__item:first-child {
  border-block-start: 1px solid var(--color-border-gray);
}

.p-search-results__link {
  display: block;
  padding-block: 20px;
  color: inherit;
  text-decoration: none;
}
@media (any-hover: hover) {
  .p-search-results__link:hover .p-search-results__heading {
    text-decoration: underline;
  }
}

.p-search-results__post-type {
  display: inline-block;
  margin-block-end: 4px;
  color: var(--color-text-thinBlack);
  font-size: 0.75rem;
}

.p-search-results__heading {
  margin: 0;
  font-size: 1.125rem;
  font-weight: var(--fw-bold);
}

.p-search-results__excerpt {
  margin-block: 8px 0;
  color: var(--color-text-lightBlack);
  font-size: 0.875rem;
}

.p-search-results__empty {
  padding-block: 40px;
  color: var(--color-text-lightBlack);
  font-size: 1rem;
}

.p-search-results .c-pagination {
  margin-block-start: 40px;
}

.p-singleArticle .p-singleArticle__thumbnail {
  overflow: hidden;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.p-singleArticle:has(.p-singleArticle__thumbnail) .p-singleArticle__body {
  padding-block-start: 60px;
}
.p-singleArticle .p-singleArticle__body {
  padding-block: 0 100px;
}
.p-singleArticle .p-singleArticle__body *:first-child {
  margin-block-start: 0;
}
.p-singleArticle .p-singleArticle__body figure {
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-block-start: 29px;
}
.p-singleArticle .p-singleArticle__body p {
  margin-block-start: 28px;
  color: var(--Black, #1a1a1a);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
.p-singleArticle .p-singleArticle__body a {
  color: var(--color-main);
  text-decoration: underline;
  transition: opacity var(--duration);
}
@media (any-hover: hover) {
  .p-singleArticle .p-singleArticle__body a:hover {
    opacity: var(--hover-opacity-base);
  }
}
.p-singleArticle .p-singleArticle__body h2,
.p-singleArticle .p-singleArticle__body h3,
.p-singleArticle .p-singleArticle__body h4,
.p-singleArticle .p-singleArticle__body h5,
.p-singleArticle .p-singleArticle__body h6 {
  color: var(--Black, #1a1a1a);
  font-family: var(--base-font-family);
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
.p-singleArticle .p-singleArticle__body h2 {
  margin-block-start: 40px;
  font-size: 1.5rem;
}
.p-singleArticle .p-singleArticle__body h3 {
  margin-block-start: 32px;
  font-size: 1.25rem;
}
.p-singleArticle .p-singleArticle__body h4 {
  margin-block-start: 32px;
  font-size: 1.125rem;
}
.p-singleArticle .p-singleArticle__body h5 {
  margin-block-start: 30px;
  font-size: 1rem;
}
.p-singleArticle .p-singleArticle__body h6 {
  margin-block-start: 28px;
  font-size: 0.875rem;
}
.p-singleArticle .p-singleArticle__body ul,
.p-singleArticle .p-singleArticle__body ol {
  margin-block-start: 28px;
  padding-inline-start: 20px;
}
.p-singleArticle .p-singleArticle__body ul li,
.p-singleArticle .p-singleArticle__body ol li {
  margin-block-start: 12px;
  color: var(--Black, #1a1a1a);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
.p-singleArticle .p-singleArticle__body ul li::marker,
.p-singleArticle .p-singleArticle__body ol li::marker {
  color: var(--Black, #1a1a1a);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
.p-singleArticle .p-singleArticle__body ul {
  list-style: disc;
}
.p-singleArticle .p-singleArticle__body ol {
  list-style: decimal;
}
@media screen and (max-width: 900px) {
  .p-singleArticle:has(.p-singleArticle__thumbnail) .p-singleArticle__body {
    padding-block-start: 40px;
  }
  .p-singleArticle .p-singleArticle__body {
    padding-block: 0 60px;
  }
}

.p-singleContent {
  padding-block-start: 100px;
}
@media screen and (max-width: 900px) {
  .p-singleContent {
    padding-block-start: 80px;
  }
}

.p-singleContent__inner {
  max-width: calc(var(--inner-single) + var(--padding-inner) * 2);
}
@media screen and (max-width: 900px) {
  .p-singleContent__inner {
    max-width: 600px;
    padding-inline: 16px;
  }
}

.p-singleFooterLink {
  padding-block: 0 20px;
}
@media screen and (max-width: 900px) {
  .p-singleFooterLink {
    padding-block-start: 100px;
  }
}

.p-singleFooterLink__inner {
  max-inline-size: 1800px;
  margin-inline: auto;
  padding-inline: 30px;
}
@media screen and (max-width: 900px) {
  .p-singleFooterLink__inner {
    padding-inline: 10px;
  }
}

.p-singleFv {
  position: relative;
  height: 400px;
  margin-top: var(--header-height);
  padding-block: 59px 28px;
}
@media screen and (max-width: 900px) {
  .p-singleFv {
    padding-block-start: 64px;
  }
}
.p-singleFv::before {
  content: "";
  position: fixed;
  top: var(--header-height);
  right: 0;
  left: 0;
  z-index: -1;
  height: 400px;
  background: url("../images/fv-bg46.webp") center center/cover no-repeat;
}
@media screen and (max-width: 900px) {
  .p-singleFv {
    height: 597px;
  }
  .p-singleFv::before {
    height: 597px;
    background: url("../images/fv-bg_sp2.webp") center center/cover no-repeat;
  }
}
@media screen and (max-width: 500px) {
  .p-singleFv.p-singleFv--about::before {
    background: url("../images/fv-bg_sp.webp") center center/cover no-repeat;
    background-position: top center;
  }
  .p-singleFv.p-singleFv--process::before {
    background: url("../images/fv-bg-sp40.webp") center center/cover no-repeat;
    background-position: top center;
  }
}

.p-singleFv__inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 900px) {
  .p-singleFv__inner {
    padding-inline: 18px;
  }
}

.p-singleFv__meta {
  display: flex;
  gap: 18px;
  align-items: center;
}

.p-singleFv__category {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 27px;
  padding-inline: 12px;
  border-radius: 13.5px;
  background: var(--color-white);
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1;
}

.p-singleFv__date {
  display: flex;
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1;
}

.p-singleFvTitle__title {
  max-width: 880px;
  margin-top: 24px;
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 2rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-singleFvTitle__title {
    margin-top: 19px;
    font-size: 1.625rem;
    line-height: 1.5;
  }
}

.p-singleFvTitle__title--small {
  display: inline-block;
  font-size: 1.5rem;
}
@media screen and (max-width: 900px) {
  .p-singleFvTitle__title--small {
    font-size: 1.25rem;
  }
}

.p-singleFv__breadcrumbWrapper {
  margin-top: auto;
}

.p-singleRelated {
  padding-block: 100px 140px;
}
@media screen and (max-width: 900px) {
  .p-singleRelated {
    padding-block: 44px 0;
  }
}

.p-singleRelated__inner {
  max-width: calc(var(--inner-single) + var(--padding-inner) * 2);
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-singleRelated__inner {
    max-width: 600px;
    padding-inline: 16px;
  }
}

.p-singleRelated__title {
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-singleRelated__title {
    font-size: 1.25rem;
  }
}

.p-singleRelated__list {
  position: relative;
  margin-block-start: 42px;
}
.p-singleRelated__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 11.1111111111%;
  height: 1.3px;
  background: var(--color-main);
}
@media screen and (max-width: 900px) {
  .p-singleRelated__list {
    margin-block-start: 32px;
  }
  .p-singleRelated__list::before {
    width: 17.4927113703%;
  }
}

.p-singleRelated__item:first-of-type {
  border-block-start: 1px solid var(--color-border-gray);
}
@media (any-hover: hover) {
  .p-singleRelated__item:hover .p-singleRelated__link::after {
    width: 100%;
  }
  .p-singleRelated__item:hover .p-singleRelated__img img {
    scale: 1.08;
  }
  .p-singleRelated__item:hover .p-singleRelated__title-main {
    color: var(--color-main);
  }
}

.p-singleRelated__link {
  position: relative;
  display: flex;
  gap: 2.25rem;
  align-items: center;
  padding-block: 2rem 2.5rem;
  padding-inline: 0 3.75rem;
}
.p-singleRelated__link:last-child {
  border-block-end: 1px solid var(--color-border-gray);
}
.p-singleRelated__link::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 11.1111111111%;
  height: 1.3px;
  background: var(--color-main);
  transition: width 0.5s ease;
}
@media screen and (max-width: 900px) {
  .p-singleRelated__link {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-block-start: 1.75rem;
    padding-inline-end: 2.1875rem;
  }
  .p-singleRelated__link::after {
    width: 17.4927113703%;
  }
}

@media screen and (max-width: 900px) {
  .p-singleRelated__header {
    display: flex;
    gap: 16px;
    align-items: flex-end;
    width: 100%;
  }
}

.p-singleRelated__img {
  flex: 0 0 auto;
  overflow: clip;
  width: 201px;
  aspect-ratio: 201/140;
  border-radius: 4px;
}
.p-singleRelated__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.5s ease;
}
@media screen and (max-width: 900px) {
  .p-singleRelated__img {
    width: 210px;
    aspect-ratio: 210/137;
  }
}

.p-singleRelated__body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .p-singleRelated__body {
    grid-area: title;
  }
}

.p-singleRelated__meta {
  display: flex;
  gap: 29px;
  align-items: center;
}
.p-singleRelated__meta.p-singleRelated__meta--sp {
  display: none;
}
@media screen and (max-width: 900px) {
  .p-singleRelated__meta.p-singleRelated__meta--sp {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}
.p-singleRelated__meta.p-singleRelated__meta--pc {
  display: flex;
}
@media screen and (max-width: 900px) {
  .p-singleRelated__meta.p-singleRelated__meta--pc {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .p-singleRelated__meta {
    gap: 6px;
    margin-block-end: 8px;
  }
}

.p-singleRelated__date {
  color: var(--color-border-lightBlack);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: normal;
}

.p-singleRelated__category {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 27px;
  min-width: 72px;
  padding: 0 8px;
  border: 1px solid var(--color-border-black);
  border-radius: 13.5px;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1;
}
@media screen and (max-width: 900px) {
  .p-singleRelated__category {
    min-width: 86px;
  }
}

.p-singleRelated__body-title {
  margin-block-start: 20px;
  color: var(--color-text-main);
  font-family: var(--base-font-family);
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: 1.8;
}
@media screen and (max-width: 900px) {
  .p-singleRelated__body-title {
    margin-block-start: 0;
  }
}

.p-singleRelated__arrow {
  position: absolute;
  top: 50%;
  right: -40px;
  display: block;
  overflow: hidden;
  width: 22px;
  height: 20px;
  transform: translateY(-50%);
  --p-singleRelated-arrow-color: var(--color-bg-black);
}
.p-singleRelated__arrow::before {
  content: "";
  display: block;
  mask-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='15'%20height='16'%20viewBox='0%200%2015%2016'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_5003_5571)'%3e%3cpath%20d='M5.95074%2014.8454L12.7173%208L5.95074%201.15464L7.09209%203.10004e-07L15%208L7.09209%2016L5.95074%2014.8454Z'%20fill='%231A1A1A'%20/%3e%3cpath%20d='M13.8594%207.17578L13.8594%208.82527L0.000153215%208.82527L0.000153287%207.17578L13.8594%207.17578Z'%20fill='%231A1A1A'%20/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5003_5571'%3e%3crect%20width='16'%20height='15'%20fill='white'%20transform='translate(15)%20rotate(90)'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  width: 100%;
  height: 100%;
  background: var(--p-singleRelated-arrow-color);
}
@media screen and (max-width: 900px) {
  .p-singleRelated__arrow {
    right: -35px;
    width: 21px;
    height: 19px;
  }
}

@media (any-hover: hover) {
  .p-singleRelated__item:hover .p-singleRelated__arrow::before {
    animation: arrow-move 0.5s cubic-bezier(0.75, 0, 0.1, 1.5);
  }
}
.p-singleReturnTop__inner {
  display: flex;
  justify-content: center;
  max-width: calc(var(--inner-single) + var(--padding-inner) * 2);
}
@media screen and (max-width: 900px) {
  .p-singleReturnTop__inner {
    max-width: 600px;
    padding-inline: 16px;
  }
}

.p-topArchive__joiff {
  padding-block-start: 0px;
  padding-block-end: 80px;
  padding-inline: var(--padding-inner);
  max-width: calc(1200px + var(--padding-inner) * 2);
  margin-inline: auto;
}
@media screen and (max-width: 900px) {
  .p-topArchive__joiff {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-topArchive__joiff {
    padding-inline: 16px;
    padding-block-end: 40px;
  }
}

.p-topArchive__joiffAnchor {
  position: relative;
  display: block;
  overflow: hidden;
  height: 340px;
  margin-inline: auto;
  padding-block: 24px;
  padding-inline: 38px;
  border-radius: 8px;
}
.p-topArchive__joiffAnchor::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url("../images/joiff-bg.webp") center center/cover no-repeat;
  box-shadow: inset 0 0 0 9999px rgba(26, 26, 26, 0);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.p-topArchive__joiffAnchor::after {
  content: "";
  position: absolute;
  right: 2%;
  bottom: -1%;
  z-index: 1;
  width: 223px;
  height: 149px;
  background: url("../images/joiff-icon.webp") center center/contain no-repeat;
}
.p-topArchive__joiffAnchor > * {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 900px) {
  .p-topArchive__joiffAnchor {
    height: 380px;
    padding-block: 48px;
    padding-inline: 16px;
  }
  .p-topArchive__joiffAnchor::before {
    background: url("../images/joiff-bg_sp.webp") center center/cover no-repeat;
  }
  .p-topArchive__joiffAnchor::after {
    right: 0%;
    bottom: 1%;
    width: 180px;
    height: 120px;
  }
}
@media (any-hover: hover) {
  .p-topArchive__joiffAnchor:hover::before {
    transform: scale(1.075);
    box-shadow: inset 0 0 0 9999px rgba(26, 26, 26, 0.5);
  }
}

.p-topArchive__joiffTitle {
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 2rem;
  font-style: normal;
  font-weight: var(--fw-bold);
  line-height: var(--base-line-height);
}
@media screen and (max-width: 900px) {
  .p-topArchive__joiffTitle {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

.p-topArchive__joiffText {
  margin-block-start: 12px;
  color: var(--color-white);
  font-family: var(--base-font-family);
  font-size: 1rem;
  font-style: normal;
  font-weight: var(--fw-medium);
  line-height: var(--base-line-height);
}
@media screen and (max-width: 900px) {
  .p-topArchive__joiffText {
    font-size: 0.875rem;
  }
}

.p-topBusiness {
  padding-block: 120px 140px;
}
@media screen and (max-width: 767px) {
  .p-topBusiness {
    padding-block: 100px 100px;
  }
}

.p-topBusiness__inner {
  max-inline-size: 1280px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-topBusiness__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-topBusiness__inner {
    padding-inline: 16px;
  }
}

.p-topBusiness__heads {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: space-between;
  padding-block-end: 48px;
  border-bottom: 1px solid rgba(26, 26, 26, 0.4);
}
@media screen and (max-width: 767px) {
  .p-topBusiness__heads {
    padding-block-end: 0;
    border-bottom: none;
  }
}

.p-topBusiness-head__text {
  max-inline-size: 643px;
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-topBusiness-head__text {
    display: none;
  }
}

.p-topBusiness__body {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px 25.5px;
  margin-block-start: 60px;
}
@media screen and (max-width: 1100px) {
  .p-topBusiness__body {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 900px) {
  .p-topBusiness__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 767px) {
  .p-topBusiness__body {
    gap: 18px 12px;
  }
}
@media screen and (max-width: 500px) {
  .p-topBusiness__body {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-block-start: 32px;
  }
}

.p-topBusiness__card {
  position: relative;
  display: block flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  min-block-size: 380px;
  padding-block: 17px 20px;
  padding-inline: 14px 15px;
  border-radius: 6px;
}
@media screen and (max-width: 1100px) {
  .p-topBusiness__card {
    min-block-size: 420px;
  }
}
@media screen and (max-width: 767px) {
  .p-topBusiness__card {
    min-block-size: 380px;
  }
}
.p-topBusiness__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  transition: scale 0.45s ease;
}
.p-topBusiness__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(26, 26, 26, 0.35);
  transition: background 0.45s ease;
}

.p-topBusiness__card:nth-child(1) {
  grid-column: span 2;
  padding-block: 17px 18px;
  padding-inline: clamp(0.875rem, 0.1458333333rem + 2.3333333333vw, 1.75rem) clamp(0.9375rem, 0.2604166667rem + 2.1666666667vw, 1.75rem);
}
@media screen and (max-width: 1100px) {
  .p-topBusiness__card:nth-child(1) {
    grid-column: span 3;
  }
}
@media screen and (max-width: 900px) {
  .p-topBusiness__card:nth-child(1) {
    grid-column: span 2;
  }
}
@media screen and (max-width: 500px) {
  .p-topBusiness__card:nth-child(1) {
    grid-column: auto;
    padding-block: 17px 20px;
  }
}
.p-topBusiness__card:nth-child(1) .p-topBusiness-card__title {
  font-size: clamp(1.25rem, 0.9375rem + 1vw, 1.625rem);
  line-height: 180%;
}
@media screen and (max-width: 500px) {
  .p-topBusiness__card:nth-child(1) .p-topBusiness-card__title {
    line-height: 150%;
  }
}
.p-topBusiness__card:nth-child(1) .p-topBusiness-card__title br {
  display: none;
}
@media screen and (max-width: 500px) {
  .p-topBusiness__card:nth-child(1) .p-topBusiness-card__title br {
    display: block;
  }
}
.p-topBusiness__card:nth-child(1) .p-topBusiness-card__text {
  font-size: 15px;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-topBusiness__card:nth-child(1) .p-topBusiness-card__text {
    font-size: 14px;
  }
}
.p-topBusiness__card:nth-child(1)::before {
  background: url("../images/topBusiness-risk.webp") no-repeat center center/cover;
}

.p-topBusiness__card:nth-child(2)::before {
  background: url("../images/topBusiness-consulting.webp") no-repeat center center/cover;
}

.p-topBusiness__card:nth-child(3)::before {
  background: url("../images/topBusiness-simulation-01.webp") no-repeat center center/cover;
}

.p-topBusiness__card:nth-child(4)::before {
  background: url("../images/topBusiness-simulation-02.webp") no-repeat center center/cover;
}

.p-topBusiness__card:nth-child(5)::before {
  background: url("../images/topBusiness-simulation-03.webp") no-repeat center center/cover;
}

.p-topBusiness__card:nth-child(6)::before {
  background: url("../images/topBusiness-engineering.webp") no-repeat center center/cover;
}

.p-topBusiness__card:nth-child(7)::before {
  background: url("../images/topBusiness-suggest.webp") no-repeat center center/cover;
}

.p-topBusiness-card__head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.p-topBusiness-card__title {
  color: var(--color-white);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}

.p-topBusiness-card__text {
  color: var(--color-white);
  font-size: 14px;
  font-weight: 500;
  line-height: 180%;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
}

.p-topBusiness-card__icon {
  overflow: hidden;
}

.p-topBusiness-card__icon img {
  display: block;
  inline-size: 23.726px;
  block-size: 21.85px;
  object-fit: cover;
}

@media (any-hover: hover) {
  .p-topBusiness__card:hover::before {
    scale: 1.06;
  }
  .p-topBusiness__card:hover::after {
    background: rgba(26, 26, 26, 0.75);
  }
  .p-topBusiness__card:hover .p-topBusiness-card__icon img {
    animation: arrow-move 0.4s cubic-bezier(0.6, 0, 0.1, 1.5);
  }
}
.p-topCopy {
  padding-block: 140px 60px;
}
@media screen and (max-width: 767px) {
  .p-topCopy {
    padding-block: 100px 0;
  }
}

.p-topCopy__inner {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 40px;
  justify-content: space-between;
  align-items: flex-end;
  max-inline-size: 1250px;
  margin-inline: auto;
  padding-block: 0 140px;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-topCopy__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-topCopy__inner {
    flex-direction: column;
    gap: 64px;
    align-items: flex-start;
    padding-block: 0 80px;
    padding-inline: 16px;
  }
}

.p-topCopy__content {
  max-inline-size: 732px;
}

.p-topCopy__title {
  overflow: hidden;
  color: var(--color-text-main);
  font-size: 36px;
  font-weight: 700;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .p-topCopy__title {
    font-size: 28px;
  }
}

.p-topCopy__title-first {
  background: linear-gradient(88deg, var(--color-text-main) 12.84%, #172e47 29.36%, #0e4883 45.24%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-topCopy__title-second {
  background: linear-gradient(88deg, var(--color-text-main) 28.17%, #0e4883 100.35%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-topCopy__title-first,
.p-topCopy__title-second {
  display: block;
}

.p-topCopy-texts__inner {
  overflow: hidden;
  margin-block-start: 40px;
}
@media screen and (max-width: 767px) {
  .p-topCopy-texts__inner {
    margin-block-start: 32px;
  }
}

.p-topCopy__text {
  overflow: hidden;
  color: var(--Black, #1a1a1a);
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}

.p-topCopy__text + .p-topCopy__text {
  margin-block-start: 32px;
}
@media screen and (max-width: 767px) {
  .p-topCopy__text + .p-topCopy__text {
    margin-block-start: 16px;
  }
}

.p-topCopy__infinityScroll {
  position: relative;
  z-index: -1;
  margin-block-start: -315px;
  padding-block-end: 135px;
}
@media screen and (max-width: 767px) {
  .p-topCopy__infinityScroll {
    margin-block-start: -210px;
    padding-block-end: 130px;
  }
}

.p-topCopy__img {
  overflow: hidden;
  max-block-size: 430px;
  padding-inline-end: clamp(2.5rem, -11.2142857143rem + 28.5714285714vw, 14.5rem);
  transform: translate3d(0, 0, 0);
}
@media (width >= 1900px) {
  .p-topCopy__img {
    max-block-size: 500px;
  }
}
@media (width >= 1441px) {
  .p-topCopy__img {
    max-block-size: 480px;
  }
}
@media screen and (max-width: 767px) {
  .p-topCopy__img {
    max-block-size: 321px;
    padding-inline-end: 0;
  }
}

.p-topCopy__img img {
  display: block;
  aspect-ratio: 1208/867;
  object-fit: cover;
  object-position: 50% -230px;
}
@media (width >= 1441px) {
  .p-topCopy__img img {
    block-size: 110%;
    object-position: 50% -300px;
  }
}
@media (width >= 1900px) {
  .p-topCopy__img img {
    object-position: 50% -400px;
  }
}
@media (width >= 2200px) {
  .p-topCopy__img img {
    object-position: 50% -500px;
  }
}
@media (width >= 2700px) {
  .p-topCopy__img img {
    object-position: 50% -700px;
  }
}
@media (width >= 3500px) {
  .p-topCopy__img img {
    object-position: 50% -1200px;
  }
}
@media (width <= 1120px) {
  .p-topCopy__img img {
    object-position: 50% -180px;
  }
}
@media (width <= 830px) {
  .p-topCopy__img img {
    object-position: 50% -80px;
  }
}
@media screen and (max-width: 767px) {
  .p-topCopy__img img {
    aspect-ratio: 375/321;
    object-position: 50% -130px;
    scale: 1.2 !important;
  }
}
@media (width <= 600px) {
  .p-topCopy__img img {
    object-position: 50% -100px;
  }
}
@media (width <= 540px) {
  .p-topCopy__img img {
    object-position: 50% -40px;
    scale: 1.3 !important;
  }
}

.p-topCta {
  padding-block: 0 20px;
  background: var(--color-bg-white);
}

.p-topCta__inner {
  max-inline-size: 1800px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-topCta__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-topCta__inner {
    padding-inline: 16px;
  }
}

.p-topDecoration {
  position: relative;
  overflow: hidden;
  min-block-size: 700px;
  --translate-y: -20%;
}
@media screen and (max-width: 767px) {
  .p-topDecoration {
    min-block-size: 600px;
  }
}

.p-topDecoration::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%), url("../images/topDecoration-bg.webp") lightgray 50%/cover no-repeat;
  background-position: 50% calc(50% + var(--translate-y));
}
@media screen and (max-width: 1200px) {
  .p-topDecoration::before {
    background-size: auto 150%;
  }
}

.p-topDecoration__inner {
  overflow: clip;
}

.p-topDecoration__text {
  overflow: clip;
  padding-block-start: 112px;
  color: var(--color-white);
  font-size: 36px;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 3px;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .p-topDecoration__text {
    padding-block-start: 80px;
    padding-inline: 18px;
    font-size: 28px;
  }
}
@media screen and (max-width: 500px) {
  .p-topDecoration__text {
    line-height: 150%;
  }
}

.p-topDecoration__text span {
  display: inline-block;
}

.p-topDecorationInfinityScroll {
  overflow: hidden;
  inline-size: 100%;
  margin-block-start: 60px;
}
@media screen and (max-width: 767px) {
  .p-topDecorationInfinityScroll {
    margin-block-start: 99px;
  }
}

.p-topDecorationInfinityScroll__content {
  display: flex;
  align-items: flex-end;
  inline-size: max-content;
  white-space: nowrap;
  backface-visibility: hidden;
  will-change: transform;
  animation: infinity-scroll-top-decoration 50s linear infinite;
}
@media screen and (max-width: 767px) {
  .p-topDecorationInfinityScroll__content {
    animation: infinity-scroll-top-decoration 30s linear infinite;
  }
}

.p-topDecorationInfinityScroll__item {
  display: flex;
  align-items: flex-end;
}

.p-topDecorationInfinityScroll__video {
  overflow: hidden;
  max-inline-size: 357px;
  padding-inline-end: 50px;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .p-topDecorationInfinityScroll__video {
    max-inline-size: 185px;
    padding-inline-end: 25px;
  }
}

.p-topDecorationInfinityScroll__video video {
  display: block;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 16/9;
  border-radius: 6px;
  object-fit: cover;
}

.p-topDecorationInfinityScroll__text {
  margin-block: 0;
  padding-inline-end: 50px;
  color: var(--color-bg-gray);
  font-family: var(--title-font-family);
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.178px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .p-topDecorationInfinityScroll__text {
    padding-inline-end: 24px;
    font-size: 90px;
  }
}

@keyframes infinity-scroll-top-decoration {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.p-topFv__stickyWrap {
  position: sticky;
  top: 0;
  z-index: 0;
  height: 100svh;
}

.p-topFv__spacer {
  height: 100svh;
  pointer-events: none;
}

.p-topContent {
  position: relative;
  z-index: 10;
  background: var(--color-white);
}

.p-topFv {
  padding-block-start: 0;
}

.p-topFv__inner {
  position: relative;
  overflow: hidden;
  opacity: 0;
}
.fv-revisit .p-topFv__inner {
  opacity: 1;
}

.p-topFv__copy {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 150px;
  z-index: 2;
  inline-size: 100%;
  max-inline-size: 1330px;
  padding-inline: 25px;
  translate: -50% 0;
  will-change: transform, opacity;
}
@media screen and (max-width: 767px) {
  .p-topFv__copy {
    inset-block: 120px auto;
    inset-inline-start: 16px;
    padding-inline: 0;
    translate: 0 0;
  }
}

.p-topFv__copy--pc {
  display: block;
}
@media (width <= 640px) {
  .p-topFv__copy--pc {
    display: none;
  }
}

.p-topFv__copy--sp {
  display: none;
}
@media (width <= 640px) {
  .p-topFv__copy--sp {
    display: block;
  }
}

.p-topFv-copy__text {
  overflow: hidden;
  color: var(--color-white);
  font-size: clamp(4.75rem, 3.8928571429rem + 1.7857142857vw, 5.5rem);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 3px;
}
@media screen and (max-width: 767px) {
  .p-topFv-copy__text {
    font-size: clamp(3.125rem, 1.5704719388rem + 6.6326530612vw, 4.75rem);
  }
}

.p-topFv-copy__text span {
  display: inline-block;
}

.p-topFv__mask {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: #000;
  pointer-events: none;
}

.p-topFv .p-topFv__inner .p-topFv__slider {
  position: relative;
  overflow: hidden;
  block-size: 100svh;
}
.p-topFv .p-topFv__inner .p-topFv__slides {
  position: relative;
  block-size: 100svh;
}
.p-topFv .p-topFv__inner .p-topFv__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 2s ease;
  z-index: 0;
}
.p-topFv .p-topFv__inner .p-topFv__slide.is-active {
  opacity: 1;
}
.p-topFv .p-topFv__inner .p-topFv__slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.2);
}
.p-topFv .p-topFv__inner .p-topFv__slide .p-topFv-video {
  block-size: 100svh;
}
.p-topFv .p-topFv__inner .p-topFv__slide video,
.p-topFv .p-topFv__inner .p-topFv__slide img {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  backface-visibility: hidden;
}
.p-topFv .p-topFv__inner .p-mvSlider__operation,
.p-topFv .p-topFv__inner .p-mvSlider__progress {
  will-change: transform, opacity;
}
.p-topFv .p-topFv__inner .p-mvSlider__operation {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 50px;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  inline-size: 100%;
  max-inline-size: 1330px;
  padding-inline: 25px;
  translate: -50% 0;
}
@media screen and (max-width: 500px) {
  .p-topFv .p-topFv__inner .p-mvSlider__operation {
    inset-block-end: 35px;
  }
}
.p-topFv .p-topFv__inner .p-mvSlider__progress {
  position: absolute;
  inset-inline-start: 50%;
  inset-block-end: 90px;
  z-index: 1;
  overflow: hidden;
  inline-size: 100%;
  block-size: 1px;
  max-inline-size: 1330px;
  padding-inline: 25px;
  background-clip: content-box;
  background-color: rgba(255, 255, 255, 0.25);
  translate: -50% 0;
}
@media screen and (max-width: 500px) {
  .p-topFv .p-topFv__inner .p-mvSlider__progress {
    inset-block-end: 75px;
  }
}
.p-topFv .p-topFv__inner .p-mvSlider__progressBar {
  inline-size: 0%;
  block-size: 100%;
  background-color: var(--color-white);
  transform-origin: left center;
}
@keyframes mv-progress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.p-topFv .p-topFv__inner .p-mvSlider__progressBar.is-animating {
  inline-size: 100%;
  animation: mv-progress var(--mv-progress-duration, 7s) linear forwards;
}
.p-topFv .p-topFv__inner .p-mvSlider__progressBar.is-animating.is-paused {
  animation-play-state: paused;
}
.p-topFv .p-topFv__inner .p-mvSlider-operation__left {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.p-topFv .p-topFv__inner .p-mvSlider__btn {
  display: flex;
  flex-direction: row;
  gap: 10px;
  padding-inline-start: 20px;
  border-inline-start: 1px solid var(--color-white);
}
.p-topFv .p-topFv__inner .p-mvSlider__prev,
.p-topFv .p-topFv__inner .p-mvSlider__next {
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  transition: filter 0.4s cubic-bezier(0.4, 0.4, 0, 0.93);
}
.p-topFv .p-topFv__inner .p-mvSlider__prev {
  inset-inline-start: 20px;
}
.p-topFv .p-topFv__inner .p-mvSlider__next {
  inset-inline-end: 20px;
}
.p-topFv .p-topFv__inner .p-mvSlider__counter {
  display: flex;
  flex-direction: row;
  gap: 8px;
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
}
.p-topFv .p-topFv__inner .p-mvSlider__counter .js-current {
  transition: opacity 0.2s ease;
}
.p-topFv .p-topFv__inner .p-mvSlider__toggle {
  position: relative;
  padding-inline-end: 44px;
  color: var(--color-white);
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  transition: opacity 0.2s ease, filter 0.4s ease;
}
.p-topFv .p-topFv__inner .p-mvSlider__toggle::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: 0;
  inline-size: 30px;
  block-size: 30px;
  background: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4244_58058)'%3e%3cpath%20d='M15%2030C6.72952%2030%200%2023.2705%200%2015C0%206.72952%206.72952%200%2015%200C23.2705%200%2030%206.72952%2030%2015C30%2023.2705%2023.2705%2030%2015%2030ZM15%200.92511C7.23965%200.92511%200.92511%207.23965%200.92511%2015C0.92511%2022.7604%207.23965%2029.0749%2015%2029.0749C22.7604%2029.0749%2029.0749%2022.7604%2029.0749%2015C29.0749%207.23965%2022.7604%200.92511%2015%200.92511Z'%20fill='white'/%3e%3cpath%20d='M13.2083%2010.1426H11.0938V19.8562H13.2083V10.1426Z'%20fill='white'/%3e%3cpath%20d='M18.9036%2010.1426H16.7891V19.8562H18.9036V10.1426Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4244_58058'%3e%3crect%20width='30'%20height='30'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center center/cover;
  translate: 0 -50%;
  transition: border-color 0.2s ease;
}
.p-topFv .p-topFv__inner .p-mvSlider__toggle.is-paused::after {
  background: url("data:image/svg+xml,%3csvg%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_4817_65620)'%3e%3cpath%20d='M15%2030C6.72952%2030%200%2023.2705%200%2015C0%206.72952%206.72952%200%2015%200C23.2705%200%2030%206.72952%2030%2015C30%2023.2705%2023.2705%2030%2015%2030ZM15%200.92511C7.23965%200.92511%200.92511%207.23965%200.92511%2015C0.92511%2022.7604%207.23965%2029.0749%2015%2029.0749C22.7604%2029.0749%2029.0749%2022.7604%2029.0749%2015C29.0749%207.23965%2022.7604%200.92511%2015%200.92511Z'%20fill='white'/%3e%3cpath%20d='M11%2020.5L22%2015L11%209.5V20.5Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_4817_65620'%3e%3crect%20width='30'%20height='30'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center center/cover;
}

@media (any-hover: hover) {
  .p-mvSlider__toggle:hover {
    filter: drop-shadow(5px 5px 8px #000);
  }
}
@media (any-hover: hover) {
  .p-mvSlider__prev:hover,
  .p-mvSlider__next:hover {
    filter: drop-shadow(1px 1px 2px rgba(255, 255, 255, 0.4));
  }
}
.p-topNews {
  padding-block: 140px 140px;
}
@media screen and (max-width: 767px) {
  .p-topNews {
    padding-block: 100px 100px;
  }
}

.p-topNews__inner {
  display: flex;
  flex-direction: row;
  gap: 40px;
  justify-content: space-between;
  max-inline-size: 1440px;
  margin-inline: auto;
  padding-inline: clamp(2rem, -4.2857142857rem + 13.0952380952vw, 7.5rem) clamp(2rem, 1.9285714286rem + 0.1488095238vw, 2.0625rem);
}
@media screen and (max-width: 900px) {
  .p-topNews__inner {
    flex-direction: column;
    gap: 0;
    justify-content: normal;
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-topNews__inner {
    padding-inline: 16px;
  }
}

@media screen and (max-width: 900px) {
  .p-topNews__head {
    display: contents;
  }
}

@media screen and (max-width: 900px) {
  .p-topNews__sectionTitle {
    order: 1;
  }
}

.p-topNews-head__categories {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-topNews-head__categories {
    order: 2;
    flex-flow: row wrap;
    gap: 20px 20px;
    margin-block-start: 32px;
  }
}

.p-topNews-head__categoryItem {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  margin: -6px -4px;
  padding: 6px 4px;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
@media (any-hover: hover) {
  .p-topNews-head__categoryItem:hover .p-topNews-head__categoryName {
    color: rgb(26, 26, 26);
  }
}

.p-topNews-head__categoryInput {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  appearance: none;
}

.p-topNews-head__categoryCheck {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(26, 26, 26, 0.4);
  border-radius: 50%;
  background-color: var(--color-bg-white);
  transition: border-color 0.2s, background-color 0.2s;
}
.p-topNews-head__categoryInput:checked + .p-topNews-head__categoryCheck {
  border-color: rgba(26, 26, 26, 0.4);
  box-shadow: inset 0 0 0 3px var(--color-bg-white);
  background-color: var(--color-bg-blue);
}

.p-topNews-head__categoryName {
  margin-block-start: -1px;
  color: rgba(26, 26, 26, 0.4);
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  transition: color 0.4s;
}
.p-topNews-head__categoryItem:has(.p-topNews-head__categoryInput:checked) .p-topNews-head__categoryName {
  color: #1a1a1a;
}

.p-topNews-head__btn {
  overflow: clip;
  margin-block-start: 68px;
}
@media screen and (max-width: 900px) {
  .p-topNews-head__btn {
    order: 4;
    margin-block-start: 66px;
  }
}

.p-topNews-head__btn .c-btnMore {
  inline-size: 200px;
}
@media screen and (max-width: 767px) {
  .p-topNews-head__btn .c-btnMore {
    inline-size: 240px;
  }
}

.p-topNews__body {
  inline-size: 100%;
  max-inline-size: 928px;
}
@media screen and (max-width: 900px) {
  .p-topNews__body {
    order: 3;
    margin-block-start: 64px;
  }
}

.p-topProject {
  overflow: clip;
  padding-block: 140px 120px;
  border-radius: 10px;
  background: var(--color-bg-black);
}
@media screen and (max-width: 767px) {
  .p-topProject {
    padding-block: 100px 100px;
  }
}

.p-topProject__inner {
  max-inline-size: 1280px;
  margin-inline: auto;
  padding-inline: 40px;
}
@media screen and (max-width: 900px) {
  .p-topProject__inner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  .p-topProject__inner {
    padding-inline: 16px;
  }
}

.p-topProject__head {
  padding-block-end: 48px;
  border-bottom: 1px solid var(--color-border-lightGray);
}
@media screen and (max-width: 900px) {
  .p-topProject__head {
    padding-block-end: 32px;
  }
}

.p-topProject__action {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  align-items: flex-end;
  margin-block-start: 60px;
}
@media screen and (max-width: 900px) {
  .p-topProject__action {
    flex-direction: column;
    gap: 64px;
    align-items: flex-start;
    margin-block-start: 32px;
  }
}

.p-topProject-action__text {
  color: var(--color-white);
  font-size: 16px;
  font-weight: 500;
  line-height: 180%;
}

.p-topProject-action__btn {
  overflow: clip;
}

.p-topProject__list {
  margin-block-start: 76px;
  padding-block: 40px 40px;
  padding-inline: clamp(1rem, -0.7142857143rem + 3.5714285714vw, 2.5rem);
  border-radius: 6px;
  background: rgba(74, 74, 74, 0.4);
}
@media screen and (max-width: 1200px) {
  .p-topProject__list {
    padding-inline: 64px;
  }
}
@media screen and (max-width: 767px) {
  .p-topProject__list {
    margin-block-start: 64px;
    padding-inline: 16px 16px;
  }
}
@media (width <= 600px) {
  .p-topProject__list {
    padding-block: 20px 20px;
    padding-inline: 40px 40px;
  }
}
@media screen and (max-width: 500px) {
  .p-topProject__list {
    padding-inline: 16px 16px;
  }
}

.p-topProjectList-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 24px;
}
@media screen and (max-width: 1200px) {
  .p-topProjectList-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 80px;
  }
}
@media screen and (max-width: 767px) {
  .p-topProjectList-container {
    gap: 48px 40px;
  }
}
@media (width <= 600px) {
  .p-topProjectList-container {
    grid-template-columns: repeat(1, 4fr);
  }
}

.p-topProject__item {
  color: var(--color-white);
}

.p-topProject-item__title {
  padding-block-end: 18px;
  border-bottom: 1px solid var(--color-border-lightGray);
  font-size: 17px;
  font-weight: 700;
  line-height: 180%;
}

.p-topProject-item__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-block-start: 20px;
}

.p-topProject-item__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 180%;
}

.p-topProjectList__add {
  color: var(--color-white);
  font-size: 12px;
  font-weight: 500;
  line-height: 180%;
  margin-block-start: 12px;
}
@media (width <= 600px) {
  .p-topProjectList__add {
    margin-block-start: 40px;
  }
}

.p-topProject__swiper {
  margin-block-start: 76px;
}
@media screen and (max-width: 767px) {
  .p-topProject__swiper {
    margin-block-start: 69px;
  }
}
.p-topProject__swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.p-topProject__swiper .p-topProject__img {
  overflow: hidden;
  border-radius: 8px;
}
.p-topProject__swiper .p-topProject__img img {
  width: 100%;
  height: auto;
}

.js-scrollFadeIn,
.js-businessTimeline-titleEN,
.js-businessActionTimeline-titleEN,
.js-titleTimeline-titleEN,
.js-titleProcessTimeline-titleEN {
  display: block;
}

.js-titleProcessTimeline-titleEN {
  opacity: 0;
}

.c-btnBlank.js-scrollFadeIn {
  display: inline-flex;
}

.c-btnMore.js-scrollFadeIn {
  display: flex;
}

.js-recruitTimeline-1,
.js-recruitTimeline-2,
.js-recruitTimeline-3,
.js-recruitTimeline-4 {
  opacity: 0;
}

.js-titleProcessTimeline-item,
.js-titleProcessTimeline-text {
  opacity: 0;
}

.js .js-scrollFadeIn,
.js .js-scrollFadeInMin,
.js .js-scrollFadeInExMin,
.js .js-scrollFadeInExMinNoDelay,
.js .js-scrollClipUp,
.js .js-scrollOpacity,
.js .js-scrollTranslate,
.js .js-clipPathToTop,
.js .js-businessTimeline-titleEN,
.js .js-businessTimeline-titleJa,
.js [class*=js-businessTimeline-card],
.js .js-businessActionTimeline-titleEN,
.js .js-businessActionTimeline-titleJa,
.js .js-businessActionTimeline-card1,
.js .js-businessActionTimeline-card2,
.js .js-cardListTimeline-title,
.js .js-cardListTimeline-item,
.js .js-titleTimeline-titleEN,
.js .js-titleTimeline-titleJa,
.js [class*=js-titleTimeline-item],
.js .js-titleProcessTimeline-titleEN,
.js .js-titleProcessTimeline-titleJa,
.js .js-titleProcessTimeline-text,
.js [class*=js-titleProcessTimeline-item] {
  visibility: hidden;
}

html.is-hash-loading {
  opacity: 0;
}

.js-scrollPadding-bg {
  overflow: clip;
}

.js-scrollPadding {
  position: relative;
}
.js-scrollPadding::before {
  content: "";
  position: absolute;
  inset: 0 0 0 50%;
  z-index: -1;
  inline-size: calc(100% + 64px);
  block-size: 100%;
  background: var(--color-bg-white);
  translate: -50% 0;
}

:root {
  --clip-triangle-top: polygon(50% 0, 100% 100%, 0 100%);
  --clip-triangle-bottom: polygon(0 0, 100% 0, 50% 100%);
  --clip-triangle-right: polygon(0 0, 100% 50%, 0 100%);
  --clip-triangle-left: polygon(0 50%, 100% 0, 100% 100%);
  --clip-triangle-lower-left: polygon(0 0, 100% 100%, 0 100%);
  --clip-triangle-upper-left: polygon(0 0, 100% 0, 0 100%);
  --clip-triangle-lower-right: polygon(100% 0, 100% 100%, 0 100%);
  --clip-triangle-upper-right: polygon(0 0, 100% 0, 100% 100%);
}

.u-colorMain {
  color: var(--color-main);
}

.u-fontSize32 {
  font-size: 2rem;
}

@media screen and (max-width: 900px) {
  .u-fontSize26-sp {
    font-size: 1.625rem;
  }
}

.u-inchFraction {
  display: inline-block;
  font-size: 0.8em;
  line-height: 1;
  vertical-align: super;
}

.u-inlineBlock {
  display: inline-block;
}

@media screen and (width >= 901px) {
  .u-inlineBlock--pc {
    display: inline-block;
  }
}

@media screen and (width <= 900px) {
  .u-inlineBlock--sp {
    display: inline-block;
  }
}

@media (width <= 900px) {
  [data-only-device=md] {
    display: none;
  }
}

@media (width >= 901px) {
  [data-only-device=sm] {
    display: none;
  }
}

@media (width >= 1024px) {
  [data-only-device="1024"] {
    display: none;
  }
}

@media (width <= 1023px) {
  [data-only-device=lg] {
    display: none;
  }
}

@media (width <= 500px) {
  [data-only-device=xs] {
    display: none;
  }
}

@media (width >= 500px) {
  [data-only-device=xsUp] {
    display: none;
  }
}

.u-sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
}