@charset "UTF-8";
*,
*:before,
*:after {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    background-attachment: initial;
    scroll-behavior: auto;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
html {
  background: inherit;
  vertical-align: baseline;
  word-break: normal;
  color: inherit;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0;
}
hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
  overflow: visible;
}
hr:not([size]) {
  height: 1px;
}
abbr[title],
abbr[data-bs-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  font: normal inherit inherit/inherit inherit;
}
nav li {
  list-style: none;
  padding: 0;
}
small {
  font-size: 0.875em;
}
mark {
  padding: 0.2em;
  background-color: currentColor;
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  cursor: pointer;
  background-color: transparent;
  text-decoration: none;
}
a:not([href]):not(class),
a:not([href]):not([class]):hover {
  cursor: default;
  color: inherit;
  text-decoration: none;
}
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  touch-action: manipulation;
}
pre,
code,
kbd,
samp {
  font:
    1.05em Fira Code,
    Cascadia Code,
    Consolas,
    Inconsolata,
    Monaco,
    Menlo,
    Noto Mono,
    Roboto Mono,
    Droid Sans Mono,
    Ubuntu Mono,
    "Ubuntu Monospace",
    Source Code Pro,
    Oxygen Mono,
    Liberation Mono,
    DejaVu Sans Mono,
    Bitstream Vera Sans Mono,
    monospace,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    Segoe UI Symbol,
    "Noto Color Emoji";
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 0.875em;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: inherit;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: inherit;
  background-color: inherit;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}
iframe,
img,
input,
select,
textarea {
  height: auto;
  max-width: 100%;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
svg:not([fill]) {
  fill: currentColor;
}
svg:not(:root) {
  overflow: hidden;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
  text-indent: 0;
  border-color: currentColor;
}
caption {
  color: inherit;
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
  text-transform: none;
}
button:focus {
  outline: dotted 1px;
  outline: -webkit-focus-ring-color auto 5px;
}
input,
button {
  overflow: visible;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input,
select,
textarea {
  background-color: transparent;
  border: 1px solid WindowFrame;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  padding: 0.25em 0.375em;
}
button,
select {
  text-transform: none;
}
[role="button"] {
  cursor: pointer;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  text-transform: none;
  word-wrap: normal;
}
select:not([multiple]):not([size]) {
  background-image: "data:image/svg+xmlcharset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E";
}
::-ms-expand {
  display: none;
}
[list]::-webkit-calendar-picker-indicator {
  display: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button:not(disabled),
[type="button"]:not(disabled),
[type="reset"]:not(disabled),
[type="submit"]:not(disabled) {
  cursor: pointer;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
textarea {
  overflow: auto;
  -ms-overflow-style: scrollbar;
  resize: vertical;
  vertical-align: top;
}
fieldset {
  min-width: 0;
  padding: 0.35em 0.75em 0.625em;
  margin: 0;
  border: 1px solid inherit;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
  max-width: 100%;
  white-space: normal;
}
@media (max-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
dialog {
  background-color: inherit;
  border: solid;
  color: inherit;
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
dialog:not([open]) {
  display: none;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
input::-webkit-input-placeholder {
  opacity: 1;
}
input::-moz-placeholder {
  opacity: 1;
}
input:-ms-input-placeholder {
  opacity: 1;
}
input::placeholder {
  opacity: 1;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
::-moz-ui-invalid {
  box-shadow: none;
}
::-moz-focusring {
  outline: 1px dotted ButtonText;
}
output {
  display: inline-block;
}
iframe {
  border: none;
}
audio,
canvas,
video {
  display: inline;
  display: inline-block;
  zoom: 1;
  max-width: 100%;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
[aria-busy="true"] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}
[aria-hidden="false"][hidden="false"] {
  display: initial;
}
[aria-hidden="false"][hidden="false"]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}
html {
  overflow: auto;
}
body {
  position: relative;
  overflow: clip;
  line-height: 1.75;
  font-weight: 400;
  color: #333;
  font-family:
    Noto Sans JP,
    Noto Sans CJK JP,
    sans-serif;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  body {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
body {
  background: #fff;
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  word-break: break-all;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  a:hover {
    opacity: 0.5;
  }
}
img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.sp {
  display: none;
}
main {
  margin-top: clamp(
    54.84375px,
    calc(54.84375px + 33.515625 * (100vw - 900px) / 550),
    88.359375px
  );
}
@media screen and (max-width: 824px) {
  main {
    margin-top: clamp(75px, calc(75px + 89.8 * (100vw - 375px) / 449), 164.8px);
  }
}
@media screen and (max-width: 824px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  body {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
  main {
    margin-top: clamp(
      88.4615384615px,
      calc(88.4615384615px + 105.9179487179 * (100vw - 375px) / 449),
      194.3794871795px
    );
  }
  a,
  a:focus,
  a:focus-visible,
  button,
  button:focus,
  button:focus-visible {
    outline: none;
    -webkit-tap-highlight-color: transparent;
  }
}
.container {
  width: 86.71875%;
  max-width: 1110px;
  margin: 0 auto;
}
@media (min-width: 1080px) {
  .container {
    width: calc(100% - 170px);
    max-width: 1110px;
  }
}
@media (min-width: 1280px) {
  .container {
    width: 86.71875%;
    max-width: none;
  }
}
@media (min-width: 1499px) {
  .container {
    width: 1300px;
    max-width: 1300px;
  }
}
@media screen and (max-width: 824px) {
  .container {
    width: 87.1794%;
    padding: 0;
  }
}
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 1030;
}
.l-header__inner {
  padding: 0
    clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    );
}
@media screen and (max-width: 824px) {
  .l-header__inner {
    padding: 0
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      );
  }
}
.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: clamp(
    54.84375px,
    calc(54.84375px + 33.515625 * (100vw - 900px) / 550),
    88.359375px
  );
}
@media screen and (max-width: 824px) {
  .l-header__inner {
    height: clamp(75px, calc(75px + 89.8 * (100vw - 375px) / 449), 164.8px);
  }
}
.l-header__logo {
  width: clamp(
    109.6875px,
    calc(109.6875px + 67.03125 * (100vw - 900px) / 550),
    176.71875px
  );
}
@media screen and (max-width: 824px) {
  .l-header__logo {
    width: clamp(150px, calc(150px + 179.6 * (100vw - 375px) / 449), 329.6px);
  }
}
.l-header__logo {
  height: clamp(
    26.71875px,
    calc(26.71875px + 16.328125 * (100vw - 900px) / 550),
    43.046875px
  );
}
@media screen and (max-width: 824px) {
  .l-header__logo {
    height: clamp(
      36.5384615385px,
      calc(36.5384615385px + 43.7487179487 * (100vw - 375px) / 449),
      80.2871794872px
    );
  }
}
.l-header__logo {
  padding-top: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .l-header__logo {
    padding-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.l-header__logo {
  padding-bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .l-header__logo {
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.l-header__logo {
  box-sizing: content-box;
  flex-shrink: 0;
  display: block;
}
.l-header__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.l-header__nav {
  position: absolute;
  top: 50%;
  left: calc(50% + 0.16px);
  transform: translate(-50%, -50%);
  padding-right: clamp(
    19.6875px,
    calc(19.6875px + 12.03125 * (100vw - 900px) / 550),
    31.71875px
  );
}
@media screen and (max-width: 824px) {
  .l-header__nav {
    padding-right: clamp(
      26.9230769231px,
      calc(26.9230769231px + 32.2358974359 * (100vw - 375px) / 449),
      59.158974359px
    );
  }
}
.l-header__nav {
  display: flex;
  align-items: center;
  justify-content: center;
}
.l-header__menu {
  display: flex;
  align-items: center;
  line-height: 1.875;
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .l-header__menu {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.l-header__menu {
  color: #333;
  white-space: nowrap;
}
.l-header__menu a,
.l-header__menu button {
  outline: none;
}
.l-header__menu a:focus,
.l-header__menu a:focus-visible,
.l-header__menu button:focus,
.l-header__menu button:focus-visible {
  outline: none;
}
.l-header__menu-item {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  border: none;
  padding: 0
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px)
    clamp(16.875px, calc(16.875px + 0.01875 * (100vw - 900px)), 27.1875px);
}
@media screen and (max-width: 824px) {
  .l-header__menu-item {
    padding: 0
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      clamp(
        23.0769230769px,
        calc(23.0769230769px + 27.6307692308 * (100vw - 375px) / 449),
        50.7076923077px
      );
  }
}
.l-header__menu-item {
  margin-top: clamp(
    16.875px,
    calc(16.875px + 0.01875 * (100vw - 900px)),
    27.1875px
  );
}
@media screen and (max-width: 824px) {
  .l-header__menu-item {
    margin-top: clamp(
      23.0769230769px,
      calc(23.0769230769px + 27.6307692308 * (100vw - 375px) / 449),
      50.7076923077px
    );
  }
}
.l-header__menu-item {
  transition: color 0.3s ease;
}
@media (hover: hover) {
  .l-header__menu-item:hover {
    color: red;
    opacity: 1;
  }
}
.l-header__menu-item:focus-visible {
  color: red;
  opacity: 1;
}
.l-header__menu-item--active {
  color: red;
}
.l-header__menu-item--active:after,
.l-header__menu-item--current:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .l-header__menu-item--active:after,
  .l-header__menu-item--current:after {
    bottom: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.l-header__menu-item--active:after,
.l-header__menu-item--current:after {
  transform: translate(-50%);
  width: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .l-header__menu-item--active:after,
  .l-header__menu-item--current:after {
    width: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.l-header__menu-item--active:after,
.l-header__menu-item--current:after {
  height: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .l-header__menu-item--active:after,
  .l-header__menu-item--current:after {
    height: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.l-header__menu-item--active:after,
.l-header__menu-item--current:after {
  border-radius: 50%;
  background: red;
}
.l-header__brand {
  height: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .l-header__brand {
    height: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.l-header__brand {
  margin-top: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .l-header__brand {
    margin-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.l-header__brand {
  margin-bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .l-header__brand {
    margin-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.l-header__brand {
  box-sizing: content-box;
  flex-shrink: 0;
  display: block;
}
.l-header__brand img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.l-header__hamburger {
  display: none;
  flex-shrink: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
}
.l-header__hamburger-open,
.l-header__hamburger-close {
  display: block;
  width: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .l-header__hamburger-open,
  .l-header__hamburger-close {
    width: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.l-header__hamburger-open,
.l-header__hamburger-close {
  height: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .l-header__hamburger-open,
  .l-header__hamburger-close {
    height: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.l-header__hamburger-close,
.l-header__hamburger.is-open .l-header__hamburger-open {
  display: none;
}
.l-header__hamburger.is-open .l-header__hamburger-close {
  display: block;
}
.l-header__menu-item {
  cursor: pointer;
}
.l-megamenu {
  position: fixed;
  top: clamp(
    54.84375px,
    calc(54.84375px + 33.515625 * (100vw - 900px) / 550),
    88.359375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu {
    top: clamp(75px, calc(75px + 89.8 * (100vw - 375px) / 449), 164.8px);
  }
}
.l-megamenu {
  left: 0;
  width: 100%;
  z-index: 1029;
  pointer-events: none;
}
.l-megamenu.is-open {
  pointer-events: auto;
}
.l-megamenu__backdrop {
  position: fixed;
  top: clamp(
    54.84375px,
    calc(54.84375px + 33.515625 * (100vw - 900px) / 550),
    88.359375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__backdrop {
    top: clamp(75px, calc(75px + 89.8 * (100vw - 375px) / 449), 164.8px);
  }
}
.l-megamenu__backdrop {
  left: 0;
  width: 100%;
  height: calc(
    100svh -
      clamp(
        54.84375px,
        calc(54.84375px + 33.515625 * (100vw - 900px) / 550),
        88.359375px
      )
  );
  --backdrop-blur: 0px;
  background: #0000;
  backdrop-filter: blur(var(--backdrop-blur));
  -webkit-backdrop-filter: blur(var(--backdrop-blur));
  pointer-events: none;
  z-index: -1;
}
.l-megamenu__panel {
  position: relative;
  width: 100%;
  background: #fff;
  filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.1));
  display: flex;
  height: clamp(
    168.046875px,
    calc(168.046875px + 102.6953125 * (100vw - 900px) / 550),
    270.7421875px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__panel {
    height: clamp(
      229.8076923077px,
      calc(229.8076923077px + 275.1564102564 * (100vw - 375px) / 449),
      504.9641025641px
    );
  }
}
.l-megamenu__panel {
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.l-megamenu.is-open .l-megamenu__panel {
  pointer-events: auto;
}
.l-megamenu__category {
  position: absolute;
  inset: 0;
  width: 100%;
  display: flex;
  opacity: 0;
  pointer-events: none;
}
.l-megamenu__category.is-active {
  position: relative;
  pointer-events: auto;
}
.l-megamenu__image {
  position: relative;
  width: clamp(
    246.09375px,
    calc(246.09375px + 150.390625 * (100vw - 900px) / 550),
    396.484375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__image {
    width: clamp(
      336.5384615385px,
      calc(336.5384615385px + 402.9487179487 * (100vw - 375px) / 449),
      739.4871794872px
    );
  }
}
.l-megamenu__image {
  height: clamp(
    188.4375px,
    calc(188.4375px + 115.15625 * (100vw - 900px) / 550),
    303.59375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__image {
    height: clamp(
      257.6923076923px,
      calc(257.6923076923px + 308.5435897436 * (100vw - 375px) / 449),
      566.2358974359px
    );
  }
}
.l-megamenu__image {
  flex-shrink: 0;
  clip-path: polygon(
    0 0,
    calc(100% - 2px) 0,
    calc(
        100% -
          clamp(
            54.140625px,
            calc(54.140625px + 33.0859375 * (100vw - 900px) / 550),
            87.2265625px
          ) -
          2px
      )
      100%,
    0 100%
  );
  -webkit-clip-path: polygon(
    0 0,
    calc(100% - 2px) 0,
    calc(
        100% -
          clamp(
            54.140625px,
            calc(54.140625px + 33.0859375 * (100vw - 900px) / 550),
            87.2265625px
          ) -
          2px
      )
      100%,
    0 100%
  );
}
.l-megamenu__image > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.l-megamenu__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: clamp(
    35.15625px,
    calc(35.15625px + 21.484375 * (100vw - 900px) / 550),
    56.640625px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__title {
    padding: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
  }
}
.l-megamenu__title {
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__title {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.l-megamenu__title {
  z-index: 2;
}
.l-megamenu__title-ja {
  margin: 0;
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__title-ja {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.l-megamenu__title-ja {
  line-height: 1.62;
  white-space: nowrap;
}
.l-megamenu__title-en {
  margin: 0;
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__title-en {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.l-megamenu__title-en {
  line-height: 1.86;
  white-space: nowrap;
}
.l-megamenu__navi {
  flex: 1 1 0;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(
      35.15625px,
      calc(35.15625px + 21.484375 * (100vw - 900px) / 550),
      56.640625px
    )
    clamp(
      35.15625px,
      calc(35.15625px + 21.484375 * (100vw - 900px) / 550),
      56.640625px
    )
    clamp(
      35.15625px,
      calc(35.15625px + 21.484375 * (100vw - 900px) / 550),
      56.640625px
    )
    clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    );
}
@media screen and (max-width: 824px) {
  .l-megamenu__navi {
    padding: clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      )
      clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      )
      clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      );
  }
}
.l-megamenu__sub-row {
  display: flex;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__sub-row {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.l-megamenu__sub-row {
  width: 100%;
  padding-bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__sub-row {
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.l-megamenu__sub-row {
  align-items: flex-start;
}
.l-megamenu__sub-row__col {
  flex: 1 1 0;
  min-width: 0;
  height: clamp(
    32.34375px,
    calc(32.34375px + 19.765625 * (100vw - 900px) / 550),
    52.109375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__sub-row__col {
    height: clamp(
      44.2307692308px,
      calc(44.2307692308px + 52.958974359 * (100vw - 375px) / 449),
      97.1897435897px
    );
  }
}
.l-megamenu__sub-row__col {
  border-bottom: 1px solid #dddddd;
  display: flex;
  padding: 0;
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__sub-row__col {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.l-megamenu__sub-row__col {
  line-height: 1.86;
  color: #333;
}
.l-megamenu__cols {
  display: flex;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__cols {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.l-megamenu__cols {
  width: 100%;
  align-items: flex-start;
}
.l-megamenu__col {
  flex: 1 1 0;
  min-width: 0;
  padding-right: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__col {
    padding-right: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.l-megamenu__col {
  display: flex;
  flex-direction: column;
  gap: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__col {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.l-megamenu__col {
  justify-content: center;
}
.l-megamenu__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__list {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.l-megamenu__list li {
  list-style: none;
}
.l-megamenu__list a {
  display: inline-flex;
  align-items: center;
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__list a {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.l-megamenu__list a {
  padding: 0;
  font-weight: 400;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .l-megamenu__list a {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.l-megamenu__list a {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}
.l-megamenu__list a,
.l-megamenu__list a:focus,
.l-megamenu__list a:focus-visible {
  outline: none;
}
@media (hover: hover) {
  .l-megamenu__list a:hover {
    opacity: 0.5;
  }
}
.l-megamenu__list a:before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__list a:before {
    width: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.l-megamenu__list a:before {
  height: clamp(5.625px, calc(5.625px + 0.00625 * (100vw - 900px)), 9.0625px);
}
@media screen and (max-width: 824px) {
  .l-megamenu__list a:before {
    height: clamp(
      7.6923076923px,
      calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
      16.9025641026px
    );
  }
}
.l-megamenu__list a:before {
  background: url(/group/btsj/assets/images/common/icon-arrow-right-red.svg)
    no-repeat center/contain;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .l-megamenu__list a:hover:before {
    transform: translate(
      clamp(
        2.8125px,
        calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
        4.53125px
      )
    );
  }
}
.l-megamenu__list a:focus-visible {
  opacity: 0.5;
}
.l-megamenu__list a:focus-visible:before {
  transform: translate(
    clamp(2.8125px, calc(2.8125px + 1.71875 * (100vw - 900px) / 550), 4.53125px)
  );
}
.l-megamenu__list .icon-ext {
  width: clamp(
    8.4375px,
    calc(8.4375px + 5.15625 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__list .icon-ext {
    width: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.l-megamenu__list .icon-ext {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__list .icon-ext {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.l-megamenu__list .icon-ext {
  margin-left: clamp(
    -3.3984375px,
    (2.109375px + 1.2890625 * (100vw - 900px) / 550) * -1,
    -2.109375px
  );
}
@media screen and (max-width: 824px) {
  .l-megamenu__list .icon-ext {
    margin-left: clamp(
      -6.3384615385px,
      (2.8846153846px + 3.4538461538 * (100vw - 375px) / 449) * -1,
      -2.8846153846px
    );
  }
}
.l-megamenu__list .icon-ext {
  flex-shrink: 0;
  display: block;
  object-fit: contain;
}
.l-header__drawer {
  display: none;
}
@media (max-width: 824px) {
  .l-header {
    border-bottom: 1px solid #eee;
  }
  .l-header__inner {
    flex-wrap: wrap;
    align-items: center;
    padding: clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      )
      clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      )
      0;
    height: auto;
    min-height: 0;
    gap: 0;
  }
  .l-header__inner:after {
    content: "";
    order: 2;
    flex: 0 0 100%;
    width: 100%;
  }
  .l-header__logo {
    order: 1;
    width: clamp(
      96.1538461538px,
      calc(96.1538461538px + 115.1282051282 * (100vw - 375px) / 449),
      211.2820512821px
    );
    height: clamp(
      23.0769230769px,
      calc(23.0769230769px + 27.6307692308 * (100vw - 375px) / 449),
      50.7076923077px
    );
    padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
  }
  .l-header__nav {
    display: none;
  }
  .l-header__brand {
    order: 3;
    flex: 0 0 auto;
    display: inline-block;
    width: auto;
    margin: clamp(
        18.2692307692px,
        calc(18.2692307692px + 21.8743589744 * (100vw - 375px) / 449),
        40.1435897436px
      )
      0;
    height: auto;
    box-sizing: border-box;
  }
  .l-header__brand img {
    display: block;
    height: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    object-fit: contain;
    object-position: left center;
  }
  .l-header__hamburger {
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
  }
  .l-megamenu {
    top: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
  .l-megamenu__backdrop {
    top: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
    height: calc(
      100svh -
        clamp(
          86.5384615385px,
          calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
          190.1538461538px
        )
    );
  }
  .l-megamenu__panel {
    flex-direction: column;
    height: auto;
    max-height: calc(
      100svh -
        clamp(
          86.5384615385px,
          calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
          190.1538461538px
        )
    );
    overflow-y: auto;
  }
  .l-megamenu__image {
    width: 100%;
    height: clamp(
      134.6153846154px,
      calc(134.6153846154px + 161.1794871795 * (100vw - 375px) / 449),
      295.7948717949px
    );
    clip-path: none;
    -webkit-clip-path: none;
  }
  .l-megamenu__navi {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
  .l-megamenu__sub-row {
    flex-direction: column;
    gap: 0;
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .l-megamenu__cols {
    flex-direction: column;
    gap: 0;
  }
  .l-megamenu__col {
    padding: clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      )
      0;
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
    border-bottom: 1px solid #dddddd;
  }
}
.l-drawer {
  display: none;
}
@media (max-width: 824px) {
  .l-drawer {
    display: block;
    position: fixed;
    top: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f5f5f5;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    z-index: 1029;
    overflow-y: auto;
    touch-action: pan-y;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  .l-drawer.is-open {
    opacity: 1;
    pointer-events: auto;
  }
  .l-drawer__inner {
    min-height: 100%;
    padding: 0;
  }
  .l-drawer__nav {
    filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.1));
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      );
  }
  .l-drawer__item {
    border-bottom: 1px solid #dddddd;
  }
  .l-drawer__item:last-child {
    border-bottom: none;
  }
  .l-drawer__trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      )
      0;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family:
      Noto Sans JP,
      Noto Sans CJK JP,
      sans-serif;
    font-weight: 700;
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    letter-spacing: 0.02em;
    color: #333;
    text-align: left;
    text-decoration: none;
  }
  .l-drawer__trigger-icon {
    position: relative;
    flex-shrink: 0;
    width: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    height: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .l-drawer__trigger-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    height: 2px;
    background: red;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease;
  }
  .l-drawer__trigger-icon:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    background: red;
    transform: translate(-50%, -50%);
    transition:
      opacity 0.2s ease,
      transform 0.2s ease;
  }
  .l-drawer__item.is-open .l-drawer__trigger-icon:after {
    opacity: 0;
    transform: translate(-50%) rotate(90deg);
  }
  .l-drawer__body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease;
    padding-bottom: 0;
  }
  .l-drawer__item.is-open .l-drawer__body {
    max-height: clamp(
      576.9230769231px,
      calc(576.9230769231px + 690.7692307692 * (100vw - 375px) / 449),
      1267.6923076923px
    );
  }
  .l-drawer__body-inner {
    border-top: 1px solid #dddddd;
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
    display: flex;
    flex-direction: column;
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .l-drawer__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
  .l-drawer__list li {
    list-style: none;
    display: flex;
  }
  .l-drawer__link {
    display: flex;
    width: 100%;
    align-items: center;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    font-family:
      Noto Sans JP,
      Noto Sans CJK JP,
      sans-serif;
    font-weight: 400;
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.87;
    letter-spacing: 0.02em;
    color: #333;
    text-decoration: none;
  }
}
@media (max-width: 824px) and (hover: hover) {
  .l-drawer__link:hover {
    opacity: 0.5;
  }
}
@media (max-width: 824px) {
  .l-drawer__link .icon-ext {
    display: block;
    flex-shrink: 0;
    width: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
    margin-left: clamp(
      -6.3384615385px,
      (2.8846153846px + 3.4538461538 * (100vw - 375px) / 449) * -1,
      -2.8846153846px
    );
    object-fit: contain;
  }
  .l-drawer__link:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
    height: clamp(
      7.6923076923px,
      calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
      16.9025641026px
    );
    background: url(/group/btsj/assets/images/common/icon-arrow-right-red.svg)
      no-repeat center/contain;
  }
  .l-drawer__sub-group {
    display: flex;
    flex-direction: column;
  }
  .l-drawer__sub-label {
    margin: 0;
    font-family:
      Noto Sans JP,
      Noto Sans CJK JP,
      sans-serif;
    font-weight: 700;
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.86;
    letter-spacing: 0.02em;
    color: #333;
    padding-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.l-footer {
  position: relative;
  background: #222;
  color: #fff;
}
.l-footer-nav {
  background: #f5f5f5;
  padding: clamp(56.25px, calc(56.25px + 0.0625 * (100vw - 900px)), 90.625px) 0;
}
@media screen and (max-width: 824px) {
  .l-footer-nav {
    padding: clamp(
        76.9230769231px,
        calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
        169.0256410256px
      )
      0;
  }
}
.l-footer-nav__head {
  border-bottom: 1px solid #ccc;
  padding-bottom: clamp(
    26.71875px,
    calc(26.71875px + 16.328125 * (100vw - 900px) / 550),
    43.046875px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__head {
    padding-bottom: clamp(
      36.5384615385px,
      calc(36.5384615385px + 43.7487179487 * (100vw - 375px) / 449),
      80.2871794872px
    );
  }
}
.l-footer-nav__head-link {
  display: inline-block;
}
.l-footer-nav__logo {
  display: block;
  height: clamp(
    11.953125px,
    calc(11.953125px + 7.3046875 * (100vw - 900px) / 550),
    19.2578125px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__logo {
    height: clamp(
      16.3461538462px,
      calc(16.3461538462px + 19.5717948718 * (100vw - 375px) / 449),
      35.9179487179px
    );
  }
}
.l-footer-nav__logo {
  width: auto;
}
.l-footer-nav__body {
  padding-top: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__body {
    padding-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.l-footer-nav__body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.l-footer-nav__col {
  width: clamp(
    161.71875px,
    calc(161.71875px + 98.828125 * (100vw - 900px) / 550),
    260.546875px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__col {
    width: clamp(
      221.1538461538px,
      calc(221.1538461538px + 264.7948717949 * (100vw - 375px) / 449),
      485.9487179487px
    );
  }
}
.l-footer-nav__col {
  flex-shrink: 0;
}
.l-footer-nav__cat {
  margin: 0;
  margin-bottom: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__cat {
    margin-bottom: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.l-footer-nav__cat {
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .l-footer-nav__cat {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.l-footer-nav__cat {
  line-height: 1.875;
  color: #333;
}
.l-footer-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__list {
    gap: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.l-footer-nav__item {
  list-style: none;
}
.l-footer-nav__link {
  display: flex;
  align-items: center;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__link {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.l-footer-nav__link {
  font-weight: 400;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__link {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.l-footer-nav__link {
  line-height: 1.86;
  color: #333;
  text-decoration: none;
}
.l-footer-nav__link:before {
  content: "";
  flex-shrink: 0;
  width: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__link:before {
    width: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.l-footer-nav__link:before {
  height: clamp(5.625px, calc(5.625px + 0.00625 * (100vw - 900px)), 9.0625px);
}
@media screen and (max-width: 824px) {
  .l-footer-nav__link:before {
    height: clamp(
      7.6923076923px,
      calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
      16.9025641026px
    );
  }
}
.l-footer-nav__link:before {
  background: url(/group/btsj/assets/images/common/icon-arrow-right-gray-dark.svg)
    center/contain no-repeat;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .l-footer-nav__link:hover {
    opacity: 0.5;
  }
  .l-footer-nav__link:hover:before {
    transform: translate(
      clamp(
        2.8125px,
        calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
        4.53125px
      )
    );
  }
}
.l-footer-nav__group {
  padding-top: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__group {
    padding-top: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.l-footer-nav__sub-cat {
  margin: 0;
  margin-bottom: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__sub-cat {
    margin-bottom: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.l-footer-nav__sub-cat {
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__sub-cat {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.l-footer-nav__sub-cat {
  line-height: 1.86;
  color: #333;
}
.l-footer-nav__divider {
  width: 1px;
  align-self: stretch;
  background: #ddd;
  flex-shrink: 0;
}
.l-footer-nav__ext-icon {
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    8.4375px,
    calc(8.4375px + 5.15625 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__ext-icon {
    width: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.l-footer-nav__ext-icon {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__ext-icon {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.l-footer-nav__ext-icon {
  object-fit: contain;
}
.l-footer-nav__desc {
  margin: 0;
  margin-bottom: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__desc {
    margin-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.l-footer-nav__desc {
  font-weight: 400;
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .l-footer-nav__desc {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.l-footer-nav__desc {
  line-height: 1.83;
  color: #333;
}
#footer {
  position: relative;
}
@media (max-width: 824px) {
  .l-footer-nav {
    padding: clamp(
        52.8846153846px,
        calc(52.8846153846px + 63.3205128205 * (100vw - 375px) / 449),
        116.2051282051px
      )
      0
      clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      );
  }
  .l-footer-nav__head {
    width: 100%;
    padding-bottom: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
  }
  .l-footer-nav__head-link {
    width: 100%;
    max-width: 100%;
  }
  .l-footer-nav__logo {
    height: auto;
    width: 100%;
    max-width: clamp(
      384.6153846154px,
      calc(384.6153846154px + 460.5128205128 * (100vw - 375px) / 449),
      845.1282051282px
    );
  }
  .l-footer-nav__body {
    flex-direction: column;
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    padding-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .l-footer-nav__col {
    width: 100%;
  }
  .l-footer-nav__group {
    padding-top: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .l-footer-nav__divider {
    display: block;
    width: 100%;
    height: 1px;
    align-self: auto;
  }
  .l-footer-nav__cat {
    margin-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
  .l-footer-nav__desc {
    margin-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
#footer .ico {
  margin-left: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  #footer .ico {
    margin-left: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
#footer .ico {
  vertical-align: baseline;
}
.pageTop {
  display: none;
  position: fixed;
  right: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .pageTop {
    right: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.pageTop {
  bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .pageTop {
    bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.pageTop {
  opacity: 0.85;
  -ms-filter: "alpha(opacity=85)";
  filter: alpha(opacity=85);
  z-index: 10;
}
@media (hover: hover) {
  .pageTop:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
  }
}
#footer {
  min-width: 980px;
  text-align: left;
}
#footerSitemap {
  padding: clamp(
      42.1875px,
      calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
      67.96875px
    )
    0;
}
@media screen and (max-width: 824px) {
  #footerSitemap {
    padding: clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      )
      0;
  }
}
#footerSitemap {
  background-color: #e5e5e5;
}
#footerSitemap > div {
  margin: 0 auto;
  width: clamp(
    689.0625px,
    calc(689.0625px + 421.09375 * (100vw - 900px) / 550),
    1110.15625px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div {
    width: clamp(
      942.3076923077px,
      calc(942.3076923077px + 1128.2564102564 * (100vw - 375px) / 449),
      2070.5641025641px
    );
  }
}
#footerSitemap.footerSitemap-wide > div {
  width: clamp(
    815.625px,
    calc(815.625px + 0.90625 * (100vw - 900px)),
    1314.0625px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap.footerSitemap-wide > div {
    width: clamp(
      1115.3846153846px,
      calc(1115.3846153846px + 1335.4871794872 * (100vw - 375px) / 449),
      2450.8717948718px
    );
  }
}
#footerSitemap.footerSitemap-wide > div {
  margin-left: auto;
  margin-right: auto;
}
#footerSitemap #sitemap_top {
  margin-top: clamp(
    -49.84375px,
    (30.9375px + 18.90625 * (100vw - 900px) / 550) * -1,
    -30.9375px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap #sitemap_top {
    margin-top: clamp(
      -92.9641025641px,
      (42.3076923077px + 50.6564102564 * (100vw - 375px) / 449) * -1,
      -42.3076923077px
    );
  }
}
#footerSitemap > div .categoryName {
  margin-bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div .categoryName {
    margin-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
#footerSitemap > div .categoryName {
  padding: clamp(
      3.515625px,
      calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
      5.6640625px
    )
    0 0
    clamp(
      23.90625px,
      calc(23.90625px + 14.609375 * (100vw - 900px) / 550),
      38.515625px
    );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div .categoryName {
    padding: clamp(
        4.8076923077px,
        calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
        10.5641025641px
      )
      0 0
      clamp(
        32.6923076923px,
        calc(32.6923076923px + 39.1435897436 * (100vw - 375px) / 449),
        71.8358974359px
      );
  }
}
#footerSitemap > div .categoryName {
  background: url(/group/btsj/assets/images/global_footer/ico_footer_sitemap_category01.gif)
    no-repeat left center;
  font-size: 142.85%;
  font-weight: 600 !important;
}
#footerSitemap > div#sitemap_products .categoryName {
  background-image: url(/group/btsj/assets/images/global_footer/ico_footer_sitemap_category01.gif);
}
#footerSitemap > div#sitemap_corporate .categoryName {
  background-image: url(/group/btsj/assets/images/global_footer/ico_footer_sitemap_category02.gif);
}
#footerSitemap > div#sitemap_ir .categoryName {
  background-image: url(/group/btsj/assets/images/global_footer/ico_footer_sitemap_category03.gif);
}
#footerSitemap > div#sitemap_csr .categoryName {
  background-image: url(/group/btsj/assets/images/global_footer/ico_footer_sitemap_category04.gif);
}
#footerSitemap > div#sitemap_saiyou .categoryName {
  background-image: url(/group/btsj/assets/images/global_footer/ico_footer_sitemap_category05.gif);
}
#footerSitemap > div a {
  text-decoration: none;
  color: #333;
}
#footerSitemap > div a:focus {
  text-decoration: underline;
}
@media (hover: hover) {
  #footerSitemap > div a:hover {
    text-decoration: underline;
  }
}
#footerSitemap > div > ul {
  display: table;
  width: 100%;
  margin-top: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div > ul {
    margin-top: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
#footerSitemap > div .categoryName + ul {
  margin-top: clamp(
    32.34375px,
    calc(32.34375px + 19.765625 * (100vw - 900px) / 550),
    52.109375px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div .categoryName + ul {
    margin-top: clamp(
      44.2307692308px,
      calc(44.2307692308px + 52.958974359 * (100vw - 375px) / 449),
      97.1897435897px
    );
  }
}
#footerSitemap > div > ul > li {
  width: clamp(
    161.71875px,
    calc(161.71875px + 98.828125 * (100vw - 900px) / 550),
    260.546875px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div > ul > li {
    width: clamp(
      221.1538461538px,
      calc(221.1538461538px + 264.7948717949 * (100vw - 375px) / 449),
      485.9487179487px
    );
  }
}
#footerSitemap > div > ul > li {
  display: table-cell;
  padding-right: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div > ul > li {
    padding-right: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
#footerSitemap.footerSitemap-wide > div > ul > li {
  width: clamp(
    189.84375px,
    calc(189.84375px + 116.015625 * (100vw - 900px) / 550),
    305.859375px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap.footerSitemap-wide > div > ul > li {
    width: clamp(
      259.6153846154px,
      calc(259.6153846154px + 310.8461538462 * (100vw - 375px) / 449),
      570.4615384615px
    );
  }
}
#footerSitemap > div > ul > li .tit {
  padding: clamp(
      10.546875px,
      calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
      16.9921875px
    )
    0
    clamp(
      9.84375px,
      calc(9.84375px + 6.015625 * (100vw - 900px) / 550),
      15.859375px
    )
    clamp(
      10.546875px,
      calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
      16.9921875px
    );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div > ul > li .tit {
    padding: clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      )
      0
      clamp(
        13.4615384615px,
        calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
        29.5794871795px
      )
      clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      );
  }
}
#footerSitemap > div > ul > li .tit {
  border-bottom: 1px solid #ccc;
  background: url(/group/btsj/assets/images/global_footer/ico_footer_sitemap_arrow01.gif)
    no-repeat left 1.4em;
  color: #000;
  font-weight: 600 !important;
}
#footerSitemap > div > ul > li > ul + .tit {
  margin-top: clamp(
    27.421875px,
    calc(27.421875px + 16.7578125 * (100vw - 900px) / 550),
    44.1796875px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div > ul > li > ul + .tit {
    margin-top: clamp(
      37.5px,
      calc(37.5px + 44.9 * (100vw - 375px) / 449),
      82.4px
    );
  }
}
#footerSitemap div > ul > li li {
  margin-top: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap div > ul > li li {
    margin-top: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
#footerSitemap div > ul > li li {
  padding-left: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap div > ul > li li {
    padding-left: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
#footerSitemap div > ul > li li {
  background: url(/group/btsj/assets/images/global_footer/ico_footer_sitemap_arrow02.gif)
    no-repeat left 0.45em;
}
#footerSitemap div > ul > li li:first-child {
  margin-top: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap div > ul > li li:first-child {
    margin-top: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
#footerSitemap > div > ul > li.colspan2 {
  width: clamp(
    351.5625px,
    calc(351.5625px + 214.84375 * (100vw - 900px) / 550),
    566.40625px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div > ul > li.colspan2 {
    width: clamp(
      480.7692307692px,
      calc(480.7692307692px + 575.641025641 * (100vw - 375px) / 449),
      1056.4102564103px
    );
  }
}
#footerSitemap.footerSitemap-wide > div > ul > li.colspan2 {
  width: clamp(393.75px, calc(393.75px + 0.4375 * (100vw - 900px)), 634.375px);
}
@media screen and (max-width: 824px) {
  #footerSitemap.footerSitemap-wide > div > ul > li.colspan2 {
    width: clamp(
      538.4615384615px,
      calc(538.4615384615px + 644.7179487179 * (100vw - 375px) / 449),
      1183.1794871795px
    );
  }
}
#footerSitemap > div > ul > li.colspan3 {
  width: clamp(
    527.34375px,
    calc(527.34375px + 322.265625 * (100vw - 900px) / 550),
    849.609375px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div > ul > li.colspan3 {
    width: clamp(
      721.1538461538px,
      calc(721.1538461538px + 863.4615384615 * (100vw - 375px) / 449),
      1584.6153846154px
    );
  }
}
#footerSitemap.footerSitemap-wide > div > ul > li.colspan3 {
  width: clamp(
    597.65625px,
    calc(597.65625px + 365.234375 * (100vw - 900px) / 550),
    962.890625px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap.footerSitemap-wide > div > ul > li.colspan3 {
    width: clamp(
      817.3076923077px,
      calc(817.3076923077px + 978.5897435897 * (100vw - 375px) / 449),
      1795.8974358974px
    );
  }
}
#footerSitemap > div > ul > li.colspan2 > ul,
#footerSitemap > div > ul > li.colspan3 > ul {
  width: 100%;
  display: table;
}
#footerSitemap > div > ul > li.colspan2 > ul > li,
#footerSitemap > div > ul > li.colspan3 > ul > li {
  width: clamp(
    161.71875px,
    calc(161.71875px + 98.828125 * (100vw - 900px) / 550),
    260.546875px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap > div > ul > li.colspan2 > ul > li,
  #footerSitemap > div > ul > li.colspan3 > ul > li {
    width: clamp(
      221.1538461538px,
      calc(221.1538461538px + 264.7948717949 * (100vw - 375px) / 449),
      485.9487179487px
    );
  }
}
#footerSitemap > div > ul > li.colspan2 > ul > li,
#footerSitemap > div > ul > li.colspan3 > ul > li {
  display: table-cell;
  padding: 0
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    )
    0 0;
}
@media screen and (max-width: 824px) {
  #footerSitemap > div > ul > li.colspan2 > ul > li,
  #footerSitemap > div > ul > li.colspan3 > ul > li {
    padding: 0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0 0;
  }
}
#footerSitemap > div > ul > li.colspan2 > ul > li,
#footerSitemap > div > ul > li.colspan3 > ul > li {
  background: none;
}
#footerSitemap.footerSitemap-wide > div > ul > li.colspan2 > ul > li,
#footerSitemap.footerSitemap-wide > div > ul > li.colspan3 > ul > li {
  width: clamp(
    189.84375px,
    calc(189.84375px + 116.015625 * (100vw - 900px) / 550),
    305.859375px
  );
}
@media screen and (max-width: 824px) {
  #footerSitemap.footerSitemap-wide > div > ul > li.colspan2 > ul > li,
  #footerSitemap.footerSitemap-wide > div > ul > li.colspan3 > ul > li {
    width: clamp(
      259.6153846154px,
      calc(259.6153846154px + 310.8461538462 * (100vw - 375px) / 449),
      570.4615384615px
    );
  }
}
#footerContent {
  background: url(/group/btsj/assets/images/global_footer/bg_footer02.gif)
    repeat left top;
}
#footerContent #footerLinks {
  background: url(/group/btsj/assets/images/global_footer/bg_footer01.gif)
    repeat left top;
}
#footerLinks ul {
  margin: 0 auto;
  padding: clamp(
      11.953125px,
      calc(11.953125px + 7.3046875 * (100vw - 900px) / 550),
      19.2578125px
    )
    0
    clamp(
      10.546875px,
      calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
      16.9921875px
    );
}
@media screen and (max-width: 824px) {
  #footerLinks ul {
    padding: clamp(
        16.3461538462px,
        calc(16.3461538462px + 19.5717948718 * (100vw - 375px) / 449),
        35.9179487179px
      )
      0
      clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      );
  }
}
#footerLinks ul {
  width: clamp(
    689.0625px,
    calc(689.0625px + 421.09375 * (100vw - 900px) / 550),
    1110.15625px
  );
}
@media screen and (max-width: 824px) {
  #footerLinks ul {
    width: clamp(
      942.3076923077px,
      calc(942.3076923077px + 1128.2564102564 * (100vw - 375px) / 449),
      2070.5641025641px
    );
  }
}
#footerLinks ul {
  display: block;
  min-height: 1%;
}
#footerLinks.footerLinks-wide ul {
  width: clamp(
    815.625px,
    calc(815.625px + 0.90625 * (100vw - 900px)),
    1314.0625px
  );
}
@media screen and (max-width: 824px) {
  #footerLinks.footerLinks-wide ul {
    width: clamp(
      1115.3846153846px,
      calc(1115.3846153846px + 1335.4871794872 * (100vw - 375px) / 449),
      2450.8717948718px
    );
  }
}
.footer-wide2 #footerLinks.footerLinks-wide ul {
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (min-width: 980px) {
  .footer-wide2 #footerLinks.footerLinks-wide ul {
    padding-right: clamp(
      7.03125px,
      calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
      11.328125px
    );
    padding-left: clamp(
      7.03125px,
      calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
      11.328125px
    );
  }
}
#footerLinks ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#footerLinks li {
  float: left;
  margin-right: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  #footerLinks li {
    margin-right: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
#footerLinks li {
  padding-left: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  #footerLinks li {
    padding-left: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
#footerLinks li {
  background: url(/group/btsj/assets/images/global_footer/ico_footer_arrow01.png)
    no-repeat left 0.4em;
  line-height: 1.5;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  #footerLinks li {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
#footerLinks li:first-child {
  margin-left: 0;
}
#footerLinks li a {
  color: #ccc;
  text-decoration: none;
}
#footerLinks li a:focus {
  text-decoration: underline;
}
@media (hover: hover) {
  #footerLinks li a:hover {
    text-decoration: underline;
  }
}
#copyright {
  padding: clamp(
      38.671875px,
      calc(38.671875px + 23.6328125 * (100vw - 900px) / 550),
      62.3046875px
    )
    0;
}
@media screen and (max-width: 824px) {
  #copyright {
    padding: clamp(
        52.8846153846px,
        calc(52.8846153846px + 63.3205128205 * (100vw - 375px) / 449),
        116.2051282051px
      )
      0;
  }
}
#copyright {
  text-align: center;
  color: #fff;
  font-size: 85.71%;
}
#copyright .logo {
  margin-bottom: clamp(
    4.921875px,
    calc(4.921875px + 3.0078125 * (100vw - 900px) / 550),
    7.9296875px
  );
}
@media screen and (max-width: 824px) {
  #copyright .logo {
    margin-bottom: clamp(
      6.7307692308px,
      calc(6.7307692308px + 8.058974359 * (100vw - 375px) / 449),
      14.7897435897px
    );
  }
}
.categoryName > .linkTxtToIndex {
  display: inline-block;
  margin: clamp(
      1.40625px,
      calc(1.40625px + 0.859375 * (100vw - 900px) / 550),
      2.265625px
    )
    0 0 0;
}
@media screen and (max-width: 824px) {
  .categoryName > .linkTxtToIndex {
    margin: clamp(
        1.9230769231px,
        calc(1.9230769231px + 2.3025641026 * (100vw - 375px) / 449),
        4.2256410256px
      )
      0 0 0;
  }
}
.categoryName > .linkTxtToIndex {
  padding-left: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .categoryName > .linkTxtToIndex {
    padding-left: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.categoryName > .linkTxtToIndex {
  background: url(/group/btsj/assets/images/global_footer/ico_footer_sitemap_arrow01.gif)
    no-repeat left 0.4em;
  vertical-align: middle;
}
.footerBannerArea {
  background-color: #e5e5e5;
}
.footerBannerAreaIn {
  width: clamp(
    689.0625px,
    calc(689.0625px + 421.09375 * (100vw - 900px) / 550),
    1110.15625px
  );
}
@media screen and (max-width: 824px) {
  .footerBannerAreaIn {
    width: clamp(
      942.3076923077px,
      calc(942.3076923077px + 1128.2564102564 * (100vw - 375px) / 449),
      2070.5641025641px
    );
  }
}
.footerBannerAreaIn {
  margin: 0 auto;
  padding: clamp(
      24.609375px,
      calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
      39.6484375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .footerBannerAreaIn {
    padding: clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      )
      0;
  }
}
.footerBannerAreaIn {
  border-bottom: 1px solid #ccc;
}
.footerBannerAreaIn.footerBannerAreaIn-wide {
  width: clamp(
    815.625px,
    calc(815.625px + 0.90625 * (100vw - 900px)),
    1314.0625px
  );
}
@media screen and (max-width: 824px) {
  .footerBannerAreaIn.footerBannerAreaIn-wide {
    width: clamp(
      1115.3846153846px,
      calc(1115.3846153846px + 1335.4871794872 * (100vw - 375px) / 449),
      2450.8717948718px
    );
  }
}
.footer-wide2 .footerBannerAreaIn.footerBannerAreaIn-wide {
  width: 100%;
  max-width: 1536px;
  margin: 0 auto;
  padding: clamp(
      24.609375px,
      calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
      39.6484375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .footer-wide2 .footerBannerAreaIn.footerBannerAreaIn-wide {
    padding: clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      )
      0;
  }
}
.footer-wide2 .footerBannerAreaIn.footerBannerAreaIn-wide {
  box-sizing: border-box;
}
@media screen and (min-width: 980px) {
  .footer-wide2 .footerBannerAreaIn.footerBannerAreaIn-wide {
    padding-right: clamp(
      7.03125px,
      calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
      11.328125px
    );
    padding-left: clamp(
      7.03125px,
      calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
      11.328125px
    );
  }
}
.listFooterBanner {
  overflow: hidden;
}
.footer-wide2 .listFooterBanner {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .footer-wide2 .listFooterBanner {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.listFooterBanner > li {
  float: left;
  border: 2px solid #e5e5e5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.footer-wide2 .listFooterBanner > li {
  float: none;
  border: none;
  margin-left: 0;
}
@media screen and (min-width: 980px) {
  .footer-wide2 .listFooterBanner > li {
    max-width: clamp(
      165.9375px,
      calc(165.9375px + 101.40625 * (100vw - 900px) / 550),
      267.34375px
    );
  }
}
.footer-wide2 .listFooterBanner > li a {
  display: block;
}
.footer-wide2 .listFooterBanner > li a figure {
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
}
.footer-wide2 .listFooterBanner > li a img {
  object-fit: cover;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .footer-wide2 .listFooterBanner > li a:hover img {
    transform: scale(1.05);
  }
}
.listFooterBanner.col4 > li {
  width: clamp(
    161.71875px,
    calc(161.71875px + 98.828125 * (100vw - 900px) / 550),
    260.546875px
  );
}
@media screen and (max-width: 824px) {
  .listFooterBanner.col4 > li {
    width: clamp(
      221.1538461538px,
      calc(221.1538461538px + 264.7948717949 * (100vw - 375px) / 449),
      485.9487179487px
    );
  }
}
.listFooterBanner.col4 > li {
  margin-left: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .listFooterBanner.col4 > li {
    margin-left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.footer-wide2 .listFooterBanner.listFooterBanner-wide > li {
  list-style: none;
}
.listFooterBanner.col4 > li:first-child {
  margin-left: 0;
}
.listFooterBanner > li .indexBox01 {
  padding: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .listFooterBanner > li .indexBox01 {
    padding: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.listFooterBanner > li .indexBox01 {
  background-color: #fff;
  border: 2px solid #ccc;
}
.listFooterBanner > li .indexBox01 .h4_arrow01 {
  padding-left: clamp(
    14.765625px,
    calc(14.765625px + 9.0234375 * (100vw - 900px) / 550),
    23.7890625px
  );
}
@media screen and (max-width: 824px) {
  .listFooterBanner > li .indexBox01 .h4_arrow01 {
    padding-left: clamp(
      20.1923076923px,
      calc(20.1923076923px + 24.1769230769 * (100vw - 375px) / 449),
      44.3692307692px
    );
  }
}
.listFooterBanner > li .indexBox01 .h4_arrow01 {
  color: #000;
  font-weight: 600 !important;
  font-size: 100%;
}
.listFooterBanner.col4 > li .biggerlink {
  opacity: 1;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
}
@media (hover: hover) {
  .listFooterBanner.col4 > li .biggerlink:hover img {
    opacity: 0.9;
    -ms-filter: "alpha(opacity=90)";
    filter: alpha(opacity=90);
  }
}
.listFooterBanner.col4 > li .biggerlink a {
  text-decoration: none;
  color: #333;
}
.areaShareButtons {
  background-color: #fff;
  padding-bottom: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .areaShareButtons {
    padding-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.areaShareButtons {
  border-bottom: 1px solid #ccc;
}
.footer-wide2 .areaShareButtons {
  background-color: #e5e5e5;
  padding: clamp(
      24.609375px,
      calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
      39.6484375px
    )
    0 0;
}
@media screen and (max-width: 824px) {
  .footer-wide2 .areaShareButtons {
    padding: clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      )
      0 0;
  }
}
.footer-wide2 .areaShareButtons {
  border-bottom: none;
}
.boxShareButtons {
  position: relative;
  width: clamp(
    689.0625px,
    calc(689.0625px + 421.09375 * (100vw - 900px) / 550),
    1110.15625px
  );
}
@media screen and (max-width: 824px) {
  .boxShareButtons {
    width: clamp(
      942.3076923077px,
      calc(942.3076923077px + 1128.2564102564 * (100vw - 375px) / 449),
      2070.5641025641px
    );
  }
}
.boxShareButtons {
  margin: 0 auto;
}
.boxShareButtons.boxShareButtons-wide {
  width: clamp(
    815.625px,
    calc(815.625px + 0.90625 * (100vw - 900px)),
    1314.0625px
  );
}
@media screen and (max-width: 824px) {
  .boxShareButtons.boxShareButtons-wide {
    width: clamp(
      1115.3846153846px,
      calc(1115.3846153846px + 1335.4871794872 * (100vw - 375px) / 449),
      2450.8717948718px
    );
  }
}
@media screen and (max-width: 979px) {
  .footer-wide2 .boxShareButtons,
  .footer-wide2 .boxShareButtons.boxShareButtons-wide {
    width: 100%;
  }
}
.boxShareButtonsIn {
  display: table;
  margin: 0;
}
@media screen and (min-width: 980px) {
  .footer-wide2 .boxShareButtonsIn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 979px) {
  .footer-wide2 .boxShareButtonsIn {
    display: block;
    padding: 0 10px;
    margin: 0 auto;
  }
  .footer-wide2 .boxShareButtonsIn > .title,
  .footer-wide2 .boxShareButtonsIn > .shareButtonGroup {
    display: block;
  }
  .footer-wide2 .boxShareButtonsIn > .title {
    padding-bottom: 0.75em;
    font-size: 85.71%;
  }
}
.boxShareButtonsIn > .title,
.boxShareButtonsIn > .shareButtonGroup {
  display: table-cell;
}
.footer-wide2 .boxShareButtonsIn > .title,
.footer-wide2 .boxShareButtonsIn > .shareButtonGroup {
  display: block;
}
.boxShareButtonsIn > .title {
  padding-right: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .boxShareButtonsIn > .title {
    padding-right: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.boxShareButtonsIn > .title {
  vertical-align: bottom;
  color: #000;
  line-height: 1.1;
}
.footer-wide2 .boxShareButtonsIn > .title {
  padding-right: 0;
  vertical-align: middle;
  text-align: center;
  line-height: 1.3;
  font-size: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .footer-wide2 .boxShareButtonsIn > .title {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
@media screen and (min-width: 980px) {
  .footer-wide2 .boxShareButtonsIn > .title {
    padding-right: clamp(
      12.65625px,
      calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
      20.390625px
    );
  }
}
.listShareButtons {
  overflow: hidden;
}
.footer-wide2 .listShareButtons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.listShareButtons > li {
  float: left;
  height: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .listShareButtons > li {
    height: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.listShareButtons > li {
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .listShareButtons > li {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.footer-wide2 .listShareButtons > li {
  float: left;
  height: auto;
  margin-left: clamp(
    17.578125px,
    calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
    28.3203125px
  );
}
@media screen and (max-width: 824px) {
  .footer-wide2 .listShareButtons > li {
    margin-left: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
}
.listShareButtons > li:first-child {
  margin-left: 0;
}
.listShareButtons > li a {
  text-decoration: none;
}
.footer-wide2 .listShareButtons > li a {
  display: block;
  width: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .footer-wide2 .listShareButtons > li a {
    width: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.footer-wide2 .listShareButtons > li a {
  height: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .footer-wide2 .listShareButtons > li a {
    height: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
@media screen and (min-width: 980px) and (hover: hover) {
  .listShareButtons > li a:hover {
    opacity: 0.85;
    -ms-filter: "alpha(opacity=85)";
    filter: alpha(opacity=85);
  }
  .footer-wide2 .listShareButtons > li.inButton a:hover {
    opacity: 0.85;
    -ms-filter: "alpha(opacity=85)";
    filter: alpha(opacity=85);
  }
}
.footer-wide2 .listShareButtons > li.inButton a {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  font-size: 0;
  transition: all ease 0.3s;
}
.footer-wide2 .inButton.youtube a {
  background-image: url(/assets/images/global_footer/btn_footer_yt02_c.svg);
}
.footer-wide2 .inButton.twitter a {
  background-image: url(/assets/images/global_footer/icon_x-logo_black.svg);
  background-size: 28px auto !important;
}
.footer-wide2 .inButton.facebook a {
  background-image: url(/assets/images/global_footer/btn_footer_fb02_c.svg);
}
.footer-wide2 .inButton.instagram a {
  background-image: url(/assets/images/global_footer/btn_footer_inst02_c.svg);
}
@media screen and (max-width: 979px) {
  .footer-wide2 .inButton.youtube a {
    background-image: url(/assets/images/global_footer/btn_footer_yt02_c.svg);
  }
  .footer-wide2 .inButton.twitter a {
    background-image: url(/assets/images/global_footer/icon_x-logo_black.svg);
  }
  .footer-wide2 .inButton.facebook a {
    background-image: url(/assets/images/global_footer/btn_footer_fb02_c.svg);
  }
  .footer-wide2 .inButton.instagram a {
    background-image: url(/assets/images/global_footer/btn_footer_inst02_c.svg);
  }
}
#container + #footer .areaShareButtons,
hr + #footer .areaShareButtons {
  padding-top: clamp(
    38.671875px,
    calc(38.671875px + 23.6328125 * (100vw - 900px) / 550),
    62.3046875px
  );
}
@media screen and (max-width: 824px) {
  #container + #footer .areaShareButtons,
  hr + #footer .areaShareButtons {
    padding-top: clamp(
      52.8846153846px,
      calc(52.8846153846px + 63.3205128205 * (100vw - 375px) / 449),
      116.2051282051px
    );
  }
}
#footerRecommendBlog {
  padding: clamp(
      28.125px,
      calc(28.125px + 0.03125 * (100vw - 900px)),
      45.3125px
    )
    clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    0;
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog {
    padding: clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      0;
  }
}
#footerRecommendBlog {
  background: #e5e5e5;
}
#footerRecommendBlog .whatsnew__inner {
  margin: auto;
  max-width: clamp(
    689.0625px,
    calc(689.0625px + 421.09375 * (100vw - 900px) / 550),
    1110.15625px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .whatsnew__inner {
    max-width: clamp(
      942.3076923077px,
      calc(942.3076923077px + 1128.2564102564 * (100vw - 375px) / 449),
      2070.5641025641px
    );
  }
}
#footerRecommendBlog .whatsnew__inner {
  padding-bottom: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .whatsnew__inner {
    padding-bottom: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
#footerRecommendBlog .whatsnew__inner {
  border-bottom: 1px solid #ccc;
}
#footerRecommendBlog.footerRecommendBlog-wide .whatsnew__inner {
  max-width: clamp(
    815.625px,
    calc(815.625px + 0.90625 * (100vw - 900px)),
    1314.0625px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog.footerRecommendBlog-wide .whatsnew__inner {
    max-width: clamp(
      1115.3846153846px,
      calc(1115.3846153846px + 1335.4871794872 * (100vw - 375px) / 449),
      2450.8717948718px
    );
  }
}
#footerRecommendBlog .whatsnew__title {
  margin-bottom: clamp(
    17.578125px,
    calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
    28.3203125px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .whatsnew__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
}
#footerRecommendBlog .whatsnew__title {
  letter-spacing: 0.15em;
  font-size: 142.85%;
  text-align: center;
  font-weight: 500;
}
#footerRecommendBlog .articleList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#footerRecommendBlog .articleList__item {
  display: flex;
  flex-direction: column;
  width: calc(25% - 10px);
  background: #fff;
  box-shadow: 0 0 10px #00000012;
  margin-bottom: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .articleList__item {
    margin-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
#footerRecommendBlog .articleList__img {
  order: 1;
}
#footerRecommendBlog .articleList__img a {
  position: relative;
  display: block;
  overflow: hidden;
  height: clamp(112.5px, calc(112.5px + 0.125 * (100vw - 900px)), 181.25px);
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .articleList__img a {
    height: clamp(
      153.8461538462px,
      calc(153.8461538462px + 184.2051282051 * (100vw - 375px) / 449),
      338.0512820513px
    );
  }
}
#footerRecommendBlog.footerRecommendBlog-wide .articleList__img a {
  height: clamp(
    130.78125px,
    calc(130.78125px + 79.921875 * (100vw - 900px) / 550),
    210.703125px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog.footerRecommendBlog-wide .articleList__img a {
    height: clamp(
      178.8461538462px,
      calc(178.8461538462px + 214.1384615385 * (100vw - 375px) / 449),
      392.9846153846px
    );
  }
}
#footerRecommendBlog .articleList__img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  max-width: none;
  transition: all 0.5s;
  transform: translate(-50%, -50%);
}
@media (hover: hover) {
  #footerRecommendBlog .articleList__img a:hover img {
    transform: translate(-50%, -50%) scale(1.05);
  }
}
#footerRecommendBlog .articleList__text {
  display: flex;
  flex-direction: column;
  order: 2;
  padding: clamp(
      10.546875px,
      calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
      16.9921875px
    )
    clamp(
      8.4375px,
      calc(8.4375px + 5.15625 * (100vw - 900px) / 550),
      13.59375px
    );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .articleList__text {
    padding: clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      )
      clamp(
        11.5384615385px,
        calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
        25.3538461538px
      );
  }
}
#footerRecommendBlog .articleList__title {
  order: 2;
  overflow: hidden;
}
#footerRecommendBlog .articleList__title a {
  display: block;
  color: #000;
  text-decoration: none;
}
@media (hover: hover) {
  #footerRecommendBlog .articleList__title a:hover {
    text-decoration: underline;
  }
}
#footerRecommendBlog .articleList__lead {
  order: 3;
}
#footerRecommendBlog .articleList__meta {
  order: 1;
  margin-bottom: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .articleList__meta {
    margin-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
#footerRecommendBlog .articleList__meta {
  line-height: 1;
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .articleList__meta {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
#footerRecommendBlog .articleList__meta a {
  text-decoration: none;
}
@media (hover: hover) {
  #footerRecommendBlog .articleList__meta a:hover {
    text-decoration: underline;
  }
}
#footerRecommendBlog .articleList__category {
  float: left;
  margin-bottom: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .articleList__category {
    margin-bottom: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
#footerRecommendBlog .articleList__category {
  margin-right: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .articleList__category {
    margin-right: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
#footerRecommendBlog .articleList__category {
  padding-right: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .articleList__category {
    padding-right: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
#footerRecommendBlog .articleList__category {
  border-right: 1px solid #999;
}
#footerRecommendBlog .articleList__tag {
  float: left;
}
#footerRecommendBlog .articleList__tag a {
  color: #757575;
}
#footerRecommendBlog .articleList__time {
  float: none;
  clear: both;
  padding-top: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .articleList__time {
    padding-top: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
#footerRecommendBlog .articleList__time {
  color: #757575;
}
#footerRecommendBlog .readmore {
  margin: 0 auto;
  text-align: center;
}
#footerRecommendBlog .readmore a {
  box-sizing: border-box;
  display: block;
  max-width: clamp(247.5px, calc(247.5px + 0.275 * (100vw - 900px)), 398.75px);
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .readmore a {
    max-width: clamp(
      338.4615384615px,
      calc(338.4615384615px + 405.2512820513 * (100vw - 375px) / 449),
      743.7128205128px
    );
  }
}
#footerRecommendBlog .readmore a {
  margin: auto;
  padding: clamp(
      10.546875px,
      calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
      16.9921875px
    )
    clamp(
      7.03125px,
      calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
      11.328125px
    );
}
@media screen and (max-width: 824px) {
  #footerRecommendBlog .readmore a {
    padding: clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      )
      clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      );
  }
}
#footerRecommendBlog .readmore a {
  background: #000 url(/group/btsj/assets/images/global_footer/icon_more.svg)
    no-repeat;
  background-position: right 15% bottom 54%;
  background-size: 32px 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  transition: all 0.5s;
}
@media (hover: hover) {
  #footerRecommendBlog .readmore a:hover {
    background-color: #333;
    background-position: right 12% bottom 54%;
  }
}
.c-diversity,
.c-diversity a {
  color: #00a5a7;
}
.c-life,
.c-life a {
  color: #f08302;
}
.c-culture,
.c-culture a {
  color: #e84483;
}
.c-future,
.c-future a {
  color: #03a2e4;
}
.pageTop img {
  width: clamp(
    30.9375px,
    calc(30.9375px + 18.90625 * (100vw - 900px) / 550),
    49.84375px
  );
}
@media screen and (max-width: 824px) {
  .pageTop img {
    width: clamp(
      42.3076923077px,
      calc(42.3076923077px + 50.6564102564 * (100vw - 375px) / 449),
      92.9641025641px
    );
  }
}
.pageTop img {
  height: clamp(
    30.9375px,
    calc(30.9375px + 18.90625 * (100vw - 900px) / 550),
    49.84375px
  );
}
@media screen and (max-width: 824px) {
  .pageTop img {
    height: clamp(
      42.3076923077px,
      calc(42.3076923077px + 50.6564102564 * (100vw - 375px) / 449),
      92.9641025641px
    );
  }
}
#copyright .logo img {
  display: inline-block;
  width: clamp(
    37.96875px,
    calc(37.96875px + 23.203125 * (100vw - 900px) / 550),
    61.171875px
  );
}
@media screen and (max-width: 824px) {
  #copyright .logo img {
    width: clamp(
      51.9230769231px,
      calc(51.9230769231px + 62.1692307692 * (100vw - 375px) / 449),
      114.0923076923px
    );
  }
}
#copyright .logo img {
  height: clamp(
    34.453125px,
    calc(34.453125px + 21.0546875 * (100vw - 900px) / 550),
    55.5078125px
  );
}
@media screen and (max-width: 824px) {
  #copyright .logo img {
    height: clamp(
      47.1153846154px,
      calc(47.1153846154px + 56.4128205128 * (100vw - 375px) / 449),
      103.5282051282px
    );
  }
}
#footerLinks li a:focus,
#footerSitemap > div a:focus {
  opacity: 1;
}
@media (hover: hover) {
  .footer-wide2 .listFooterBanner > li a:hover,
  #footerLinks li a:hover,
  #footerSitemap > div a:hover {
    opacity: 1;
  }
}
@media screen and (max-width: 979px) {
  #footer,
  #footer.footer-wide,
  #footer.footer-wide2 {
    min-width: 0;
    background-color: #e5e5e5;
  }
  #footerSitemap {
    display: none;
  }
  #footerContent #footerLinks {
    margin: 0 auto;
  }
  #footerLinks ul {
    padding: clamp(
        15.3846153846px,
        calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
        33.8051282051px
      )
      0
      clamp(
        16.3461538462px,
        calc(16.3461538462px + 19.5717948718 * (100vw - 375px) / 449),
        35.9179487179px
      );
    width: clamp(
      659.6153846154px,
      calc(659.6153846154px + 789.7794871795 * (100vw - 375px) / 449),
      1449.3948717949px
    );
  }
  .footer-wide2 #footerLinks ul {
    width: 100%;
  }
  #footerLinks.footerLinks-wide ul {
    width: clamp(
      659.6153846154px,
      calc(659.6153846154px + 789.7794871795 * (100vw - 375px) / 449),
      1449.3948717949px
    );
  }
  .footer-wide2 #footerLinks.footerLinks-wide ul {
    width: 100%;
    padding-right: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    padding-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    box-sizing: border-box;
  }
  #footerLinks li {
    font-size: 80%;
  }
}
@media screen and (max-width: 979px) and (-webkit-min-device-pixel-ratio: 2) {
  #footerLinks li {
    background-image: url(/group/btsj/assets/images/global_footer/ico_footer_arrow01_2x.png);
    background-size: 6px 10px;
  }
}
@media screen and (max-width: 979px) {
  #footerLinks ul {
    width: 100%;
    padding: 0;
    border-top: 1px solid #444;
    border-left: 1px solid #444;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #footerLinks.footerLinks-wide ul {
    width: 100%;
  }
  .footer-wide2 #footerLinks.footerLinks-wide ul {
    padding: 0;
  }
  #footerLinks li {
    display: table;
    margin: 0;
    padding: 0;
    width: 50%;
    height: clamp(
      43.2692307692px,
      calc(43.2692307692px + 51.8076923077 * (100vw - 375px) / 449),
      95.0769230769px
    );
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-right: 1px solid #444;
    border-bottom: 1px solid #444;
    background: none;
  }
  #footerLinks li a {
    display: table-cell;
    padding: 0
      clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      )
      0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
    vertical-align: middle;
    background: url(/group/btsj/assets/images/global_footer/ico_footer_arrow01_2x.png)
      no-repeat 8px center;
    background-size: 6px 10px;
  }
  #footerLinks li a:focus {
    text-decoration: none;
  }
}
@media screen and (max-width: 979px) and (hover: hover) {
  #footerLinks li a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 979px) {
  #copyright .logo {
    margin-bottom: clamp(
      20.1923076923px,
      calc(20.1923076923px + 24.1769230769 * (100vw - 375px) / 449),
      44.3692307692px
    );
  }
}
@media screen and (max-width: 767px) {
  #copyright {
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
  }
  #copyright .logo {
    margin-bottom: clamp(
      6.7307692308px,
      calc(6.7307692308px + 8.058974359 * (100vw - 375px) / 449),
      14.7897435897px
    );
  }
  #copyright .logo img {
    width: clamp(
      31.7307692308px,
      calc(31.7307692308px + 37.9923076923 * (100vw - 375px) / 449),
      69.7230769231px
    );
    height: auto;
  }
}
@media screen and (max-width: 979px) {
  .footerBannerAreaIn {
    width: clamp(
      625px,
      calc(625px + 748.3333333333 * (100vw - 375px) / 449),
      1373.3333333333px
    );
    padding: clamp(
        67.3076923077px,
        calc(67.3076923077px + 80.5897435897 * (100vw - 375px) / 449),
        147.8974358974px
      )
      0
      clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      );
  }
  .footer-wide2 .footerBannerAreaIn {
    width: 100%;
  }
  .footerBannerAreaIn.footerBannerAreaIn-wide {
    width: clamp(
      625px,
      calc(625px + 748.3333333333 * (100vw - 375px) / 449),
      1373.3333333333px
    );
  }
  .footer-wide2 .footerBannerAreaIn.footerBannerAreaIn-wide {
    width: 90%;
    padding-right: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    padding-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .listFooterBanner.col4 > li {
    width: clamp(
      141.3461538462px,
      calc(141.3461538462px + 169.2384615385 * (100vw - 375px) / 449),
      310.5846153846px
    );
    margin-left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .listFooterBanner.listFooterBanner-wide.col4 > li {
    width: clamp(
      141.3461538462px,
      calc(141.3461538462px + 169.2384615385 * (100vw - 375px) / 449),
      310.5846153846px
    );
  }
}
@media screen and (max-width: 767px) {
  .footerBannerAreaIn {
    width: 100%;
    padding: 0;
  }
  .footerBannerAreaIn.footerBannerAreaIn-wide {
    width: 100%;
  }
  .footer-wide2 .footerBannerAreaIn.footerBannerAreaIn-wide {
    width: 100%;
    padding: 0;
  }
  .listFooterBanner.listFooterBanner-wide.col4 > li {
    width: 100%;
  }
}
@media screen and (max-width: 979px) {
  .footer-wide2 .listFooterBanner {
    flex-wrap: wrap;
    gap: 5vw;
  }
  .listFooterBanner.col4 > li {
    width: clamp(
      141.3461538462px,
      calc(141.3461538462px + 169.2384615385 * (100vw - 375px) / 449),
      310.5846153846px
    );
    margin-left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .listFooterBanner > li .inner .indexBox01 {
    padding: clamp(
        7.6923076923px,
        calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
        16.9025641026px
      )
      clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      );
  }
  .listFooterBanner > li .indexBox01 .h4_arrow01 {
    padding-left: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    font-size: 85.71%;
  }
}
@media screen and (max-width: 979px) {
  .footer-wide2 .listFooterBanner > li {
    width: calc(50% - 5vw);
  }
}
@media screen and (max-width: 767px) {
  .footer-wide2 .listFooterBanner {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .footer-wide2 .listFooterBanner.listFooterBanner-wide {
    padding: clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      )
      0
      clamp(
        22.1153846154px,
        calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
        48.5948717949px
      );
    margin: 0;
    gap: clamp(
        11.5384615385px,
        calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
        25.3538461538px
      )
      clamp(
        4.8076923077px,
        calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
        10.5641025641px
      );
  }
}
@media screen and (max-width: 767px) {
  .listFooterBanner > li {
    float: none;
  }
  .footer-wide2 .listFooterBanner > li {
    width: calc(50% - 10px);
  }
  .listFooterBanner.col4 > li {
    width: 100%;
    margin: 0;
    display: block;
    padding: clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      )
      clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      );
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px solid #ccc;
    border-right: none;
    border-bottom: none;
    border-left: none;
    position: relative;
  }
  .listFooterBanner > li .inner {
    display: table;
    width: 100%;
  }
  .listFooterBanner > li .inner .img {
    display: table-cell;
    width: clamp(
      67.3076923077px,
      calc(67.3076923077px + 80.5897435897 * (100vw - 375px) / 449),
      147.8974358974px
    );
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: transparent;
  }
  .listFooterBanner > li .inner .indexBox01 {
    display: table-cell;
    vertical-align: middle;
    background-color: #e5e5e5;
    padding: 0
      clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      );
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: none;
  }
}
@media screen and (max-width: 767px) {
  #footerRecommendBlog {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      )
      0;
  }
  #footerRecommendBlog .whatsnew__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    font-size: 120%;
  }
  #footerRecommendBlog .whatsnew__footer {
    margin-top: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  #footerRecommendBlog .articleList__item {
    width: calc(50% - 7px);
    margin-bottom: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  #footerRecommendBlog .articleList__img a,
  #footerRecommendBlog.footerRecommendBlog-wide .articleList__img a {
    height: 32vw;
  }
  #footerRecommendBlog .readmore a {
    max-width: none;
  }
}
.c-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  padding: clamp(
      8.4375px,
      calc(8.4375px + 5.15625 * (100vw - 900px) / 550),
      13.59375px
    )
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    );
}
@media screen and (max-width: 824px) {
  .c-btn {
    padding: clamp(
        11.5384615385px,
        calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
        25.3538461538px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
}
.c-btn {
  background: red;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .c-btn {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.c-btn {
  font-weight: 700;
  line-height: 1.86;
  letter-spacing: 0.02em;
  text-align: center;
  filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.1));
  transition:
    background-color 0.3s ease,
    opacity 0.3s ease,
    filter 0.3s ease;
}
.c-btn--arrow {
  padding-left: clamp(
    25.3125px,
    calc(25.3125px + 15.46875 * (100vw - 900px) / 550),
    40.78125px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--arrow {
    padding-left: clamp(
      34.6153846154px,
      calc(34.6153846154px + 41.4461538462 * (100vw - 375px) / 449),
      76.0615384615px
    );
  }
}
.c-btn--arrow {
  padding-right: clamp(
    17.578125px,
    calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
    28.3203125px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--arrow {
    padding-right: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
}
.c-btn--arrow:before {
  content: "";
  position: absolute;
  top: 50%;
  left: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--arrow:before {
    left: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.c-btn--arrow:before {
  transform: translateY(-50%);
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--arrow:before {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.c-btn--arrow:before {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--arrow:before {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-btn--arrow:before {
  background: url(/group/btsj/assets/images/common/icon-arrow-right-white.svg)
    no-repeat center/contain;
  transition: transform 0.3s ease;
}
.c-btn--external {
  padding-right: clamp(
    29.53125px,
    calc(29.53125px + 18.046875 * (100vw - 900px) / 550),
    47.578125px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--external {
    padding-right: clamp(
      40.3846153846px,
      calc(40.3846153846px + 48.3538461538 * (100vw - 375px) / 449),
      88.7384615385px
    );
  }
}
.c-btn--external:after {
  content: "";
  position: absolute;
  top: 50%;
  right: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--external:after {
    right: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.c-btn--external:after {
  transform: translateY(-50%);
  width: clamp(
    8.4375px,
    calc(8.4375px + 5.15625 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--external:after {
    width: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.c-btn--external:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--external:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.c-btn--external:after {
  background: #fff;
  -webkit-mask: url(/group/btsj/assets/images/common/icon-external-white.svg)
    no-repeat center/contain;
  mask: url(/group/btsj/assets/images/common/icon-external-white.svg) no-repeat
    center/contain;
}
/* mailto: ボタン用にアイコンをメール画像に差し替え（Figma: 15×12px 相当、アイコン-文字間 gap 10px） */
.c-btn--mail {
  /* Figma spec: text↔icon gap 10px（--external の padding-right +3px） */
  padding-right: clamp(32.53px, calc(32.53px + 18.05 * (100vw - 900px) / 550), 50.58px);
}
@media (max-width: 824px) {
  .c-btn--mail {
    padding-right: clamp(43.38px, calc(43.38px + 48.35 * (100vw - 375px) / 449), 91.74px);
  }
}
.c-btn--mail:after {
  -webkit-mask-image: url(/group/btsj/assets/images/common/icon-mail.svg);
  mask-image: url(/group/btsj/assets/images/common/icon-mail.svg);
  width: clamp(10.55px, calc(10.55px + 6.44 * (100vw - 900px) / 550), 16.99px);
  height: clamp(8.44px, calc(8.44px + 5.15 * (100vw - 900px) / 550), 13.59px);
  /* icon-mail.svg 内で下側に約1px の空白があるため、視覚中央に見えるよう1px下方向へオフセット */
  transform: translateY(calc(-50% + 1px));
}
@media (max-width: 824px) {
  .c-btn--mail:after {
    width: clamp(14.42px, calc(14.42px + 17.26 * (100vw - 375px) / 449), 31.68px);
    height: clamp(11.54px, calc(11.54px + 13.81 * (100vw - 375px) / 449), 25.35px);
    transform: translateY(calc(-50% + 1px));
  }
}
.c-btn--block {
  width: 100%;
}
.c-btn--block.c-btn--arrow {
  padding-left: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--block.c-btn--arrow {
    padding-left: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.c-btn--block.c-btn--external {
  padding-right: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--block.c-btn--external {
    padding-right: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.c-btn--block.c-btn--arrow:before {
  left: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--block.c-btn--arrow:before {
    left: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.c-btn--block.c-btn--external:after {
  position: static;
  transform: none;
  top: auto;
  right: auto;
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-btn--block.c-btn--external:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
@media (max-width: 824px) {
  .c-btn--block.c-btn--arrow {
    padding-left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .c-btn--block.c-btn--external {
    padding-right: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .c-btn--block.c-btn--arrow:before {
    left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
@media (hover: hover) {
  .c-btn:hover {
    opacity: 1;
    background-color: #333;
    filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0));
  }
  .c-btn--arrow:hover:before {
    transform: translate(
      clamp(
        2.8125px,
        calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
        4.53125px
      ),
      -50%
    );
  }
}
.c-btn-text {
  display: inline-flex;
  align-items: center;
  gap: clamp(
    8.4375px,
    calc(8.4375px + 5.15625 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .c-btn-text {
    gap: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.c-btn-text {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .c-btn-text {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.c-btn-text {
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
}
.c-btn-text__arrow {
  width: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .c-btn-text__arrow {
    width: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.c-btn-text__arrow {
  height: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .c-btn-text__arrow {
    height: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.c-btn-text__arrow {
  border-radius: 50%;
  background: #333;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    background 0.3s ease,
    transform 0.3s ease;
}
.c-btn-text__arrow:after {
  content: "";
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .c-btn-text__arrow:after {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.c-btn-text__arrow:after {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-btn-text__arrow:after {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-btn-text__arrow:after {
  background: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (hover: hover) {
  .c-btn-text:hover {
    opacity: 1;
  }
  .c-btn-text:hover .c-btn-text__arrow {
    background: red;
    transform: translate(4px);
  }
}
.c-card {
  background: #fff;
}
.c-card__img {
  width: 100%;
  aspect-ratio: 298/188;
  background: #f5f5f5;
  overflow: hidden;
}
.c-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-card__body {
  padding: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .c-card__body {
    padding: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.c-card__date {
  font-size: clamp(
    10px,
    calc(10px + 4.7265625 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .c-card__date {
    font-size: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.c-card__date {
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #666;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-card__tag {
  display: inline-block;
  padding: 0 clamp(5.625px, calc(5.625px + 0.00625 * (100vw - 900px)), 9.0625px);
}
@media screen and (max-width: 824px) {
  .c-card__tag {
    padding: 0
      clamp(
        7.6923076923px,
        calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
        16.9025641026px
      );
  }
}
.c-card__tag {
  background: red;
  color: #fff;
  font-size: clamp(
    10px,
    calc(10px + 2.4609375 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .c-card__tag {
    font-size: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.c-card__tag {
  font-weight: 700;
}
.c-card__title {
  margin-top: clamp(
    8.4375px,
    calc(8.4375px + 5.15625 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .c-card__title {
    margin-top: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.c-card__title {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .c-card__title {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.c-card__title {
  line-height: 1.85;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.c-product-card {
  background: #222;
  color: #fff;
  padding: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .c-product-card {
    padding: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.c-product-card {
  display: flex;
  flex-direction: column;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .c-product-card {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.c-product-card {
  min-height: clamp(
    154.6875px,
    calc(154.6875px + 94.53125 * (100vw - 900px) / 550),
    249.21875px
  );
}
@media screen and (max-width: 824px) {
  .c-product-card {
    min-height: clamp(
      211.5384615385px,
      calc(211.5384615385px + 253.2820512821 * (100vw - 375px) / 449),
      464.8205128205px
    );
  }
}
.c-product-card__brand {
  font-family:
    Figtree,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .c-product-card__brand {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.c-product-card__brand {
  font-weight: 700;
  letter-spacing: 0.12em;
  text-align: center;
}
.c-product-card__copy {
  font-size: clamp(
    10px,
    calc(10px + 4.7265625 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .c-product-card__copy {
    font-size: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.c-product-card__copy {
  line-height: 1.85;
  letter-spacing: 0.05em;
  flex: 1;
}
.c-product-card__caption {
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .c-product-card__caption {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.c-product-card__caption {
  color: #999;
  letter-spacing: 0.08em;
}
.c-solution-card {
  position: relative;
  background: #fff;
}
.c-solution-card__img {
  aspect-ratio: 585/329;
  background: #eee;
  overflow: hidden;
}
.c-solution-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-solution-card__text {
  margin-top: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .c-solution-card__text {
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.c-solution-card__text {
  display: flex;
  align-items: flex-start;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .c-solution-card__text {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.c-solution-card__arrow {
  flex: 0 0
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
  width: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .c-solution-card__arrow {
    width: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.c-solution-card__arrow {
  height: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .c-solution-card__arrow {
    height: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.c-solution-card__arrow {
  border-radius: 50%;
  background: #333;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.c-solution-card__arrow:after {
  content: "";
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .c-solution-card__arrow:after {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.c-solution-card__arrow:after {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-solution-card__arrow:after {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-solution-card__arrow:after {
  background: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.c-solution-card__title {
  flex: 1;
}
.c-solution-card__title-en {
  font-size: clamp(
    10px,
    calc(10px + 4.7265625 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .c-solution-card__title-en {
    font-size: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.c-solution-card__title-en {
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.c-solution-card__title-ja {
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .c-solution-card__title-ja {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.c-solution-card__title-ja {
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-top: clamp(
    2.8125px,
    calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
    4.53125px
  );
}
@media screen and (max-width: 824px) {
  .c-solution-card__title-ja {
    margin-top: clamp(
      3.8461538462px,
      calc(3.8461538462px + 4.6051282051 * (100vw - 375px) / 449),
      8.4512820513px
    );
  }
}
.c-solution-card__title-ja {
  line-height: 1.4;
}
.c-info-card {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  padding: clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    )
    0;
}
@media screen and (max-width: 824px) {
  .c-info-card {
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
  }
}
.c-info-card {
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .c-info-card {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.c-info-card__img {
  flex: 0 0
    clamp(
      92.109375px,
      calc(92.109375px + 56.2890625 * (100vw - 900px) / 550),
      148.3984375px
    );
  width: clamp(
    92.109375px,
    calc(92.109375px + 56.2890625 * (100vw - 900px) / 550),
    148.3984375px
  );
}
@media screen and (max-width: 824px) {
  .c-info-card__img {
    width: clamp(
      125.9615384615px,
      calc(125.9615384615px + 150.8179487179 * (100vw - 375px) / 449),
      276.7794871795px
    );
  }
}
.c-info-card__img {
  height: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .c-info-card__img {
    height: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.c-info-card__img {
  background: #f5f5f5;
}
.c-info-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-info-card__title {
  flex: 1;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .c-info-card__title {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.c-info-card__title {
  font-weight: 700;
  letter-spacing: 0.08em;
  position: relative;
}
.c-info-card__title:after {
  content: "";
  position: absolute;
  right: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .c-info-card__title:after {
    right: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.c-info-card__title:after {
  top: 50%;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .c-info-card__title:after {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.c-info-card__title:after {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-info-card__title:after {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-info-card__title:after {
  background: #333;
  transform: translateY(-50%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  a:hover .c-solution-card__arrow {
    transform: translate(
      clamp(
        2.8125px,
        calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
        4.53125px
      )
    );
  }
  a:hover .c-info-card__title:after {
    transform: translate(
      clamp(
        2.8125px,
        calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
        4.53125px
      ),
      -50%
    );
  }
}
.c-news-list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #dddddd;
}
.c-news-list__item {
  display: flex;
  align-items: center;
  width: 100%;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .c-news-list__item {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.c-news-list__item {
  padding: clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .c-news-list__item {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.c-news-list__item {
  border-top: 1px solid #dddddd;
  list-style: none;
}
.c-news-list__date {
  flex-shrink: 0;
  font-weight: 400;
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .c-news-list__date {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.c-news-list__date {
  line-height: 1.83;
  letter-spacing: 0.02em;
  color: #999;
  white-space: nowrap;
}
.c-news-list__text {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .c-news-list__text {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.c-news-list__text {
  line-height: 1.86;
  letter-spacing: 0.02em;
  color: #333;
}
.c-news-list__link {
  display: inline;
  color: #333;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 2px;
}
@media (hover: hover) {
  .c-news-list__link:hover {
    opacity: 0.5;
  }
}
.c-topics-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
  text-decoration: none;
  color: inherit;
  height: 100%;
  transition: filter 0.4s ease;
}
.c-topics-card__figure {
  position: relative;
  width: 100%;
  aspect-ratio: 298/188;
  border-bottom: 1px solid #dddddd;
  overflow: hidden;
}
.c-topics-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.c-topics-card__body {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-topics-card__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-topics-card__body {
  padding: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .c-topics-card__body {
    padding: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.c-topics-card__body {
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .c-topics-card:hover {
    opacity: 1;
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0));
  }
  .c-topics-card:hover .c-topics-card__image {
    transform: scale(1.1);
  }
  .c-topics-card:hover .c-topics-card__body {
    opacity: 0.5;
  }
}
.c-topics-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-topics-card__head {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-topics-card__date {
  font-weight: 400;
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .c-topics-card__date {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.c-topics-card__date {
  line-height: 1.83;
  color: #999;
}
.c-topics-card__tag {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0
    clamp(
      10.546875px,
      calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
      16.9921875px
    );
}
@media screen and (max-width: 824px) {
  .c-topics-card__tag {
    padding: 0
      clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      );
  }
}
.c-topics-card__tag {
  background: red;
  border-radius: 30px;
  color: #fff;
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .c-topics-card__tag {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.c-topics-card__tag {
  line-height: 1.83;
}
.c-topics-card__title {
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .c-topics-card__title {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.c-topics-card__title {
  line-height: 1.86;
  color: #333;
  margin: 0;
}
@media (max-width: 824px) {
  .c-product-card__brand {
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
  }
  .c-news-list__item {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
  }
  .c-info-card__img {
    flex: 0 0
      clamp(
        96.1538461538px,
        calc(96.1538461538px + 115.1282051282 * (100vw - 375px) / 449),
        211.2820512821px
      );
    width: clamp(
      96.1538461538px,
      calc(96.1538461538px + 115.1282051282 * (100vw - 375px) / 449),
      211.2820512821px
    );
    height: clamp(
      67.3076923077px,
      calc(67.3076923077px + 80.5897435897 * (100vw - 375px) / 449),
      147.8974358974px
    );
  }
}
.c-heading {
  display: flex;
  align-items: flex-end;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .c-heading {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.c-heading {
  line-height: 1;
}
.c-heading__en {
  font-family:
    Figtree,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-size: clamp(33.75px, calc(33.75px + 0.0375 * (100vw - 900px)), 54.375px);
}
@media screen and (max-width: 824px) {
  .c-heading__en {
    font-size: clamp(
      46.1538461538px,
      calc(46.1538461538px + 55.2615384615 * (100vw - 375px) / 449),
      101.4153846154px
    );
  }
}
.c-heading__en {
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 1.2;
}
.c-heading__ja {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .c-heading__ja {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.c-heading__ja {
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-bottom: clamp(
    5.625px,
    calc(5.625px + 0.00625 * (100vw - 900px)),
    9.0625px
  );
}
@media screen and (max-width: 824px) {
  .c-heading__ja {
    margin-bottom: clamp(
      7.6923076923px,
      calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
      16.9025641026px
    );
  }
}
.c-heading__lead {
  margin-top: clamp(
    16.875px,
    calc(16.875px + 0.01875 * (100vw - 900px)),
    27.1875px
  );
}
@media screen and (max-width: 824px) {
  .c-heading__lead {
    margin-top: clamp(
      23.0769230769px,
      calc(23.0769230769px + 27.6307692308 * (100vw - 375px) / 449),
      50.7076923077px
    );
  }
}
.c-heading__lead {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .c-heading__lead {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.c-heading__lead {
  font-weight: 700;
  line-height: 1.85;
  letter-spacing: 0.12em;
}
.c-page-title {
  position: relative;
  background: #f5f5f5;
}
.c-page-title__inner {
  max-width: clamp(900px, calc(900px + 1 * (100vw - 900px)), 1450px);
}
@media screen and (max-width: 824px) {
  .c-page-title__inner {
    max-width: clamp(
      1230.7692307692px,
      calc(1230.7692307692px + 1473.641025641 * (100vw - 375px) / 449),
      2704.4102564103px
    );
  }
}
.c-page-title__inner {
  margin: 0 auto;
  padding: clamp(56.25px, calc(56.25px + 0.0625 * (100vw - 900px)), 90.625px)
    clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    clamp(
      42.1875px,
      calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
      67.96875px
    );
}
@media screen and (max-width: 824px) {
  .c-page-title__inner {
    padding: clamp(
        76.9230769231px,
        calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
        169.0256410256px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      );
  }
}
.c-page-title__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .c-page-title__inner {
    gap: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.c-page-title__text {
  flex: 1;
}
.c-page-title__en {
  font-family:
    Figtree,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .c-page-title__en {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.c-page-title__en {
  font-weight: 700;
  letter-spacing: 0.15em;
  color: red;
  margin-bottom: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-page-title__en {
    margin-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-page-title__main {
  font-size: clamp(
    30.9375px,
    calc(30.9375px + 18.90625 * (100vw - 900px) / 550),
    49.84375px
  );
}
@media screen and (max-width: 824px) {
  .c-page-title__main {
    font-size: clamp(
      42.3076923077px,
      calc(42.3076923077px + 50.6564102564 * (100vw - 375px) / 449),
      92.9641025641px
    );
  }
}
.c-page-title__main {
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.4;
}
.c-page-title__image {
  width: 50%;
  max-width: clamp(
    379.6875px,
    calc(379.6875px + 232.03125 * (100vw - 900px) / 550),
    611.71875px
  );
}
@media screen and (max-width: 824px) {
  .c-page-title__image {
    max-width: clamp(
      519.2307692308px,
      calc(519.2307692308px + 621.6923076923 * (100vw - 375px) / 449),
      1140.9230769231px
    );
  }
}
.c-page-title__image img {
  border-radius: 0 0 0 60px;
}
.c-page-title__lead {
  max-width: clamp(
    780.46875px,
    calc(780.46875px + 476.953125 * (100vw - 900px) / 550),
    1257.421875px
  );
}
@media screen and (max-width: 824px) {
  .c-page-title__lead {
    max-width: clamp(
      1067.3076923077px,
      calc(1067.3076923077px + 1277.9230769231 * (100vw - 375px) / 449),
      2345.2307692308px
    );
  }
}
.c-page-title__lead {
  margin: 0 auto;
  margin-top: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .c-page-title__lead {
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.c-page-title__lead {
  padding: 0
    clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    clamp(
      42.1875px,
      calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
      67.96875px
    );
}
@media screen and (max-width: 824px) {
  .c-page-title__lead {
    padding: 0
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      );
  }
}
.c-page-title__lead {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .c-page-title__lead {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.c-page-title__lead {
  line-height: 1.95;
  color: #333;
}
.c-breadcrumb {
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .c-breadcrumb {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.c-breadcrumb {
  padding: clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    )
    clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    );
}
@media screen and (max-width: 824px) {
  .c-breadcrumb {
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      );
  }
}
.c-breadcrumb {
  max-width: clamp(900px, calc(900px + 1 * (100vw - 900px)), 1450px);
}
@media screen and (max-width: 824px) {
  .c-breadcrumb {
    max-width: clamp(
      1230.7692307692px,
      calc(1230.7692307692px + 1473.641025641 * (100vw - 375px) / 449),
      2704.4102564103px
    );
  }
}
.c-breadcrumb {
  margin: 0 auto;
}
.c-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .c-breadcrumb__list {
    gap: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.c-breadcrumb__list {
  align-items: center;
}
.c-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .c-breadcrumb__item {
    gap: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.c-breadcrumb__item {
  color: #666;
}
.c-breadcrumb__item:before {
  content: ">";
  color: red;
  margin-right: clamp(
    2.8125px,
    calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
    4.53125px
  );
}
@media screen and (max-width: 824px) {
  .c-breadcrumb__item:before {
    margin-right: clamp(
      3.8461538462px,
      calc(3.8461538462px + 4.6051282051 * (100vw - 375px) / 449),
      8.4512820513px
    );
  }
}
.c-breadcrumb__item:first-child:before {
  display: none;
}
@media (max-width: 824px) {
  .c-heading__en {
    font-size: clamp(
      30.7692307692px,
      calc(30.7692307692px + 36.841025641 * (100vw - 375px) / 449),
      67.6102564103px
    );
  }
  .c-heading {
    flex-wrap: wrap;
    gap: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
  .c-page-title__inner {
    flex-direction: column;
    align-items: stretch;
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      );
  }
  .c-page-title__main {
    font-size: clamp(
      26.9230769231px,
      calc(26.9230769231px + 32.2358974359 * (100vw - 375px) / 449),
      59.158974359px
    );
  }
  .c-page-title__image {
    width: 100%;
  }
  .c-page-title__lead {
    padding: 0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      );
  }
}
.l-section {
  padding-top: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .l-section {
    padding-top: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.l-section {
  padding-bottom: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .l-section {
    padding-bottom: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.l-section--no-top {
  padding-top: 0;
}
.l-section--no-bottom {
  padding-bottom: 0;
}
.l-section--dark {
  background: #333;
  color: #fff;
}
@media (max-width: 824px) {
  .l-section {
    padding-top: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .l-section--no-top {
    padding-top: 0;
  }
  .l-section--no-bottom {
    padding-bottom: 0;
  }
}
.section-head {
  display: flex;
  flex-direction: column;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .section-head {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.section-link__arrow-wrap {
  position: relative;
  z-index: 2;
  display: block;
  flex-shrink: 0;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .section-link__arrow-wrap {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.section-link__arrow-wrap {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .section-link__arrow-wrap {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.section-link__arrow-wrap .section-link__arrow-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 1;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.section-link__arrow-wrap .section-link__arrow-img--hover {
  opacity: 0;
}
@media (hover: hover) {
  .section-link:hover .section-link__arrow-wrap .section-link__arrow-img {
    opacity: 0;
  }
  .section-link:hover
    .section-link__arrow-wrap
    .section-link__arrow-img--hover {
    opacity: 1;
  }
}
.section-head--horizontal {
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .section-head--horizontal {
    gap: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.section-head__aside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .section-head__aside {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.section-head__aside {
  text-align: right;
}
.section-title {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .section-title {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.section-title {
  color: #333;
}
.section-title__en {
  font-weight: 300;
  font-size: clamp(33.75px, calc(33.75px + 0.0375 * (100vw - 900px)), 54.375px);
}
@media screen and (max-width: 824px) {
  .section-title__en {
    font-size: clamp(
      46.1538461538px,
      calc(46.1538461538px + 55.2615384615 * (100vw - 375px) / 449),
      101.4153846154px
    );
  }
}
.section-title__en {
  line-height: 1.35;
  letter-spacing: 0.02em;
}
.section-title__ja {
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .section-title__ja {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.section-title__ja {
  line-height: 1.78;
  transform: translateY(
    clamp(
      -5.6640625px,
      (3.515625px + 2.1484375 * (100vw - 900px) / 550) * -1,
      -3.515625px
    )
  );
}
.section-title__en,
.section-title__ja,
.section-title-mask {
  overflow: hidden;
}
.section-title-mask__line {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.section-lead {
  font-weight: 400;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .section-lead {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.section-lead {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  max-width: clamp(
    470.390625px,
    calc(470.390625px + 287.4609375 * (100vw - 900px) / 550),
    757.8515625px
  );
}
@media screen and (max-width: 824px) {
  .section-lead {
    max-width: clamp(
      643.2692307692px,
      calc(643.2692307692px + 770.2076923077 * (100vw - 375px) / 449),
      1413.4769230769px
    );
  }
}
.section-lead--right {
  text-align: right;
}
.section-title--sm .section-title__en {
  font-family:
    Figtree,
    Helvetica Neue,
    Arial,
    sans-serif;
  font-size: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .section-title--sm .section-title__en {
    font-size: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.section-title--sm .section-title__en {
  line-height: 1.47;
  letter-spacing: 0.05em;
}
.section-title--sm .section-title__ja {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .section-title--sm .section-title__ja {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.section-title--sm .section-title__ja {
  line-height: 1.875;
}
.section-link {
  display: inline-flex;
  align-items: center;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .section-link {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.section-link {
  font-weight: 400;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .section-link {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.section-link {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.section-link:focus,
.section-link:focus-visible {
  outline: none;
  box-shadow: none;
}
.section-link__arrow {
  position: relative;
  flex-shrink: 0;
  width: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .section-link__arrow {
    width: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.section-link__arrow {
  height: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .section-link__arrow {
    height: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.section-link__arrow {
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.section-link__arrow:before,
.section-link__arrow:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .section-link__arrow:before,
  .section-link__arrow:after {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.section-link__arrow:before,
.section-link__arrow:after {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .section-link__arrow:before,
  .section-link__arrow:after {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.section-link__arrow:before,
.section-link__arrow:after {
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 2;
}
.section-link__arrow:before {
  background-image: url(/group/btsj/assets/images/common/icon-arrow-right-gray.svg);
  opacity: 1;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.section-link__arrow:after {
  background-image: url(/group/btsj/assets/images/common/icon-arrow-right-red.svg);
  opacity: 0;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.section-link__arrow:has(.section-link__arrow-wrap):before,
.section-link__arrow:has(.section-link__arrow-wrap):after {
  display: none;
}
.section-link__arrow-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: 0;
}
.section-link__arrow-base,
.section-link__arrow-draw {
  fill: transparent;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.section-link__arrow-base {
  stroke: #ccc;
}
.section-link__arrow-draw {
  stroke: red;
  stroke-width: 1.15;
  stroke-dasharray: 193.52 193.52;
  stroke-dashoffset: 193.52;
  stroke-linecap: butt;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: stroke-dashoffset 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.section-link__arrow img {
  display: block;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .section-link__arrow img {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.section-link__arrow img {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .section-link__arrow img {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.section-link__arrow img {
  object-fit: contain;
  transition: filter 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
  z-index: 2;
  position: relative;
}
@media (hover: hover) {
  .section-link:hover {
    opacity: 1;
    color: #33333380;
  }
  .section-link:hover .section-link__arrow {
    transform: translate(
      clamp(
        2.8125px,
        calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
        4.53125px
      )
    );
  }
  .section-link.topics-section__link--pc:hover .section-link__arrow,
  .section-link.section-link--outline:hover .section-link__arrow {
    transform: none;
  }
  .section-link:hover .section-link__arrow:before {
    opacity: 0;
  }
  .section-link:hover .section-link__arrow:after {
    opacity: 1;
  }
  .section-link:hover .section-link__arrow img {
    filter: invert(15%) sepia(98%) saturate(7400%) hue-rotate(0deg)
      brightness(102%) contrast(120%);
  }
  .section-link:hover .section-link__arrow-draw {
    stroke-dashoffset: 0;
  }
}
@media (max-width: 824px) {
  .section-head--horizontal {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .section-head__aside {
    align-items: flex-start;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    text-align: left;
  }
  .section-title {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .section-title__en {
    font-size: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
    line-height: 1.35;
    letter-spacing: 0.02em;
  }
  .section-title__ja {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    letter-spacing: 0.02em;
    transform: none;
  }
  .section-title--sm {
    flex-direction: row;
    align-items: flex-end;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .section-title--sm .section-title__en {
    font-size: clamp(
      26.9230769231px,
      calc(26.9230769231px + 32.2358974359 * (100vw - 375px) / 449),
      59.158974359px
    );
    font-weight: 350;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
  .section-title--sm .section-title__ja {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.87;
  }
  .section-lead {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.87;
    letter-spacing: 0.02em;
    max-width: clamp(
      643.2692307692px,
      calc(643.2692307692px + 770.2076923077 * (100vw - 375px) / 449),
      1413.4769230769px
    );
  }
  .section-lead--right {
    text-align: left;
  }
  .section-link {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    letter-spacing: 0.02em;
  }
}
.c-section-title {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .c-section-title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.c-section-title {
  line-height: 1.62;
  letter-spacing: 0.02em;
}
.c-section-title,
.section-title-mask {
  overflow: hidden;
}
.section-title-mask__inner {
  display: inline-block;
  will-change: transform;
}
@media (max-width: 824px) {
  .c-section-title {
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.63;
  }
}
.c-arrow-circle {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .c-arrow-circle {
    width: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.c-arrow-circle {
  height: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .c-arrow-circle {
    height: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.c-arrow-circle {
  border-radius: 50%;
  background-color: transparent;
  transition: transform 0.3s ease;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.c-arrow-circle:focus,
.c-arrow-circle:focus-visible {
  outline: none;
  box-shadow: none;
}
a:focus:has(.c-arrow-circle),
a:focus-visible:has(.c-arrow-circle) {
  outline: none;
  box-shadow: none;
}
.c-arrow-circle:before,
.c-arrow-circle:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .c-arrow-circle:before,
  .c-arrow-circle:after {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.c-arrow-circle:before,
.c-arrow-circle:after {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-arrow-circle:before,
  .c-arrow-circle:after {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-arrow-circle:before,
.c-arrow-circle:after {
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 2;
}
.c-arrow-circle:before {
  background-image: url(/group/btsj/assets/images/common/icon-arrow-right-gray.svg);
  opacity: 1;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.c-arrow-circle:has(.c-arrow-circle__arrow-wrap):before,
.c-arrow-circle:has(.c-arrow-circle__arrow-wrap):after {
  display: none;
}
.c-arrow-circle__arrow-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  flex-shrink: 0;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .c-arrow-circle__arrow-wrap {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.c-arrow-circle__arrow-wrap {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-arrow-circle__arrow-wrap {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-arrow-circle__arrow-wrap {
  transform: translate(-50%, -50%);
}
.c-arrow-circle__arrow {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 1;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.c-arrow-circle__arrow--hover {
  opacity: 0;
}
.c-arrow-circle:after {
  background-image: url(/group/btsj/assets/images/common/icon-arrow-right-red.svg);
  opacity: 0;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.c-arrow-circle__svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
}
.c-arrow-circle__base,
.c-arrow-circle__draw {
  fill: transparent;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.c-arrow-circle__base {
  stroke: #ccc;
}
.c-arrow-circle__draw {
  stroke: red;
  stroke-width: 1.15;
  stroke-dasharray: 197.92 197.92;
  stroke-dashoffset: 197.92;
  stroke-linecap: butt;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: stroke-dashoffset 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.c-arrow-circle--gray:before {
  background-image: url(/group/btsj/assets/images/common/icon-arrow-right-gray.svg);
}
.c-arrow-circle--white:before {
  background-image: url(/group/btsj/assets/images/common/icon-arrow-right-white.svg);
}
@media (hover: hover) {
  a:hover .c-arrow-circle:after {
    opacity: 1;
  }
  a:hover .c-arrow-circle:before {
    opacity: 0;
  }
  a:hover .c-arrow-circle__arrow {
    opacity: 0;
  }
  a:hover .c-arrow-circle__arrow--hover {
    opacity: 1;
  }
  a:hover .c-arrow-circle__draw {
    stroke-dashoffset: 0;
  }
}
.p-page-mv {
  position: relative;
  width: 100%;
  height: clamp(
    395.15625px,
    calc(395.15625px + 241.484375 * (100vw - 900px) / 550),
    636.640625px
  );
}
@media screen and (max-width: 824px) {
  .p-page-mv {
    height: clamp(
      540.3846153846px,
      calc(540.3846153846px + 647.0205128205 * (100vw - 375px) / 449),
      1187.4051282051px
    );
  }
}
.p-page-mv {
  overflow: hidden;
}
.p-page-mv__inner {
  position: relative;
  z-index: 2;
  height: 100%;
  padding-left: clamp(
    59.765625px,
    calc(59.765625px + 36.5234375 * (100vw - 900px) / 550),
    96.2890625px
  );
}
@media screen and (max-width: 824px) {
  .p-page-mv__inner {
    padding-left: clamp(
      81.7307692308px,
      calc(81.7307692308px + 97.858974359 * (100vw - 375px) / 449),
      179.5897435897px
    );
  }
}
.p-page-mv__inner {
  padding-top: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-page-mv__inner {
    padding-top: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-page-mv__inner {
  padding-bottom: clamp(
    66.796875px,
    calc(66.796875px + 40.8203125 * (100vw - 900px) / 550),
    107.6171875px
  );
}
@media screen and (max-width: 824px) {
  .p-page-mv__inner {
    padding-bottom: clamp(
      91.3461538462px,
      calc(91.3461538462px + 109.3717948718 * (100vw - 375px) / 449),
      200.7179487179px
    );
  }
}
.p-page-mv__inner {
  display: flex;
  flex-direction: column;
  max-width: clamp(
    407.8125px,
    calc(407.8125px + 249.21875 * (100vw - 900px) / 550),
    657.03125px
  );
}
@media screen and (max-width: 824px) {
  .p-page-mv__inner {
    max-width: clamp(
      557.6923076923px,
      calc(557.6923076923px + 667.7435897436 * (100vw - 375px) / 449),
      1225.4358974359px
    );
  }
}
.p-page-mv__inner {
  width: 100%;
}
.p-page-mv__title {
  font-weight: 300;
  font-size: clamp(33.75px, calc(33.75px + 0.0375 * (100vw - 900px)), 54.375px);
}
@media screen and (max-width: 824px) {
  .p-page-mv__title {
    /* SP: 390px時 34px 基準（3行表示時のオーバーフロー抑止） */
    font-size: clamp(32px, calc(32px + 60 * (100vw - 375px) / 449), 80px);
  }
}
.p-page-mv__title {
  line-height: 1.35;
  letter-spacing: 0.02em;
  margin-top: auto;
  margin-bottom: auto;
}
.p-page-mv__title:has(.p-page-mv__sub) {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-page-mv__title:has(.p-page-mv__sub) {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-page-mv__sub,
.p-page-mv__title-text {
  display: block;
}
.p-page-mv__sub {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-page-mv__sub {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-page-mv__sub {
  font-weight: 700;
  line-height: 1.87;
  letter-spacing: 0.02em;
  color: #333;
}
.p-page-mv--no-image {
  height: auto;
}
.p-page-mv--no-image .p-page-mv__inner {
  position: relative;
  height: auto;
  max-width: none;
  padding: clamp(
      140.625px,
      calc(140.625px + 0.15625 * (100vw - 900px)),
      226.5625px
    )
    clamp(
      59.765625px,
      calc(59.765625px + 36.5234375 * (100vw - 900px) / 550),
      96.2890625px
    )
    clamp(
      63.28125px,
      calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
      101.953125px
    );
}
@media screen and (max-width: 824px) {
  .p-page-mv--no-image .p-page-mv__inner {
    padding: clamp(
        192.3076923077px,
        calc(192.3076923077px + 230.2564102564 * (100vw - 375px) / 449),
        422.5641025641px
      )
      clamp(
        81.7307692308px,
        calc(81.7307692308px + 97.858974359 * (100vw - 375px) / 449),
        179.5897435897px
      )
      clamp(
        86.5384615385px,
        calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
        190.1538461538px
      );
  }
}
.p-page-mv--no-image .p-page-mv__visual {
  display: none;
}
.p-page-mv--no-image .p-page-mv__inner > .p-breadcrumb {
  position: absolute;
  top: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-page-mv--no-image .p-page-mv__inner > .p-breadcrumb {
    top: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-page-mv--no-image .p-page-mv__inner > .p-breadcrumb {
  left: clamp(
    59.765625px,
    calc(59.765625px + 36.5234375 * (100vw - 900px) / 550),
    96.2890625px
  );
}
@media screen and (max-width: 824px) {
  .p-page-mv--no-image .p-page-mv__inner > .p-breadcrumb {
    left: clamp(
      81.7307692308px,
      calc(81.7307692308px + 97.858974359 * (100vw - 375px) / 449),
      179.5897435897px
    );
  }
}
.p-page-mv--no-image .p-page-mv__inner > .p-breadcrumb {
  z-index: 1;
  margin: 0;
}
.p-page-mv--no-image .p-page-mv__title {
  margin-top: 0;
  margin-bottom: 0;
}
.p-page-mv__visual {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(
    515.390625px,
    calc(515.390625px + 314.9609375 * (100vw - 900px) / 550),
    830.3515625px
  );
}
@media screen and (max-width: 824px) {
  .p-page-mv__visual {
    width: clamp(
      704.8076923077px,
      calc(704.8076923077px + 843.8897435897 * (100vw - 375px) / 449),
      1548.6974358974px
    );
  }
}
.p-page-mv__visual {
  height: 100%;
  clip-path: polygon(
    clamp(
        113.203125px,
        calc(113.203125px + 69.1796875 * (100vw - 900px) / 550),
        182.3828125px
      )
      0,
    100% 0,
    100% 100%,
    0 100%
  );
  -webkit-clip-path: polygon(
    clamp(
        113.203125px,
        calc(113.203125px + 69.1796875 * (100vw - 900px) / 550),
        182.3828125px
      )
      0,
    100% 0,
    100% 100%,
    0 100%
  );
  overflow: hidden;
  --wiper-x: 100%;
  --wiper-opacity: 0;
}
.p-page-mv__visual picture,
.p-page-mv__visual img {
  height: 100%;
}
.p-page-mv__visual picture,
.p-page-mv__visual img {
  opacity: 0;
}
.p-page-mv__visual:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 130%;
  height: 100%;
  background: red;
  opacity: var(--wiper-opacity);
  transform-origin: top right;
  transform: skew(-16deg) translate(var(--wiper-x));
  z-index: 2;
  pointer-events: none;
  will-change: transform, opacity;
}
@media (max-width: 824px) {
  .p-page-mv {
    height: auto;
  }
  .p-page-mv__inner {
    height: auto;
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
    max-width: none;
  }
  .p-page-mv__title {
    display: flex;
    align-items: center;
    min-height: clamp(
      90.3846153846px,
      calc(90.3846153846px + 108.2205128205 * (100vw - 375px) / 449),
      198.6051282051px
    );
    margin-top: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
    margin-bottom: 0;
    /* SP: 390px時 34px 基準（3行表示時のオーバーフロー抑止） */
    font-size: clamp(32px, calc(32px + 60 * (100vw - 375px) / 449), 80px);
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: 0.02em;
  }
  .p-page-mv__title:has(.p-page-mv__sub) {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
    margin-top: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
    margin-bottom: 0;
  }
  .p-page-mv__sub {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-page-mv__title:has(.p-page-mv__sub) .p-page-mv__title-text {
    font-size: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
    line-height: 1.35;
  }
  .p-page-mv__visual {
    position: relative;
    width: 100%;
    height: clamp(
      340.3846153846px,
      calc(340.3846153846px + 407.5538461538 * (100vw - 375px) / 449),
      747.9384615385px
    );
    clip-path: polygon(
      0 0,
      100%
        clamp(
          107.4625px,
          calc(107.4625px + 128.6684333333 * (100vw - 375px) / 449),
          236.1309333333px
        ),
      100% 100%,
      0 100%
    );
    -webkit-clip-path: polygon(
      0 0,
      100%
        clamp(
          107.4625px,
          calc(107.4625px + 128.6684333333 * (100vw - 375px) / 449),
          236.1309333333px
        ),
      100% 100%,
      0 100%
    );
  }
  .p-page-mv__visual:before {
    display: none;
  }
  .p-page-mv__visual img,
  .p-page-mv__visual picture {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .p-page-mv--no-image {
    background-image: linear-gradient(to bottom, #fff 0% 30%, #fff0);
  }
  .p-page-mv--no-image .p-page-mv__inner {
    min-height: clamp(
      269.2307692308px,
      calc(269.2307692308px + 322.358974359 * (100vw - 375px) / 449),
      591.5897435897px
    );
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      );
    justify-content: space-between;
  }
  .p-page-mv--no-image .p-page-mv__inner > .p-breadcrumb {
    position: static;
    top: auto;
    left: auto;
  }
  .p-page-mv--no-image .p-page-mv__title {
    min-height: 0;
    /* SP: 390px時 34px 基準（3行表示時のオーバーフロー抑止） */
    font-size: clamp(32px, calc(32px + 60 * (100vw - 375px) / 449), 80px);
    line-height: 1.35;
    margin-top: 0;
  }
}
.p-page-intro {
  position: relative;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #fff, #f5f5f5);
  background-size: 100%
    clamp(309.375px, calc(309.375px + 0.34375 * (100vw - 900px)), 498.4375px);
}
@media screen and (max-width: 824px) {
  .p-page-intro {
    background-size: 100%
      clamp(
        423.0769230769px,
        calc(423.0769230769px + 506.5641025641 * (100vw - 375px) / 449),
        929.641025641px
      );
  }
}
.p-page-intro {
  background-repeat: no-repeat;
}
.p-page-content {
  position: relative;
  z-index: 2;
  margin-top: clamp(
    -96.2890625px,
    (59.765625px + 36.5234375 * (100vw - 900px) / 550) * -1,
    -59.765625px
  );
}
@media screen and (max-width: 824px) {
  .p-page-content {
    margin-top: clamp(
      -179.5897435897px,
      (81.7307692308px + 97.858974359 * (100vw - 375px) / 449) * -1,
      -81.7307692308px
    );
  }
}
.p-page-content {
  overflow-x: clip;
}
.p-page-content__inner {
  position: relative;
  background: #f5f5f5;
}
.p-page-content__inner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 100vw;
  background: inherit;
}
.p-page-content--white .p-page-content__inner {
  background: #fff;
  padding-right: clamp(
    45.703125px,
    calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
    73.6328125px
  );
}
@media screen and (max-width: 824px) {
  .p-page-content--white .p-page-content__inner {
    padding-right: clamp(
      62.5px,
      calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
      137.3333333333px
    );
  }
}
.p-page-content--white .p-page-content__inner {
  padding-bottom: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .p-page-content--white .p-page-content__inner {
    padding-bottom: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.p-page-content__inner > :first-child {
  padding-top: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-page-content__inner > :first-child {
    padding-top: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-page-content__title {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-page-content__title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-page-content__title {
  line-height: 1.61;
  letter-spacing: 0.02em;
}
.p-page-content__text {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-page-content__text {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-page-content__text {
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
}
.p-page-content__lead {
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-page-content__lead {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-page-content__lead {
  line-height: 2;
  letter-spacing: 0.02em;
  text-align: justify;
  color: #333;
}
.p-page-mv--no-image + .p-page-content {
  margin-top: 0;
}
@media (max-width: 824px) {
  .p-page-content {
    margin-top: 0;
  }
  .p-page-content__inner > :first-child {
    padding-top: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-page-content__title {
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.63;
  }
  .p-page-content__text {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-page-content__lead {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
  .p-page-content--white .p-page-content__inner {
    padding-right: 0;
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-page-content--white .p-page-content__inner:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100vw;
    background: inherit;
  }
}
.p-breadcrumb__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-breadcrumb__list {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-breadcrumb__list {
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .p-breadcrumb__list {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.p-breadcrumb__list {
  line-height: 1.833;
}
.p-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-breadcrumb__item {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-breadcrumb__item + .p-breadcrumb__item:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    2.8125px,
    calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
    4.53125px
  );
}
@media screen and (max-width: 824px) {
  .p-breadcrumb__item + .p-breadcrumb__item:before {
    width: clamp(
      3.8461538462px,
      calc(3.8461538462px + 4.6051282051 * (100vw - 375px) / 449),
      8.4512820513px
    );
  }
}
.p-breadcrumb__item + .p-breadcrumb__item:before {
  height: clamp(
    4.921875px,
    calc(4.921875px + 3.0078125 * (100vw - 900px) / 550),
    7.9296875px
  );
}
@media screen and (max-width: 824px) {
  .p-breadcrumb__item + .p-breadcrumb__item:before {
    height: clamp(
      6.7307692308px,
      calc(6.7307692308px + 8.058974359 * (100vw - 375px) / 449),
      14.7897435897px
    );
  }
}
.p-breadcrumb__item + .p-breadcrumb__item:before {
  background: url(/group/btsj/assets/images/common/icon-arrow-right-gray-dark.svg)
    no-repeat center/contain;
}
.p-breadcrumb__link {
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .p-breadcrumb__link:hover {
    opacity: 0.6;
  }
}
.c-link-list__title {
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .c-link-list__title {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.c-link-list__title {
  line-height: 1.78;
  letter-spacing: 0.02em;
  padding-bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .c-link-list__title {
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.c-link-list__title {
  color: #333;
}
.c-link-list__list {
  list-style: none;
  border-bottom: 1px solid #dddddd;
}
.c-link-list__item {
  border-top: 1px solid #dddddd;
}
.c-link-list__link {
  display: flex;
  align-items: center;
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .c-link-list__link {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.c-link-list__link {
  padding: clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .c-link-list__link {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.c-link-list__link {
  width: 100%;
  text-decoration: none;
  color: #333;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .c-link-list__link:hover {
    opacity: 0.6;
  }
}
.c-link-list__bullet {
  flex-shrink: 0;
  width: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .c-link-list__bullet {
    width: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.c-link-list__bullet {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-link-list__bullet {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-link-list__bullet {
  background: url(/group/btsj/assets/images/common/icon-arrow-right-red.svg)
    no-repeat center/contain;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .c-link-list__link:hover .c-link-list__bullet {
    transform: translate(
      clamp(
        2.8125px,
        calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
        4.53125px
      )
    );
  }
}
.c-link-list__text {
  flex: 1 1 0;
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .c-link-list__text {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.c-link-list__text {
  line-height: 1.86;
  letter-spacing: 0.02em;
}
.c-link-list__link[target="_blank"] .c-link-list__text:after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .c-link-list__link[target="_blank"] .c-link-list__text:after {
    width: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.c-link-list__link[target="_blank"] .c-link-list__text:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .c-link-list__link[target="_blank"] .c-link-list__text:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.c-link-list__link[target="_blank"] .c-link-list__text:after {
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-link-list__link[target="_blank"] .c-link-list__text:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-link-list__link[target="_blank"] .c-link-list__text:after {
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: url(/group/btsj/assets/images/common/icon-external-gray-dark.svg)
    no-repeat center/contain;
}
@media (max-width: 824px) {
  .c-link-list__title {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
  .c-link-list__link {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.p-item-cards {
  position: relative;
  overflow: hidden;
}
.p-item-cards__title {
  position: relative;
  z-index: 1;
  margin-bottom: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__title {
    margin-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-item-cards__title {
  color: #fff;
}
.p-item-cards__list {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__list {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-item-cards__list {
  list-style: none;
}
.p-item-cards__item {
  display: flex;
}
.p-item-cards__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #000;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .p-item-cards__link:hover {
    opacity: 1;
  }
  .p-item-cards__link:hover .p-item-cards__img img {
    transform: scale(1.1);
  }
  .p-item-cards__link:hover .p-item-cards__body {
    opacity: 0.5;
  }
}
.p-item-cards__img {
  width: 100%;
  aspect-ratio: 160/90;
  background: #fff;
  overflow: hidden;
}
.p-item-cards__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.p-item-cards__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  padding: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__body {
    padding: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-item-cards__body {
  transition: opacity 0.3s ease;
}
.p-item-cards__heading {
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__heading {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-item-cards__heading {
  line-height: 1.78;
  letter-spacing: 0.02em;
  color: #fff;
  margin-bottom: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__heading {
    margin-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-item-cards__link--external .p-item-cards__heading-text:after,
.p-item-cards__link[target="_blank"] .p-item-cards__heading-text:after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__link--external .p-item-cards__heading-text:after,
  .p-item-cards__link[target="_blank"] .p-item-cards__heading-text:after {
    width: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.p-item-cards__link--external .p-item-cards__heading-text:after,
.p-item-cards__link[target="_blank"] .p-item-cards__heading-text:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__link--external .p-item-cards__heading-text:after,
  .p-item-cards__link[target="_blank"] .p-item-cards__heading-text:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.p-item-cards__link--external .p-item-cards__heading-text:after,
.p-item-cards__link[target="_blank"] .p-item-cards__heading-text:after {
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__link--external .p-item-cards__heading-text:after,
  .p-item-cards__link[target="_blank"] .p-item-cards__heading-text:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-item-cards__link--external .p-item-cards__heading-text:after,
.p-item-cards__link[target="_blank"] .p-item-cards__heading-text:after {
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: url(/group/btsj/assets/images/common/icon-external-gray-dark.svg)
    no-repeat center/contain;
}
.p-item-cards__p {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-item-cards__p {
  line-height: 1.86;
  letter-spacing: 0.02em;
  text-align: justify;
  color: #fff;
  margin-bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__p {
    margin-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-item-cards__tag {
  align-self: flex-start;
  margin-top: auto;
  padding: clamp(
      3.515625px,
      calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
      5.6640625px
    )
    clamp(
      10.546875px,
      calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
      16.9921875px
    );
}
@media screen and (max-width: 824px) {
  .p-item-cards__tag {
    padding: clamp(
        4.8076923077px,
        calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
        10.5641025641px
      )
      clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      );
  }
}
.p-item-cards__tag {
  background: #ffffff26;
  color: #ccc;
  border-radius: 30px;
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .p-item-cards__tag {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.p-item-cards__tag {
  line-height: 1.83;
  letter-spacing: 0.02em;
}
@media (max-width: 824px) {
  .p-item-cards__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-item-cards__list {
    grid-template-columns: 1fr;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-item-cards__body {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
  .p-item-cards__heading {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    margin-bottom: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
  .p-item-cards__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.86;
    margin-bottom: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-item-cards__tag {
    padding: clamp(
        4.8076923077px,
        calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
        10.5641025641px
      )
      clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      );
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    line-height: 1.83;
  }
}
.p-product-cards__title {
  color: #fff;
  margin-bottom: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__title {
    margin-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-product-cards__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__list {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-product-cards__list {
  list-style: none;
}
.p-product-cards__item {
  display: flex;
  background: #000;
}
.p-product-cards__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .p-product-cards__link:hover {
    opacity: 1;
  }
  .p-product-cards__link:hover .p-product-cards__img img {
    transform: scale(1.1);
  }
  .p-product-cards__link:hover .p-product-cards__body {
    opacity: 0.5;
  }
}
.p-product-cards__img {
  width: 100%;
  aspect-ratio: 16/9;
  background: #fff;
  overflow: hidden;
}
.p-product-cards__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.4s ease;
}
.p-product-cards__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-product-cards__body {
  padding: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__body {
    padding: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-product-cards__body {
  transition: opacity 0.3s ease;
}
.p-product-cards__title-block {
  display: flex;
  flex-direction: column;
}
.p-product-cards__sub {
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__sub {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-product-cards__sub {
  line-height: 1.86;
  letter-spacing: 0.02em;
  color: #fff;
}
.p-product-cards__heading {
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__heading {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-product-cards__heading {
  line-height: 1.78;
  letter-spacing: 0.02em;
  color: #fff;
  margin: 0;
}
.p-product-cards__link--external .p-product-cards__heading-text:after,
.p-product-cards__link[target="_blank"] .p-product-cards__heading-text:after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__link--external .p-product-cards__heading-text:after,
  .p-product-cards__link[target="_blank"] .p-product-cards__heading-text:after {
    width: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.p-product-cards__link--external .p-product-cards__heading-text:after,
.p-product-cards__link[target="_blank"] .p-product-cards__heading-text:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__link--external .p-product-cards__heading-text:after,
  .p-product-cards__link[target="_blank"] .p-product-cards__heading-text:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.p-product-cards__link--external .p-product-cards__heading-text:after,
.p-product-cards__link[target="_blank"] .p-product-cards__heading-text:after {
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__link--external .p-product-cards__heading-text:after,
  .p-product-cards__link[target="_blank"] .p-product-cards__heading-text:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-product-cards__link--external .p-product-cards__heading-text:after,
.p-product-cards__link[target="_blank"] .p-product-cards__heading-text:after {
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: url(/group/btsj/assets/images/common/icon-external-gray-dark.svg)
    no-repeat center/contain;
}
.p-product-cards__p {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-product-cards__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-product-cards__p {
  line-height: 1.86;
  letter-spacing: 0.02em;
  color: #fff;
  text-align: justify;
  margin: 0;
}
@media (max-width: 824px) {
  .p-product-cards__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-product-cards__list {
    grid-template-columns: 1fr;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-product-cards__body {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
    gap: clamp(
      7.6923076923px,
      calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
      16.9025641026px
    );
  }
  .p-product-cards__link--external .p-product-cards__heading-text:after,
  .p-product-cards__link[target="_blank"] .p-product-cards__heading-text:after {
    vertical-align: -0.1em;
  }
  .p-product-cards__sub {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.86;
  }
  .p-product-cards__heading {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
  .p-product-cards__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.86;
  }
}
.c-overlap-cards {
  background: #fff;
  padding-bottom: clamp(
    38.671875px,
    calc(38.671875px + 23.6328125 * (100vw - 900px) / 550),
    62.3046875px
  );
}
@media screen and (max-width: 824px) {
  .c-overlap-cards {
    padding-bottom: clamp(
      52.8846153846px,
      calc(52.8846153846px + 63.3205128205 * (100vw - 375px) / 449),
      116.2051282051px
    );
  }
}
.c-overlap-cards__head {
  padding-bottom: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .c-overlap-cards__head {
    padding-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.c-overlap-cards__head {
  background: #f5f5f5;
}
.c-overlap-cards__title {
  margin: 0;
  color: #333;
}
.c-overlap-cards__images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.c-overlap-cards__img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.c-overlap-cards__img picture,
.c-overlap-cards__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c-overlap-cards__contents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  z-index: 1;
  margin-top: clamp(
    -96.2890625px,
    (59.765625px + 36.5234375 * (100vw - 900px) / 550) * -1,
    -59.765625px
  );
}
@media screen and (max-width: 824px) {
  .c-overlap-cards__contents {
    margin-top: clamp(
      -179.5897435897px,
      (81.7307692308px + 97.858974359 * (100vw - 375px) / 449) * -1,
      -81.7307692308px
    );
  }
}
.c-overlap-cards__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .c-overlap-cards__panel {
    padding: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.c-overlap-cards__panel:first-child:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: clamp(
    45.703125px,
    calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
    73.6328125px
  );
}
@media screen and (max-width: 824px) {
  .c-overlap-cards__panel:first-child:after {
    bottom: clamp(
      62.5px,
      calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
      137.3333333333px
    );
  }
}
.c-overlap-cards__panel:first-child:after {
  right: 0;
  width: 1px;
  background: #ddd;
  z-index: 2;
  pointer-events: none;
}
.c-overlap-cards__heading {
  margin: 0 0
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    );
}
@media screen and (max-width: 824px) {
  .c-overlap-cards__heading {
    margin: 0 0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
}
.c-overlap-cards__heading {
  font-weight: 500;
  font-size: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .c-overlap-cards__heading {
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.c-overlap-cards__heading {
  line-height: 1.8;
  letter-spacing: 0.02em;
  color: #333;
}
.c-overlap-cards__p {
  margin: 0;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .c-overlap-cards__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.c-overlap-cards__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.c-overlap-cards__p + .c-overlap-cards__p {
  margin-top: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .c-overlap-cards__p + .c-overlap-cards__p {
    margin-top: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.c-overlap-cards__btn {
  margin-top: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .c-overlap-cards__btn {
    margin-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.c-overlap-cards__btn {
  align-self: flex-start;
}
@media (max-width: 824px) {
  .c-overlap-cards {
    display: flex;
    flex-direction: column;
    padding-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .c-overlap-cards__head {
    padding-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .c-overlap-cards__images,
  .c-overlap-cards__contents {
    display: contents;
  }
  .c-overlap-cards__panel:first-child:after {
    display: none;
  }
  .c-overlap-cards__img:nth-of-type(1) {
    order: 1;
  }
  .c-overlap-cards__img:nth-of-type(2) {
    order: 3;
  }
  .c-overlap-cards__panel {
    position: relative;
    z-index: 1;
    margin: clamp(
        -84.5128205128px,
        (38.4615384615px + 46.0512820513 * (100vw - 375px) / 449) * -1,
        -38.4615384615px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      );
  }
  .c-overlap-cards__panel:nth-of-type(1) {
    order: 2;
  }
  .c-overlap-cards__panel:nth-of-type(2) {
    order: 4;
  }
  .c-overlap-cards__heading {
    margin-bottom: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
  .c-overlap-cards__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .c-overlap-cards__btn {
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-mv {
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: calc(100vh + 2px);
  overflow: hidden;
  background: #1a1a1a;
  color: #fff;
  display: flex;
  flex-direction: column;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.p-mv__slider {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.p-mv__slider .swiper-wrapper {
  display: block;
  height: 100%;
  position: relative;
  transform: none !important;
  overflow: hidden;
}
.p-mv__slide {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  overflow: hidden;
  --mask-x: 100%;
  -webkit-mask-image: linear-gradient(286deg, #000 50%, transparent 50%);
  mask-image: linear-gradient(286deg, #000 50%, transparent 50%);
  -webkit-mask-size: 220% 100%;
  mask-size: 220% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: var(--mask-x) 0;
  mask-position: var(--mask-x) 0;
  opacity: 1 !important;
}
.p-mv__slide:first-child {
  -webkit-mask-image: none;
  mask-image: none;
  z-index: 1;
}
.p-mv__slide picture,
.p-mv__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.p-mv__slide-img {
  width: 100%;
  height: 100%;
}
.p-mv__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(180.469deg, #0000 43.51%, #0006 99.004%);
  z-index: 3;
}
.p-mv__title {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: clamp(
      35.15625px,
      calc(35.15625px + 21.484375 * (100vw - 900px) / 550),
      56.640625px
    )
    clamp(
      42.1875px,
      calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
      67.96875px
    );
}
@media screen and (max-width: 824px) {
  .p-mv__title {
    padding: clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      )
      clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      );
  }
}
.p-mv__title {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-mv__title {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-mv__title {
  z-index: 4;
  color: #fff;
}
.p-mv__title-main {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  font-size: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-mv__title-main {
    font-size: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-mv__title-main {
  line-height: 1.54;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.p-mv__title-main > span:nth-child(2) {
  padding-left: 0.5em;
}
.p-mv__title-main > span:nth-child(3) {
  padding-left: 1em;
}
.p-mv__title-main > span,
.p-mv__title-en {
  overflow: hidden;
}
.p-mv__title-mask-inner {
  display: inline-block;
  will-change: transform;
}
.p-mv__title-break {
  display: inline;
}
.p-mv__title-en {
  display: flex;
  align-items: center;
  padding-left: clamp(
    56.25px,
    calc(56.25px + 0.0625 * (100vw - 900px)),
    90.625px
  );
}
@media screen and (max-width: 824px) {
  .p-mv__title-en {
    padding-left: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-mv__title-en {
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-mv__title-en {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-mv__title-en {
  line-height: 1.875;
  position: relative;
}
.p-mv__title-en p {
  margin: 0;
}
.p-mv__scroll {
  position: absolute;
  right: 0;
  bottom: 0;
  width: clamp(
    46.40625px,
    calc(46.40625px + 28.359375 * (100vw - 900px) / 550),
    74.765625px
  );
}
@media screen and (max-width: 824px) {
  .p-mv__scroll {
    width: clamp(
      63.4615384615px,
      calc(63.4615384615px + 75.9846153846 * (100vw - 375px) / 449),
      139.4461538462px
    );
  }
}
.p-mv__scroll {
  height: clamp(
    96.328125px,
    calc(96.328125px + 58.8671875 * (100vw - 900px) / 550),
    155.1953125px
  );
}
@media screen and (max-width: 824px) {
  .p-mv__scroll {
    height: clamp(
      131.7307692308px,
      calc(131.7307692308px + 157.7256410256 * (100vw - 375px) / 449),
      289.4564102564px
    );
  }
}
.p-mv__scroll {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
.p-mv__scroll-inner {
  transform: rotate(-90deg);
  display: flex;
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-mv__scroll-inner {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-mv__scroll-inner {
  align-items: center;
  justify-content: center;
  padding: clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    )
    clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    );
}
@media screen and (max-width: 824px) {
  .p-mv__scroll-inner {
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      );
  }
}
.p-mv__scroll-inner {
  white-space: nowrap;
}
.p-mv__scroll-icon {
  display: inline-flex;
  align-items: center;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .p-mv__scroll-icon {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.p-mv__scroll-icon {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-mv__scroll-icon {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-mv__scroll-icon {
  transform: rotate(180deg);
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
  will-change: transform, opacity;
}
.p-mv__scroll-icon svg,
.p-mv__scroll-icon img {
  width: 100%;
  height: 100%;
  display: block;
}
.p-mv__scroll-text {
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-mv__scroll-text {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-mv__scroll-text {
  line-height: 1.86;
  color: #fff;
  transform: rotate(180deg) translateZ(0);
  backface-visibility: hidden;
  transition: opacity 0.3s ease;
  will-change: opacity;
}
@media (hover: hover) {
  .p-mv__scroll:hover .p-mv__scroll-icon {
    transform: rotate(180deg)
      translate(
        clamp(
          2.8125px,
          calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
          4.53125px
        )
      );
    opacity: 0.5;
  }
  .p-mv__scroll:hover .p-mv__scroll-text {
    opacity: 0.5;
  }
}
@media (max-width: 824px) {
  .p-mv {
    top: 0;
    height: calc(100vh + 2px);
  }
  .p-mv__slide {
    -webkit-mask-size: 260% 100%;
    mask-size: 260% 100%;
  }
  .p-mv__title {
    bottom: calc(100vh - 100dvh);
    padding: clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      )
      clamp(
        76.9230769231px,
        calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
        169.0256410256px
      )
      clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .p-mv__title-main {
    font-size: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    line-height: 1.52;
    white-space: normal;
  }
  .p-mv__title-main > span:nth-child(2),
  .p-mv__title-main > span:nth-child(3) {
    padding-left: 0;
  }
  .p-mv__title-break {
    display: block;
  }
  .p-mv__title-en {
    padding-left: 0;
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.857;
    letter-spacing: 0.02em;
  }
  .p-mv__scroll {
    bottom: calc(100vh - 100dvh);
    width: clamp(
      63.4615384615px,
      calc(63.4615384615px + 75.9846153846 * (100vw - 375px) / 449),
      139.4461538462px
    );
    height: clamp(
      131.7307692308px,
      calc(131.7307692308px + 157.7256410256 * (100vw - 375px) / 449),
      289.4564102564px
    );
  }
  .p-mv__scroll-text {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.p-solutions {
  position: relative;
  width: 100%;
  margin-top: calc(100vh - 2px);
  height: var(--solutions-scroll-height, 400svh);
  background: transparent;
  color: #fff;
  z-index: 1;
}
.p-solutions__pin {
  position: relative;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  --topics-cover-blur: 0px;
  --topics-cover-opacity: 0;
  background: #0000004d;
}
.p-solutions__pin:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: transparent;
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
}
.p-solutions__pin:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: rgba(0, 0, 0, var(--topics-cover-opacity));
}
.p-solutions__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.p-solutions__bg-item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  --mask-x: 100%;
  -webkit-mask-image: linear-gradient(286deg, transparent 50%, #000 50%);
  mask-image: linear-gradient(286deg, transparent 50%, #000 50%);
  -webkit-mask-size: 220% 100%;
  mask-size: 220% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: var(--mask-x) 0;
  mask-position: var(--mask-x) 0;
}
.p-solutions__bg-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body:has(.p-mv) {
  background: url(/group/btsj/assets/images/global_footer/bg_footer02.gif)
    repeat left top;
}
main:has(.p-mv) + #footer.footer-wide2 {
  position: relative;
  z-index: 2;
  background: url(/group/btsj/assets/images/global_footer/bg_footer02.gif)
    repeat left top;
}
main:has(.p-mv) + #footer.footer-wide2 #footerContent {
  position: relative;
}
main:has(.p-mv) + #footer.footer-wide2 #footerContent:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 100vh;
  pointer-events: none;
  background: url(/group/btsj/assets/images/global_footer/bg_footer02.gif)
    repeat left top;
}
.p-solutions__overlay {
  position: absolute;
  inset: 0;
  background: #00000026;
  z-index: 1;
}
.p-solutions__inner {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: clamp(
      68.90625px,
      calc(68.90625px + 42.109375 * (100vw - 900px) / 550),
      111.015625px
    )
    0
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    );
}
@media screen and (max-width: 824px) {
  .p-solutions__inner {
    padding: clamp(
        94.2307692308px,
        calc(94.2307692308px + 112.8256410256 * (100vw - 375px) / 449),
        207.0564102564px
      )
      0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
}
.p-solutions__inner {
  display: flex;
  align-items: center;
  gap: clamp(56.25px, calc(56.25px + 0.0625 * (100vw - 900px)), 90.625px);
}
@media screen and (max-width: 824px) {
  .p-solutions__inner {
    gap: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-solutions__text {
  width: clamp(
    312.890625px,
    calc(312.890625px + 191.2109375 * (100vw - 900px) / 550),
    504.1015625px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__text {
    width: clamp(
      427.8846153846px,
      calc(427.8846153846px + 512.3205128205 * (100vw - 375px) / 449),
      940.2051282051px
    );
  }
}
.p-solutions__text {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(
    35.15625px,
    calc(35.15625px + 21.484375 * (100vw - 900px) / 550),
    56.640625px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__text {
    gap: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
  }
}
.p-solutions__text {
  will-change: transform, opacity;
}
.p-solutions__text .section-title {
  color: #fff;
  filter: drop-shadow(0 0 10px #000);
}
.p-solutions__lead {
  font-weight: 400;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-solutions__lead {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-solutions__lead {
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
  filter: drop-shadow(0 0 10px #000);
}
.p-solutions__text .c-btn {
  width: clamp(
    133.59375px,
    calc(133.59375px + 81.640625 * (100vw - 900px) / 550),
    215.234375px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__text .c-btn {
    width: clamp(
      182.6923076923px,
      calc(182.6923076923px + 218.7435897436 * (100vw - 375px) / 449),
      401.4358974359px
    );
  }
}
.p-solutions__visual {
  flex: 1;
  position: relative;
  min-width: 0;
  height: 100svh;
}
.p-solutions__visual-track {
  display: flex;
  flex-direction: column;
  will-change: transform;
}
.p-solutions__panel {
  display: flex;
  flex-direction: column;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-solutions__panel {
  flex-shrink: 0;
  height: 100svh;
  justify-content: center;
  will-change: transform, opacity;
}
.p-solutions__panel-link {
  display: flex;
  flex-direction: column;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-link {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-solutions__panel-link {
  width: 100%;
}
.p-solutions__panel-img {
  width: 100%;
  aspect-ratio: 547.55/308;
  overflow: hidden;
}
.p-solutions__panel-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
@media (hover: hover) {
  .p-solutions__panel-link:hover {
    opacity: 1;
  }
  .p-solutions__panel-link:hover .p-solutions__panel-img img {
    transform: scale(1.1);
  }
}
.p-solutions__panel-text {
  display: flex;
  align-items: center;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-text {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-solutions__panel-text {
  width: 100%;
}
.p-solutions__panel-arrow {
  position: relative;
  flex-shrink: 0;
  width: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-arrow {
    width: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-solutions__panel-arrow {
  height: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-arrow {
    height: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-solutions__panel-arrow {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-solutions__panel-arrow-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: 0;
}
.p-solutions__panel-arrow-ring-base,
.p-solutions__panel-arrow-ring-draw {
  fill: transparent;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.p-solutions__panel-arrow-ring-base {
  stroke: #fff;
}
.p-solutions__panel-arrow-ring-draw {
  stroke: red;
  stroke-width: 1.35;
  stroke-dasharray: 193.52 193.52;
  stroke-dashoffset: 193.52;
  stroke-linecap: butt;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: stroke-dashoffset 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.p-solutions__panel-arrow-wrap {
  position: relative;
  z-index: 2;
  display: block;
  flex-shrink: 0;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-arrow-wrap {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.p-solutions__panel-arrow-wrap {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-arrow-wrap {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-solutions__panel-arrow-img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 1;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.p-solutions__panel-arrow-img--hover {
  opacity: 0;
}
@media (hover: hover) {
  .p-solutions__panel-link:hover .p-solutions__panel-arrow-img {
    opacity: 0;
  }
  .p-solutions__panel-link:hover .p-solutions__panel-arrow-img--hover {
    opacity: 1;
  }
  .p-solutions__panel-link:hover .p-solutions__panel-arrow-ring-draw {
    stroke-dashoffset: 0;
  }
}
.p-solutions__panel-arrow img {
  display: block;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-arrow img {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.p-solutions__panel-arrow img {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-arrow img {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-solutions__panel-arrow img {
  object-fit: contain;
}
.p-solutions__panel-titles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  color: #fff;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .p-solutions__panel-link:hover .p-solutions__panel-titles {
    opacity: 0.5;
  }
}
.p-solutions__panel-en {
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-en {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-solutions__panel-en {
  line-height: 1.86;
}
.p-solutions__panel-ja {
  font-weight: 500;
  font-size: clamp(
    16.171875px,
    calc(16.171875px + 9.8828125 * (100vw - 900px) / 550),
    26.0546875px
  );
}
@media screen and (max-width: 824px) {
  .p-solutions__panel-ja {
    font-size: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
}
.p-solutions__panel-ja {
  line-height: 1.74;
}
@media (max-width: 824px) {
  .p-solutions {
    margin-top: 100vh;
    height: auto;
  }
  .p-solutions__pin {
    height: auto;
    overflow: visible;
  }
  .p-solutions__inner {
    flex-direction: column;
    height: auto;
    padding: 0;
    gap: 0;
    align-items: stretch;
  }
  .p-solutions__text {
    width: 100%;
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
    padding: clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      )
      0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
  .p-solutions__text .section-title {
    filter: drop-shadow(0 0 10px #000);
  }
  .p-solutions__lead {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.87;
    letter-spacing: 0.02em;
  }
  .p-solutions__visual {
    width: 100%;
    height: auto;
    position: static;
  }
  .p-solutions__panel {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      0;
    height: auto;
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    justify-content: flex-start;
  }
  .p-solutions__panel:last-child {
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-solutions__panel-img {
    aspect-ratio: 16/9;
    width: 100%;
  }
  .p-solutions__panel-en {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    letter-spacing: 0.02em;
  }
  .p-solutions__panel-ja {
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    line-height: 1.7;
    letter-spacing: 0.02em;
  }
}
.topics-section {
  position: relative;
  z-index: 2;
  background: #f5f5f5;
  padding: clamp(
      84.375px,
      calc(84.375px + 0.09375 * (100vw - 900px)),
      135.9375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .topics-section {
    padding: clamp(
        115.3846153846px,
        calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
        253.5384615385px
      )
      0;
  }
}
.topics-section {
  overflow: hidden;
}
.topics-section__link--sp {
  display: none;
}
.topics-section__shape {
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(
    513.28125px,
    calc(513.28125px + 313.671875 * (100vw - 900px) / 550),
    826.953125px
  );
}
@media screen and (max-width: 824px) {
  .topics-section__shape {
    width: clamp(
      701.9230769231px,
      calc(701.9230769231px + 840.4358974359 * (100vw - 375px) / 449),
      1542.358974359px
    );
  }
}
.topics-section__shape {
  max-width: 60%;
  height: 100%;
  pointer-events: none;
}
.topics-section__shape svg {
  display: block;
  width: 100%;
  height: 100%;
}
.topics-section__inner {
  position: relative;
  z-index: 1;
}
.topics-section .section-head {
  padding-bottom: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .topics-section .section-head {
    padding-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.topics-slider {
  position: relative;
}
.topics-slider .topics-slider__container.swiper {
  overflow: visible !important;
  padding: clamp(
      7.03125px,
      calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
      11.328125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .topics-slider .topics-slider__container.swiper {
    padding: clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      )
      0;
  }
}
.topics-slider .topics-slider__container.swiper {
  margin: clamp(
      -11.328125px,
      (7.03125px + 4.296875 * (100vw - 900px) / 550) * -1,
      -7.03125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .topics-slider .topics-slider__container.swiper {
    margin: clamp(
        -21.1282051282px,
        (9.6153846154px + 11.5128205128 * (100vw - 375px) / 449) * -1,
        -9.6153846154px
      )
      0;
  }
}
.topics-slider .swiper-wrapper {
  overflow: visible;
}
.topics-slider .swiper-slide.topics-slider__slide {
  width: clamp(
    209.53125px,
    calc(209.53125px + 128.046875 * (100vw - 900px) / 550),
    337.578125px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider .swiper-slide.topics-slider__slide {
    width: clamp(
      286.5384615385px,
      calc(286.5384615385px + 343.0820512821 * (100vw - 375px) / 449),
      629.6205128205px
    );
  }
}
.topics-slider .swiper-slide.topics-slider__slide {
  height: auto;
  flex-shrink: 0;
}
.topics-slider__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: clamp(
    35.15625px,
    calc(35.15625px + 21.484375 * (100vw - 900px) / 550),
    56.640625px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__navigation {
    padding-bottom: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
  }
}
.topics-slider__pagination {
  display: flex;
  align-items: center;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__pagination {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.topics-slider__prev,
.topics-slider__next {
  position: relative;
  flex-shrink: 0;
  width: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .topics-slider__prev,
  .topics-slider__next {
    width: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.topics-slider__prev,
.topics-slider__next {
  height: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__prev,
  .topics-slider__next {
    height: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.topics-slider__prev,
.topics-slider__next {
  border-radius: 50%;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  visibility: visible !important;
  opacity: 1;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.topics-slider__prev:focus,
.topics-slider__next:focus,
.topics-slider__prev:focus-visible,
.topics-slider__next:focus-visible {
  outline: none;
  box-shadow: none;
}
.topics-slider__prev:before,
.topics-slider__next:before,
.topics-slider__prev:after,
.topics-slider__next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__prev:before,
  .topics-slider__next:before,
  .topics-slider__prev:after,
  .topics-slider__next:after {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.topics-slider__prev:before,
.topics-slider__next:before,
.topics-slider__prev:after,
.topics-slider__next:after {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__prev:before,
  .topics-slider__next:before,
  .topics-slider__prev:after,
  .topics-slider__next:after {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.topics-slider__prev:before,
.topics-slider__next:before,
.topics-slider__prev:after,
.topics-slider__next:after {
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 2;
}
.topics-slider__prev:before,
.topics-slider__next:before {
  background-image: url(/group/btsj/assets/images/common/icon-arrow-right-gray.svg);
  opacity: 1;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.topics-slider__prev:after,
.topics-slider__next:after {
  background-image: url(/group/btsj/assets/images/common/icon-arrow-right-red.svg);
  opacity: 0;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
}
.topics-slider__prev:before,
.topics-slider__prev:after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.topics-slider__ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: visible;
  z-index: 0;
}
.topics-slider__ring-base,
.topics-slider__ring-draw {
  fill: transparent;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.topics-slider__ring-base {
  stroke: #ccc;
}
.topics-slider__ring-draw {
  stroke: red;
  stroke-width: 1.15;
  stroke-dasharray: 197.92 197.92;
  stroke-dashoffset: 197.92;
  stroke-linecap: butt;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: stroke-dashoffset 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media (hover: hover) {
  .topics-slider__prev:hover:before,
  .topics-slider__next:hover:before {
    opacity: 0;
  }
  .topics-slider__prev:hover:after,
  .topics-slider__next:hover:after {
    opacity: 1;
  }
  .topics-slider__prev:hover .topics-slider__arrow,
  .topics-slider__next:hover .topics-slider__arrow {
    filter: invert(15%) sepia(98%) saturate(7400%) hue-rotate(0deg)
      brightness(102%) contrast(120%);
  }
  .topics-slider__prev:hover .topics-slider__ring-draw,
  .topics-slider__next:hover .topics-slider__ring-draw {
    stroke-dashoffset: 0;
  }
}
.topics-slider__prev.is-disabled,
.topics-slider__next.is-disabled,
.topics-slider__prev.swiper-button-disabled,
.topics-slider__next.swiper-button-disabled,
.topics-slider__prev.swiper-button-lock,
.topics-slider__next.swiper-button-lock {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
.topics-slider__arrow {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__arrow {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.topics-slider__arrow {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__arrow {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.topics-slider__arrow {
  object-fit: contain;
  transition: filter 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  opacity: 0;
}
.topics-slider__prev .topics-slider__arrow {
  transform: rotate(180deg);
}
.topics-slider__prev:before,
.topics-slider__next:before,
.topics-slider__prev:after,
.topics-slider__next:after {
  display: none;
}
.topics-slider__arrow-wrap {
  position: relative;
  z-index: 2;
  display: block;
  flex-shrink: 0;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__arrow-wrap {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.topics-slider__arrow-wrap {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__arrow-wrap {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.topics-slider__arrow-wrap .topics-slider__arrow {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 1;
  transition: opacity 0.75s cubic-bezier(0.77, 0, 0.175, 1);
  transform: none;
}
.topics-slider__arrow-wrap .topics-slider__arrow--hover {
  opacity: 0;
}
.topics-slider__prev .topics-slider__arrow-wrap {
  transform: rotate(180deg);
}
@media (hover: hover) {
  .topics-slider__prev:hover .topics-slider__arrow-wrap .topics-slider__arrow,
  .topics-slider__next:hover .topics-slider__arrow-wrap .topics-slider__arrow {
    opacity: 0;
  }
  .topics-slider__prev:hover
    .topics-slider__arrow-wrap
    .topics-slider__arrow--hover,
  .topics-slider__next:hover
    .topics-slider__arrow-wrap
    .topics-slider__arrow--hover {
    opacity: 1;
  }
}
.topics-slider__track {
  position: relative;
  width: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__track {
    width: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.topics-slider__track {
  height: 2px;
  background: #ddd;
}
.topics-slider__handle {
  position: absolute;
  top: 50%;
  width: clamp(
    9.84375px,
    calc(9.84375px + 6.015625 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__handle {
    width: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.topics-slider__handle {
  height: clamp(
    9.84375px,
    calc(9.84375px + 6.015625 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .topics-slider__handle {
    height: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.topics-slider__handle {
  border-radius: 50%;
  background-color: #f5f5f5;
  transform: translate(-50%, -50%);
  left: 0;
  transition: left 0.3s ease;
}
.topics-slider__handle:before {
  position: absolute;
  content: "";
  width: clamp(5.625px, calc(5.625px + 0.00625 * (100vw - 900px)), 9.0625px);
}
@media screen and (max-width: 824px) {
  .topics-slider__handle:before {
    width: clamp(
      7.6923076923px,
      calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
      16.9025641026px
    );
  }
}
.topics-slider__handle:before {
  height: clamp(5.625px, calc(5.625px + 0.00625 * (100vw - 900px)), 9.0625px);
}
@media screen and (max-width: 824px) {
  .topics-slider__handle:before {
    height: clamp(
      7.6923076923px,
      calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
      16.9025641026px
    );
  }
}
.topics-slider__handle:before {
  top: 50%;
  border-radius: 50%;
  background: #333;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 824px) {
  .topics-section {
    padding: clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      )
      0;
  }
  .topics-section__shape {
    left: auto;
    right: 0;
    width: clamp(
      438.4615384615px,
      calc(438.4615384615px + 524.9846153846 * (100vw - 375px) / 449),
      963.4461538462px
    );
    max-width: none;
  }
  .topics-section .section-head {
    padding-right: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    padding-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .topics-slider {
    display: flex;
    flex-direction: column;
  }
  .topics-slider__navigation {
    order: 1;
    padding-right: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    padding-bottom: 0;
    padding-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
  .topics-slider__slide {
    width: 80vw;
    max-width: clamp(
      286.5384615385px,
      calc(286.5384615385px + 343.0820512821 * (100vw - 375px) / 449),
      629.6205128205px
    );
  }
  .topics-section__link--sp {
    display: inline-flex;
    margin-top: clamp(
      -31.6923076923px,
      (14.4230769231px + 17.2692307692 * (100vw - 375px) / 449) * -1,
      -14.4230769231px
    );
  }
  .topics-section__link--pc {
    display: none;
  }
}
.company-section {
  position: relative;
  z-index: 2;
  background: #fff;
  padding: clamp(
      84.375px,
      calc(84.375px + 0.09375 * (100vw - 900px)),
      135.9375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .company-section {
    padding: clamp(
        115.3846153846px,
        calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
        253.5384615385px
      )
      0;
  }
}
.company-section .section-head {
  padding-right: clamp(
    59.765625px,
    calc(59.765625px + 36.5234375 * (100vw - 900px) / 550),
    96.2890625px
  );
}
@media screen and (max-width: 824px) {
  .company-section .section-head {
    padding-right: clamp(
      81.7307692308px,
      calc(81.7307692308px + 97.858974359 * (100vw - 375px) / 449),
      179.5897435897px
    );
  }
}
.company-section .section-head {
  padding-bottom: clamp(
    35.15625px,
    calc(35.15625px + 21.484375 * (100vw - 900px) / 550),
    56.640625px
  );
}
@media screen and (max-width: 824px) {
  .company-section .section-head {
    padding-bottom: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
  }
}
.company-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .company-list {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.company-list__item {
  width: 100%;
  height: clamp(
    77.34375px,
    calc(77.34375px + 47.265625 * (100vw - 900px) / 550),
    124.609375px
  );
}
@media screen and (max-width: 824px) {
  .company-list__item {
    height: clamp(
      105.7692307692px,
      calc(105.7692307692px + 126.641025641 * (100vw - 375px) / 449),
      232.4102564103px
    );
  }
}
.company-list__item {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  box-sizing: border-box;
}
.company-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #333;
}
@media (hover: hover) {
  .company-card:hover {
    opacity: 1;
  }
  .company-card:hover .company-card__image {
    transform: scale(1.1) translateZ(0);
  }
  .company-card:hover .company-card__arrow {
    transform: translate(
      clamp(
        2.8125px,
        calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
        4.53125px
      )
    );
  }
  .company-card:hover .company-card__label {
    opacity: 0.5;
  }
}
.company-card__figure {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  height: 100%;
  padding: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .company-card__figure {
    padding: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.company-card__figure {
  box-sizing: border-box;
}
.company-card__image-wrap {
  width: clamp(
    92.109375px,
    calc(92.109375px + 56.2890625 * (100vw - 900px) / 550),
    148.3984375px
  );
}
@media screen and (max-width: 824px) {
  .company-card__image-wrap {
    width: clamp(
      125.9615384615px,
      calc(125.9615384615px + 150.8179487179 * (100vw - 375px) / 449),
      276.7794871795px
    );
  }
}
.company-card__image-wrap {
  height: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .company-card__image-wrap {
    height: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.company-card__image-wrap {
  flex-shrink: 0;
  overflow: hidden;
  isolation: isolate;
  transform: translateZ(0);
  border-radius: 0.01px;
}
.company-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateZ(0);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  transition: transform 0.4s ease;
}
.company-card__body {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  padding-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .company-card__body {
    padding-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.company-card__body {
  padding-right: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .company-card__body {
    padding-right: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.company-card__label {
  flex: 1 1 0;
  min-width: 0;
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .company-card__label {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.company-card__label {
  line-height: 1.875;
  letter-spacing: 0.02em;
  color: #333;
  transition: opacity 0.3s ease;
}
.company-card__arrow {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .company-card__arrow {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.company-card__arrow {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .company-card__arrow {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.company-card__arrow {
  transition: transform 0.3s ease;
}
.company-card__arrow img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 824px) {
  .company-section {
    padding: clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      )
      0;
  }
  .company-section .section-head {
    padding-right: 0;
    padding-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .company-list {
    grid-template-columns: 1fr;
    gap: 0;
    border-bottom: 1px solid #dddddd;
  }
  .company-list__item {
    width: 100%;
    height: clamp(
      105.7692307692px,
      calc(105.7692307692px + 126.641025641 * (100vw - 375px) / 449),
      232.4102564103px
    );
    border-bottom: none;
  }
  .company-card__image {
    width: clamp(
      125.9615384615px,
      calc(125.9615384615px + 150.8179487179 * (100vw - 375px) / 449),
      276.7794871795px
    );
    height: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-marquee {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background-color: #fff;
}
.p-marquee__inner {
  overflow: hidden;
}
.p-marquee__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  animation: p-marquee-scroll 20s linear infinite;
  will-change: transform;
}
.p-marquee__list li {
  list-style: none;
}
@keyframes p-marquee-scroll {
  0% {
    transform: translate(0);
  }
  to {
    /* 6枚分の移動距離 = 6 × (item幅 + margin-right) */
    transform: translate(
      clamp(
        -2039.0625px,
        (1265.625px + 773.4375 * (100vw - 900px) / 550) * -1,
        -1265.625px
      )
    );
  }
}
.p-marquee__item {
  flex-shrink: 0;
  width: clamp(
    239.0625px,
    calc(239.0625px + 146.09375 * (100vw - 900px) / 550),
    385.15625px
  );
}
@media screen and (max-width: 824px) {
  .p-marquee__item {
    width: clamp(
      326.9230769231px,
      calc(326.9230769231px + 391.4358974359 * (100vw - 375px) / 449),
      718.358974359px
    );
  }
}
.p-marquee__item {
  height: clamp(
    210.9375px,
    calc(210.9375px + 128.90625 * (100vw - 900px) / 550),
    339.84375px
  );
}
@media screen and (max-width: 824px) {
  .p-marquee__item {
    height: clamp(
      288.4615384615px,
      calc(288.4615384615px + 345.3846153846 * (100vw - 375px) / 449),
      633.8461538462px
    );
  }
}
.p-marquee__item {
  margin-right: clamp(
    -45.3125px,
    (28.125px + 17.1875 * (100vw - 900px) / 550) * -1,
    -28.125px
  );
}
@media screen and (max-width: 824px) {
  .p-marquee__item {
    margin-right: clamp(
      -84.5128205128px,
      (38.4615384615px + 46.0512820513 * (100vw - 375px) / 449) * -1,
      -38.4615384615px
    );
  }
}
.p-marquee__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 824px) {
  .p-marquee__item {
    width: clamp(
      272.1153846154px,
      calc(272.1153846154px + 325.8128205128 * (100vw - 375px) / 449),
      597.9282051282px
    );
    height: clamp(
      240.3846153846px,
      calc(240.3846153846px + 287.8205128205 * (100vw - 375px) / 449),
      528.2051282051px
    );
    margin-right: clamp(
      -73.9487179487px,
      (33.6538461538px + 40.2948717949 * (100vw - 375px) / 449) * -1,
      -33.6538461538px
    );
  }
  @keyframes p-marquee-scroll {
    0% {
      transform: translate(0);
    }
    to {
      /* 6枚分の移動距離 = 6 × (item幅 + margin-right) */
      transform: translate(
        clamp(
          -3143.876923077px,
          (1430.769230769px + 1713.107692308 * (100vw - 375px) / 449) * -1,
          -1430.769230769px
        )
      );
    }
  }
}
.p-news {
  position: relative;
  background: #fff;
  padding: clamp(
      84.375px,
      calc(84.375px + 0.09375 * (100vw - 900px)),
      135.9375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-news {
    padding: clamp(
        115.3846153846px,
        calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
        253.5384615385px
      )
      0;
  }
}
.p-news__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-news__head {
    padding-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-news .section-title {
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-news .section-title {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-news .section-title__en {
  font-size: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-news .section-title__en {
    font-size: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-news .section-title__ja {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-news .section-title__ja {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
@media (max-width: 824px) {
  .p-news {
    padding: clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      )
      0;
  }
  .p-news__head {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0;
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-news .section-title {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-news .section-title__en {
    font-size: clamp(
      26.9230769231px,
      calc(26.9230769231px + 32.2358974359 * (100vw - 375px) / 449),
      59.158974359px
    );
  }
}
@media (hover: hover) {
  .topics-slider__prev:hover,
  .topics-slider__next:hover {
    --ring-angle: 360deg;
  }
}
.topics-slider__arrow {
  z-index: 2;
}
.p-overview-lead__title {
  max-width: clamp(
    734.765625px,
    calc(734.765625px + 449.0234375 * (100vw - 900px) / 550),
    1183.7890625px
  );
}
@media screen and (max-width: 824px) {
  .p-overview-lead__title {
    max-width: clamp(
      1004.8076923077px,
      calc(1004.8076923077px + 1203.0897435897 * (100vw - 375px) / 449),
      2207.8974358974px
    );
  }
}
.p-overview-lead__body {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-overview-lead__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-overview-lead__body {
  margin-top: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-overview-lead__body {
    margin-top: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-overview-lead__body {
  max-width: clamp(
    734.765625px,
    calc(734.765625px + 449.0234375 * (100vw - 900px) / 550),
    1183.7890625px
  );
}
@media screen and (max-width: 824px) {
  .p-overview-lead__body {
    max-width: clamp(
      1004.8076923077px,
      calc(1004.8076923077px + 1203.0897435897 * (100vw - 375px) / 449),
      2207.8974358974px
    );
  }
}
.p-overview-lead__body {
  padding-bottom: clamp(
    56.25px,
    calc(56.25px + 0.0625 * (100vw - 900px)),
    90.625px
  );
}
@media screen and (max-width: 824px) {
  .p-overview-lead__body {
    padding-bottom: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-value-flow {
  background: #f5f5f5;
}
.p-value-flow__head {
  display: flex;
  flex-direction: column;
  gap: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__head {
    gap: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-value-flow__head {
  margin-bottom: clamp(
    56.25px,
    calc(56.25px + 0.0625 * (100vw - 900px)),
    90.625px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__head {
    margin-bottom: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-value-flow__lead {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__lead {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-value-flow__lead {
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
}
.p-value-flow__graph {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.p-value-flow__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: #fff6;
  border: 2px solid #dddddd;
  border-radius: 10px;
  padding: clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px)
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__box {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      );
  }
}
.p-value-flow__box-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.p-value-flow__box-sub {
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__box-sub {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-value-flow__box-sub {
  line-height: 1.875;
  letter-spacing: 0.02em;
}
.p-value-flow__box-desc {
  font-weight: 500;
  font-size: clamp(
    16.171875px,
    calc(16.171875px + 9.8828125 * (100vw - 900px) / 550),
    26.0546875px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box-desc {
    font-size: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
}
.p-value-flow__box-desc {
  line-height: 1.74;
  letter-spacing: 0.02em;
}
.p-value-flow__box-en {
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__box-en {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-value-flow__box-en {
  line-height: 1.875;
  letter-spacing: 0.02em;
}
.p-value-flow__box-brand {
  width: clamp(
    421.875px,
    calc(421.875px + 0.46875 * (100vw - 900px)),
    679.6875px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box-brand {
    width: clamp(
      576.9230769231px,
      calc(576.9230769231px + 690.7692307692 * (100vw - 375px) / 449),
      1267.6923076923px
    );
  }
}
.p-value-flow__box-brand {
  height: clamp(
    17.578125px,
    calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
    28.3203125px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box-brand {
    height: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
}
.p-value-flow__box-brand {
  object-fit: contain;
  margin-top: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box-brand {
    margin-top: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-value-flow__box-logo {
  display: flex;
  justify-content: center;
}
.p-value-flow__box-logo img {
  width: clamp(
    196.875px,
    calc(196.875px + 0.21875 * (100vw - 900px)),
    317.1875px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box-logo img {
    width: clamp(
      269.2307692308px,
      calc(269.2307692308px + 322.358974359 * (100vw - 375px) / 449),
      591.5897435897px
    );
  }
}
.p-value-flow__box-logo img {
  object-fit: contain;
}
.p-value-flow__box--maker {
  max-width: clamp(
    288.28125px,
    calc(288.28125px + 176.171875 * (100vw - 900px) / 550),
    464.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--maker {
    max-width: clamp(
      394.2307692308px,
      calc(394.2307692308px + 472.0256410256 * (100vw - 375px) / 449),
      866.2564102564px
    );
  }
}
.p-value-flow__box--maker {
  padding: clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    clamp(
      45.703125px,
      calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
      73.6328125px
    )
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--maker {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        62.5px,
        calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
        137.3333333333px
      )
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      );
  }
}
.p-value-flow__box--maker {
  justify-content: center;
}
.p-value-flow__box--maker .p-value-flow__box-logo {
  margin-top: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--maker .p-value-flow__box-logo {
    margin-top: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-value-flow__box--btsj {
  background: #fff;
  border: none;
  box-shadow: 0 0 20px #0000001a;
  padding: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--btsj {
    padding: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-value-flow__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__cards {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-value-flow__cards {
  width: 100%;
  margin-top: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__cards {
    margin-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-value-flow__cards {
  list-style: none;
}
.p-value-flow__card {
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  border-radius: 5px;
  padding: clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    );
}
@media screen and (max-width: 824px) {
  .p-value-flow__card {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
}
.p-value-flow__card {
  text-align: center;
}
.p-value-flow__card-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-title {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-value-flow__card-title {
  line-height: 1.78;
  letter-spacing: 0.02em;
  padding-bottom: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-title {
    padding-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-value-flow__card-title {
  border-bottom: 1px solid #ff0000;
}
.p-value-flow__card-title-text {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(45px, calc(45px + 0.05 * (100vw - 900px)), 72.5px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-title-text {
    min-height: clamp(
      61.5384615385px,
      calc(61.5384615385px + 73.6820512821 * (100vw - 375px) / 449),
      135.2205128205px
    );
  }
}
.p-value-flow__card-body {
  width: 100%;
  padding: clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    )
    clamp(
      2.109375px,
      calc(2.109375px + 1.2890625 * (100vw - 900px) / 550),
      3.3984375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-body {
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      clamp(
        2.8846153846px,
        calc(2.8846153846px + 3.4538461538 * (100vw - 375px) / 449),
        6.3384615385px
      )
      0;
  }
}
.p-value-flow__card-body {
  color: #000;
}
.p-value-flow__card-list {
  display: flex;
  flex-direction: column;
  gap: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-list {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.p-value-flow__card-list {
  list-style: none;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-list {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-value-flow__card-list {
  line-height: 1.86;
  text-align: left;
}
.p-value-flow__card-list li {
  position: relative;
  padding-left: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-list li {
    padding-left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-value-flow__card-list li:before {
  content: "";
  position: absolute;
  top: 0.9em;
  left: 0.6em;
  width: clamp(
    2.8125px,
    calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
    4.53125px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-list li:before {
    width: clamp(
      3.8461538462px,
      calc(3.8461538462px + 4.6051282051 * (100vw - 375px) / 449),
      8.4512820513px
    );
  }
}
.p-value-flow__card-list li:before {
  height: clamp(
    2.8125px,
    calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
    4.53125px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-list li:before {
    height: clamp(
      3.8461538462px,
      calc(3.8461538462px + 4.6051282051 * (100vw - 375px) / 449),
      8.4512820513px
    );
  }
}
.p-value-flow__card-list li:before {
  border-radius: 50%;
  background: #000;
}
.p-value-flow__card-p {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__card-p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-value-flow__card-p {
  line-height: 1.86;
  text-align: left;
}
.p-value-flow__box--corp {
  padding: clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px)
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--corp {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      );
  }
}
.p-value-flow__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__tags {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-value-flow__tags {
  width: 100%;
  max-width: clamp(
    639.84375px,
    calc(639.84375px + 391.015625 * (100vw - 900px) / 550),
    1030.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__tags {
    max-width: clamp(
      875px,
      calc(875px + 1047.6666666667 * (100vw - 375px) / 449),
      1922.6666666667px
    );
  }
}
.p-value-flow__tags {
  margin: clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    )
    auto 0;
}
@media screen and (max-width: 824px) {
  .p-value-flow__tags {
    margin: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      auto 0;
  }
}
.p-value-flow__tags {
  list-style: none;
}
.p-value-flow__box--b2b .p-value-flow__tags {
  max-width: clamp(
    414.140625px,
    calc(414.140625px + 253.0859375 * (100vw - 900px) / 550),
    667.2265625px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--b2b .p-value-flow__tags {
    max-width: clamp(
      566.3461538462px,
      calc(566.3461538462px + 678.1051282051 * (100vw - 375px) / 449),
      1244.4512820513px
    );
  }
}
.p-value-flow__box--b2c .p-value-flow__tags {
  max-width: clamp(
    176.484375px,
    calc(176.484375px + 107.8515625 * (100vw - 900px) / 550),
    284.3359375px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--b2c .p-value-flow__tags {
    max-width: clamp(
      241.3461538462px,
      calc(241.3461538462px + 288.9717948718 * (100vw - 375px) / 449),
      530.3179487179px
    );
  }
}
.p-value-flow__tags li {
  background: #eee;
  border-radius: 30px;
  padding: clamp(
      3.515625px,
      calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
      5.6640625px
    )
    clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    );
}
@media screen and (max-width: 824px) {
  .p-value-flow__tags li {
    padding: clamp(
        4.8076923077px,
        calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
        10.5641025641px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
  }
}
.p-value-flow__tags li {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__tags li {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-value-flow__tags li {
  line-height: 2.125;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.p-value-flow__arrow {
  display: block;
  flex-shrink: 0;
  width: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__arrow {
    width: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-value-flow__arrow {
  height: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__arrow {
    height: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-value-flow__arrow {
  background: url(/group/btsj/assets/images/common/icon-arrow-down-gray.svg)
    no-repeat center/contain;
  margin-bottom: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__arrow {
    margin-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-value-flow__arrows {
  display: grid;
  grid-template-columns: 729fr 351fr;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__arrows {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-value-flow__arrows {
  width: 100%;
}
.p-value-flow__arrows .p-value-flow__arrow {
  margin-inline: auto;
}
.p-value-flow__box--btsj + .p-value-flow__arrow,
.p-value-flow__box--corp + .p-value-flow__arrows {
  margin-top: clamp(
    -1.1328125px,
    (0.703125px + 0.4296875 * (100vw - 900px) / 550) * -1,
    -0.703125px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--btsj + .p-value-flow__arrow,
  .p-value-flow__box--corp + .p-value-flow__arrows {
    margin-top: clamp(
      -2.1128205128px,
      (0.9615384615px + 1.1512820513 * (100vw - 375px) / 449) * -1,
      -0.9615384615px
    );
  }
}
.p-value-flow__split {
  display: grid;
  grid-template-columns: 729fr 351fr;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__split {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-value-flow__split {
  width: 100%;
}
.p-value-flow__box--b2b,
.p-value-flow__box--b2c {
  padding: clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px)
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--b2b,
  .p-value-flow__box--b2c {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      );
  }
}
.p-value-flow__box--b2b .p-value-flow__box-sub,
.p-value-flow__box--b2c .p-value-flow__box-sub {
  font-weight: 500;
  font-size: clamp(
    16.171875px,
    calc(16.171875px + 9.8828125 * (100vw - 900px) / 550),
    26.0546875px
  );
}
@media screen and (max-width: 824px) {
  .p-value-flow__box--b2b .p-value-flow__box-sub,
  .p-value-flow__box--b2c .p-value-flow__box-sub {
    font-size: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
}
.p-value-flow__box--b2b .p-value-flow__box-sub,
.p-value-flow__box--b2c .p-value-flow__box-sub {
  line-height: 1.74;
  letter-spacing: 0.02em;
}
.p-service-cards {
  position: relative;
  overflow: hidden;
}
.p-service-cards:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(585px, calc(585px + 0.65 * (100vw - 900px)), 942.5px);
}
@media screen and (max-width: 824px) {
  .p-service-cards:before {
    width: clamp(
      800px,
      calc(800px + 957.8666666667 * (100vw - 375px) / 449),
      1757.8666666667px
    );
  }
}
.p-service-cards:before {
  height: 100%;
  background: url(/group/btsj/assets/images/business/overview/service-bg-slant.svg)
    no-repeat left top/100% 100%;
  z-index: 0;
}
.p-service-cards .container {
  position: relative;
  z-index: 1;
}
.p-service-cards__group {
  display: flex;
  flex-direction: column;
}
.p-service-cards__group + .p-service-cards__group {
  margin-top: clamp(
    56.25px,
    calc(56.25px + 0.0625 * (100vw - 900px)),
    90.625px
  );
}
@media screen and (max-width: 824px) {
  .p-service-cards__group + .p-service-cards__group {
    margin-top: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-service-cards__group + .p-service-cards__group {
  padding-top: clamp(
    56.25px,
    calc(56.25px + 0.0625 * (100vw - 900px)),
    90.625px
  );
}
@media screen and (max-width: 824px) {
  .p-service-cards__group + .p-service-cards__group {
    padding-top: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-service-cards__group + .p-service-cards__group {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.p-service-cards__title {
  margin-bottom: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-service-cards__title {
    margin-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-service-cards__title {
  color: #fff;
}
.p-service-cards__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-service-cards__list {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-service-cards__list {
  list-style: none;
}
.p-service-cards__link {
  display: block;
  color: #fff;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .p-service-cards__link:hover {
    opacity: 1;
  }
}
.p-service-cards__img {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.p-service-cards__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
@media (hover: hover) {
  .p-service-cards__link:hover .p-service-cards__img img {
    transform: scale(1.1);
  }
  .p-service-cards__link:hover .p-service-cards__text {
    opacity: 0.5;
  }
}
.p-service-cards__body {
  display: flex;
  align-items: center;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-service-cards__body {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-service-cards__body {
  margin-top: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-service-cards__body {
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-service-cards__text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  transition: opacity 0.3s ease;
}
.p-service-cards__sub {
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-service-cards__sub {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-service-cards__sub {
  line-height: 1.86;
  letter-spacing: 0.02em;
  color: #fff;
}
.p-service-cards__name {
  font-weight: 500;
  font-size: clamp(
    16.171875px,
    calc(16.171875px + 9.8828125 * (100vw - 900px) / 550),
    26.0546875px
  );
}
@media screen and (max-width: 824px) {
  .p-service-cards__name {
    font-size: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
}
.p-service-cards__name {
  line-height: 1.74;
  color: #fff;
  letter-spacing: 0.02em;
}
.p-network {
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, #f5f5f5 50%, #ebecee 50%);
}
.p-network__inner {
  position: relative;
}
.p-network__title {
  position: relative;
  z-index: 2;
  max-width: clamp(
    780.46875px,
    calc(780.46875px + 476.953125 * (100vw - 900px) / 550),
    1257.421875px
  );
}
@media screen and (max-width: 824px) {
  .p-network__title {
    max-width: clamp(
      1067.3076923077px,
      calc(1067.3076923077px + 1277.9230769231 * (100vw - 375px) / 449),
      2345.2307692308px
    );
  }
}
.p-network__body {
  position: relative;
  z-index: 2;
  max-width: clamp(
    312.890625px,
    calc(312.890625px + 191.2109375 * (100vw - 900px) / 550),
    504.1015625px
  );
}
@media screen and (max-width: 824px) {
  .p-network__body {
    max-width: clamp(
      427.8846153846px,
      calc(427.8846153846px + 512.3205128205 * (100vw - 375px) / 449),
      940.2051282051px
    );
  }
}
.p-network__body {
  margin-top: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-network__body {
    margin-top: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-network__body {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-network__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-network__p {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-network__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-network__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
}
.p-network__body .c-btn {
  margin-top: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-network__body .c-btn {
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-network__map {
  position: absolute;
  z-index: 1;
  top: clamp(
    -283.203125px,
    (175.78125px + 107.421875 * (100vw - 900px) / 550) * -1,
    -175.78125px
  );
}
@media screen and (max-width: 824px) {
  .p-network__map {
    top: clamp(
      -528.2051282051px,
      (240.3846153846px + 287.8205128205 * (100vw - 375px) / 449) * -1,
      -240.3846153846px
    );
  }
}
.p-network__map {
  right: clamp(
    -96.2890625px,
    (59.765625px + 36.5234375 * (100vw - 900px) / 550) * -1,
    -59.765625px
  );
}
@media screen and (max-width: 824px) {
  .p-network__map {
    right: clamp(
      -179.5897435897px,
      (81.7307692308px + 97.858974359 * (100vw - 375px) / 449) * -1,
      -81.7307692308px
    );
  }
}
.p-network__map {
  width: clamp(
    691.171875px,
    calc(691.171875px + 422.3828125 * (100vw - 900px) / 550),
    1113.5546875px
  );
}
@media screen and (max-width: 824px) {
  .p-network__map {
    width: clamp(
      945.1923076923px,
      calc(945.1923076923px + 1131.7102564103 * (100vw - 375px) / 449),
      2076.9025641026px
    );
  }
}
.p-network__map {
  aspect-ratio: 1;
  pointer-events: none;
}
.p-network__map picture,
.p-network__map img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* PC: 日本地図が視覚的に下がって見えるため上に40px相当オフセット */
@media (min-width: 825px) {
  .p-network__map picture,
  .p-network__map img {
    margin-top: clamp(-45px, calc(-30px - 15 * (100vw - 900px) / 550), -30px);
  }
}
/* p-shop-support: 店舗運営 | 販売店支援 の2カラム＋中央区切り線（Figma準拠） */
.p-shop-support {
  background: #fff;
  padding: clamp(84.375px, calc(84.375px + 0.09375 * (100vw - 900px)), 135.9375px) 0;
}
.p-shop-support__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 86.71875%;
  max-width: 1110px;
  margin: 0 auto;
}
@media (min-width: 1080px) {
  .p-shop-support__inner {
    width: calc(100% - 170px);
    max-width: 1110px;
  }
}
.p-shop-support__col {
  padding-right: clamp(30px, calc(30px + 35 * (100vw - 900px) / 550), 65px);
}
.p-shop-support__col + .p-shop-support__col {
  border-left: 1px solid #ddd;
  padding-right: 0;
  padding-left: clamp(30px, calc(30px + 35 * (100vw - 900px) / 550), 65px);
}
.p-shop-support__title {
  font-size: clamp(16px, calc(16px + 6 * (100vw - 900px) / 550), 22px);
  line-height: 1.8;
  margin-bottom: clamp(15px, calc(15px + 5 * (100vw - 900px) / 550), 20px);
}
.p-shop-support__p {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
  margin: 0;
}
@media (max-width: 824px) {
  .p-overview-lead__title,
  .p-overview-lead__body {
    max-width: none;
  }
  .p-overview-lead__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    margin-top: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    padding-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
  .p-value-flow__head {
    gap: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    margin-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
  .p-value-flow__lead {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-value-flow__graph {
    gap: 0;
  }
  .p-value-flow__box {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
  }
  .p-value-flow__box--maker,
  .p-value-flow__box--btsj,
  .p-value-flow__box--corp,
  .p-value-flow__box--b2b,
  .p-value-flow__box--b2c {
    max-width: none;
    min-height: 0;
  }
  .p-value-flow__box--maker {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      );
  }
  .p-value-flow__box--maker .p-value-flow__box-logo {
    margin-top: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .p-value-flow__box-logo img {
    width: clamp(
      230.7692307692px,
      calc(230.7692307692px + 276.3076923077 * (100vw - 375px) / 449),
      507.0769230769px
    );
    height: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-value-flow__box--btsj {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
  }
  .p-value-flow__box--btsj .p-value-flow__box-title {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-value-flow__box-brand {
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  .p-value-flow__box-title {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
  .p-value-flow__box-sub,
  .p-value-flow__box-en {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    line-height: 1.833;
  }
  .p-value-flow__box-desc,
  .p-value-flow__box--b2b .p-value-flow__box-sub,
  .p-value-flow__box--b2c .p-value-flow__box-sub {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    font-weight: 500;
  }
  .p-value-flow__cards {
    grid-template-columns: 1fr;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    margin-top: 0;
  }
  .p-value-flow__card {
    padding: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-value-flow__card-title {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    padding-bottom: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-value-flow__card-title-text {
    min-height: 0;
  }
  .p-value-flow__card-body {
    padding: clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      )
      0 0;
  }
  .p-value-flow__card-list {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    line-height: 1.833;
    gap: 0;
  }
  .p-value-flow__card-list li {
    padding-left: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
  .p-value-flow__card-list li:before {
    top: 0.7em;
  }
  .p-value-flow__card-p {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    line-height: 1.833;
  }
  .p-value-flow__box--corp {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
  }
  .p-value-flow__tags,
  .p-value-flow__box--b2b .p-value-flow__tags,
  .p-value-flow__box--b2c .p-value-flow__tags {
    max-width: none;
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .p-value-flow__tags li {
    padding: clamp(
        4.8076923077px,
        calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
        10.5641025641px
      )
      clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      );
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    line-height: 1.833;
    letter-spacing: 0.02em;
  }
  .p-value-flow__split {
    grid-template-columns: 1fr 1fr;
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    min-width: 0;
  }
  .p-value-flow__box--b2b,
  .p-value-flow__box--b2c {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
    min-width: 0;
  }
  .p-value-flow__arrow {
    width: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    height: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    margin: 0 0
      clamp(
        4.8076923077px,
        calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
        10.5641025641px
      );
    background-image: url(/group/btsj/assets/images/common/icon-arrow-down-gray-sp.svg);
  }
  .p-value-flow__arrows {
    grid-template-columns: 1fr 1fr;
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    margin-bottom: 0;
  }
  .p-value-flow__box--btsj + .p-value-flow__arrow,
  .p-value-flow__box--corp + .p-value-flow__arrows {
    margin-top: 0;
  }
  .p-service-cards:before {
    width: 100%;
  }
  .p-service-cards__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-service-cards__list {
    grid-template-columns: 1fr;
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-service-cards__group + .p-service-cards__group {
    margin-top: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
    padding-top: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
  }
  .p-service-cards__body {
    margin-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-service-cards__sub {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.85;
  }
  .p-service-cards__name {
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    line-height: 1.7;
  }
  .p-network {
    background: #f5f5f5;
  }
  .p-network__inner {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .p-network__title {
    max-width: none;
  }
  .p-network__map {
    top: auto;
    right: auto;
    order: 1;
    width: 188%;
    top: clamp(
      -135.2205128205px,
      (61.5384615385px + 73.6820512821 * (100vw - 375px) / 449) * -1,
      -61.5384615385px
    );
    right: clamp(
      -316.9230769231px,
      (144.2307692308px + 172.6923076923 * (100vw - 375px) / 449) * -1,
      -144.2307692308px
    );
  }
  .p-network__body {
    order: 2;
    max-width: none;
    margin-top: clamp(
      288.4615384615px,
      calc(288.4615384615px + 345.3846153846 * (100vw - 375px) / 449),
      633.8461538462px
    );
  }
  .p-network__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-network__body .c-btn {
    margin-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-shop-support {
    padding: clamp(60px, calc(60px + 40 * (100vw - 375px) / 449), 100px) 0;
  }
  .p-shop-support__inner {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
  .p-shop-support__col {
    padding-right: 0;
    padding-bottom: clamp(50px, calc(50px + 20 * (100vw - 375px) / 449), 70px);
    border-bottom: 1px solid #ddd;
  }
  .p-shop-support__col + .p-shop-support__col {
    border-left: none;
    border-top: none;
    border-bottom: none;
    padding-left: 0;
    padding-top: clamp(50px, calc(50px + 20 * (100vw - 375px) / 449), 70px);
    padding-bottom: 0;
  }
  .p-shop-support__title {
    font-size: clamp(16px, calc(16px + 10 * (100vw - 375px) / 449), 26px);
    line-height: 1.75;
    margin-bottom: clamp(15px, calc(15px + 8 * (100vw - 375px) / 449), 23px);
  }
  .p-shop-support__p {
    font-size: clamp(15px, calc(15px + 9 * (100vw - 375px) / 449), 24px);
    line-height: 1.867;
  }
}
@media (max-width: 824px) {
  .p-page-content--ts {
    padding-bottom: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
  }
  .p-ts-issues__arrow {
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .p-ts-issues__arrow .c-arrow-circle__svg {
    display: none;
  }
}
.p-page-content__title + .p-ts-lead__body {
  margin-top: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-page-content__title + .p-ts-lead__body {
    margin-top: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-ts-lead__body {
  display: grid;
  grid-template-columns: 445fr 520fr;
  gap: clamp(56.25px, calc(56.25px + 0.0625 * (100vw - 900px)), 90.625px);
}
@media screen and (max-width: 824px) {
  .p-ts-lead__body {
    gap: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-ts-lead__body {
  align-items: center;
  padding-bottom: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-lead__body {
    padding-bottom: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-ts-lead__body {
  padding-right: clamp(
    45.703125px,
    calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
    73.6328125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-lead__body {
    padding-right: clamp(
      62.5px,
      calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
      137.3333333333px
    );
  }
}
.p-ts-lead__text {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-lead__text {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-ts-lead__text .c-btn {
  margin-top: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-lead__text .c-btn {
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-ts-lead__graph {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.p-ts-graph {
  position: relative;
  width: 100%;
  max-width: clamp(
    365.625px,
    calc(365.625px + 0.40625 * (100vw - 900px)),
    589.0625px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph {
    max-width: clamp(
      500px,
      calc(500px + 598.6666666667 * (100vw - 375px) / 449),
      1098.6666666667px
    );
  }
}
.p-ts-graph {
  aspect-ratio: 520/480;
  margin-top: clamp(
    11.25px,
    calc(11.25px + 0.0125 * (100vw - 900px)),
    18.125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph {
    margin-top: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-ts-graph {
  background: #f5f5f5;
}
.p-ts-graph:before {
  content: "";
  position: absolute;
  top: 43.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 51.15%;
  aspect-ratio: 1;
  border: 1px solid #dddddd;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.p-ts-graph__circle {
  position: absolute;
  width: 38.46%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(5.625px, calc(5.625px + 0.00625 * (100vw - 900px)), 9.0625px);
}
@media screen and (max-width: 824px) {
  .p-ts-graph__circle {
    gap: clamp(
      7.6923076923px,
      calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
      16.9025641026px
    );
  }
}
.p-ts-graph__circle {
  padding: 0
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    );
}
@media screen and (max-width: 824px) {
  .p-ts-graph__circle {
    padding: 0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
}
.p-ts-graph__circle {
  background: #fff;
  border-radius: 50%;
  filter: drop-shadow(0 0 40px rgba(0, 0, 0, 0.15));
  text-align: center;
  z-index: 2;
  padding-top: clamp(
    1.40625px,
    calc(1.40625px + 0.859375 * (100vw - 900px) / 550),
    2.265625px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph__circle {
    padding-top: clamp(
      1.9230769231px,
      calc(1.9230769231px + 2.3025641026 * (100vw - 375px) / 449),
      4.2256410256px
    );
  }
}
.p-ts-graph__circle--product {
  left: 0;
  top: 0;
}
.p-ts-graph__circle--service {
  right: 0;
  top: 0;
}
.p-ts-graph__circle--network {
  left: 0;
  right: 0;
  margin-inline: auto;
  bottom: 0;
}
.p-ts-graph__label {
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-ts-graph__label {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-ts-graph__label {
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #333;
}
.p-ts-graph__desc {
  font-size: clamp(
    10px,
    calc(10px + 4.7265625 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph__desc {
    font-size: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.p-ts-graph__desc {
  line-height: 1.85;
  letter-spacing: 0.02em;
  color: #333;
}
.p-ts-graph__center {
  position: absolute;
  top: clamp(
    2.8125px,
    calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
    4.53125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph__center {
    top: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.p-ts-graph__center {
  bottom: 19.6%;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(
    4.21875px,
    calc(4.21875px + 2.578125 * (100vw - 900px) / 550),
    6.796875px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph__center {
    gap: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
}
.p-ts-graph__center {
  text-align: center;
  z-index: 1;
  background: #f5f5f5;
}
.p-ts-graph__center-label {
  font-size: clamp(
    11.953125px,
    calc(11.953125px + 7.3046875 * (100vw - 900px) / 550),
    19.2578125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph__center-label {
    font-size: clamp(
      16.3461538462px,
      calc(16.3461538462px + 19.5717948718 * (100vw - 375px) / 449),
      35.9179487179px
    );
  }
}
.p-ts-graph__center-label {
  font-weight: 700;
  line-height: 1.86;
  letter-spacing: 0.02em;
  color: #333;
  margin-bottom: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph__center-label {
    margin-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-ts-graph__center-name {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph__center-name {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-ts-graph__center-name {
  font-weight: 700;
  line-height: 1.85;
  letter-spacing: 0.02em;
  color: #333;
}
.p-ts-graph__center-logo {
  display: block;
  width: clamp(
    64.6875px,
    calc(64.6875px + 39.53125 * (100vw - 900px) / 550),
    104.21875px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-graph__center-logo {
    width: clamp(
      88.4615384615px,
      calc(88.4615384615px + 105.9179487179 * (100vw - 375px) / 449),
      194.3794871795px
    );
  }
}
.p-ts-graph__center-logo {
  height: auto;
  mix-blend-mode: multiply;
}
.p-ts-issues {
  background-color: #f5f5f5;
}
.p-ts-issues__title {
  margin-bottom: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__title {
    margin-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-ts-issues__title {
  padding-top: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__title {
    padding-top: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-ts-issues__title {
  border-top: 1px solid #dddddd;
}
.p-ts-issues__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__list {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-ts-issues__list {
  list-style: none;
}
.p-ts-issues__item {
  display: flex;
  background-color: #fff;
}
.p-ts-issues__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: #fff;
  padding: 0
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    )
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__link {
    padding: 0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
}
.p-ts-issues__link {
  text-decoration: none;
  color: #333;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .p-ts-issues__link:hover {
    opacity: 1;
  }
  .p-ts-issues__link:hover .p-ts-issues__body {
    opacity: 0.6;
  }
}
.p-ts-issues__icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-ts-issues__icon {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      0;
  }
}
.p-ts-issues__icon {
  border-bottom: 1px solid #ddd;
}
.p-ts-issues__icon img {
  width: clamp(33.75px, calc(33.75px + 0.0375 * (100vw - 900px)), 54.375px);
}
@media screen and (max-width: 824px) {
  .p-ts-issues__icon img {
    width: clamp(
      46.1538461538px,
      calc(46.1538461538px + 55.2615384615 * (100vw - 375px) / 449),
      101.4153846154px
    );
  }
}
.p-ts-issues__icon img {
  height: clamp(33.75px, calc(33.75px + 0.0375 * (100vw - 900px)), 54.375px);
}
@media screen and (max-width: 824px) {
  .p-ts-issues__icon img {
    height: clamp(
      46.1538461538px,
      calc(46.1538461538px + 55.2615384615 * (100vw - 375px) / 449),
      101.4153846154px
    );
  }
}
.p-ts-issues__icon img {
  object-fit: contain;
}
.p-ts-issues__body {
  width: 100%;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-ts-issues__body {
  padding: clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-ts-issues__body {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.p-ts-issues__body {
  text-align: center;
  transition: opacity 0.3s ease;
}
.p-ts-issues__heading {
  display: inline-flex;
  align-items: center;
  padding-left: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__heading {
    padding-left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-ts-issues__heading {
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__heading {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-ts-issues__heading {
  line-height: 1.78;
  letter-spacing: 0.02em;
}
.p-ts-issues__heading-text {
  display: inline-flex;
  align-items: center;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__heading-text {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-ts-issues__heading-text:after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__heading-text:after {
    width: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.p-ts-issues__heading-text:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__heading-text:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.p-ts-issues__heading-text:after {
  margin-left: 0;
}
@media screen and (max-width: 824px) {
  .p-ts-issues__heading-text:after {
    margin-left: 0;
  }
}
.p-ts-issues__heading-text:after {
  vertical-align: middle;
  background: url(/group/btsj/assets/images/common/icon-external-gray-dark.svg)
    no-repeat center/contain;
  margin-bottom: 0;
}
.p-ts-issues__p {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-issues__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-ts-issues__p {
  line-height: 1.86;
  letter-spacing: 0.02em;
}
.p-ts-pros {
  position: relative;
  background: #fff;
}
.p-ts-pros__hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
}
.p-ts-pros__hero-item {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.p-ts-pros__hero-item picture,
.p-ts-pros__hero-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-ts-pros__hero-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #0000 40%, #000c);
  pointer-events: none;
}
.p-ts-pros__hero-title {
  position: absolute;
  left: 0;
  bottom: clamp(
    73.828125px,
    calc(73.828125px + 45.1171875 * (100vw - 900px) / 550),
    118.9453125px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-pros__hero-title {
    bottom: clamp(
      100.9615384615px,
      calc(100.9615384615px + 120.8846153846 * (100vw - 375px) / 449),
      221.8461538462px
    );
  }
}
.p-ts-pros__hero-title {
  width: 100%;
  padding: 0
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    );
}
@media screen and (max-width: 824px) {
  .p-ts-pros__hero-title {
    padding: 0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
}
.p-ts-pros__hero-title {
  text-align: center;
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-pros__hero-title {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-ts-pros__hero-title {
  line-height: 1.78;
  letter-spacing: 0.02em;
  color: #fff;
  z-index: 2;
}
.p-ts-pros__inner {
  position: relative;
  z-index: 1;
  margin-top: clamp(
    -90.625px,
    (56.25px + 34.375 * (100vw - 900px) / 550) * -1,
    -56.25px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-pros__inner {
    margin-top: clamp(
      -169.0256410256px,
      (76.9230769231px + 92.1025641026 * (100vw - 375px) / 449) * -1,
      -76.9230769231px
    );
  }
}
.p-ts-pros__inner {
  padding: clamp(
      45.703125px,
      calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
      73.6328125px
    )
    clamp(
      66.796875px,
      calc(66.796875px + 40.8203125 * (100vw - 900px) / 550),
      107.6171875px
    );
}
@media screen and (max-width: 824px) {
  .p-ts-pros__inner {
    padding: clamp(
        62.5px,
        calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
        137.3333333333px
      )
      clamp(
        91.3461538462px,
        calc(91.3461538462px + 109.3717948718 * (100vw - 375px) / 449),
        200.7179487179px
      );
  }
}
.p-ts-pros__inner {
  background: #f5f5f5;
}
.p-ts-pros__title {
  text-align: center;
  margin-bottom: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-pros__title {
    margin-bottom: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-ts-pros__title {
  color: #333;
}
.p-ts-pros__p {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-ts-pros__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-ts-pros__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #333;
}
.p-ts-pros__links {
  padding-top: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-ts-pros__links {
    padding-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
@media (max-width: 824px) {
  .p-page-content__title + .p-ts-lead__body {
    margin-top: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    padding-bottom: 0;
  }
  .p-ts-lead__body {
    grid-template-columns: 1fr;
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
    padding-right: 0;
    padding-bottom: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
  }
  .p-ts-lead__graph {
    order: 1;
    justify-content: center;
  }
  .p-ts-lead__text {
    order: 2;
  }
  .p-ts-lead__text .c-btn {
    margin-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-ts-graph {
    max-width: clamp(
      326.9230769231px,
      calc(326.9230769231px + 391.4358974359 * (100vw - 375px) / 449),
      718.358974359px
    );
    margin-top: 0;
  }
  .p-ts-graph:before {
    width: 51.15%;
  }
  .p-ts-graph__circle {
    gap: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
    padding: 0
      clamp(
        3.8461538462px,
        calc(3.8461538462px + 4.6051282051 * (100vw - 375px) / 449),
        8.4512820513px
      );
    padding-top: clamp(
      7.6923076923px,
      calc(7.6923076923px + 9.2102564103 * (100vw - 375px) / 449),
      16.9025641026px
    );
  }
  .p-ts-graph__label {
    font-size: clamp(
      10px,
      calc(10px + 11.1282051282 * (100vw - 375px) / 449),
      21.1282051282px
    );
    line-height: 1.5;
  }
  .p-ts-graph__desc {
    font-size: clamp(
      10px,
      calc(10px + 11.1282051282 * (100vw - 375px) / 449),
      21.1282051282px
    );
    transform: scale(0.9);
    line-height: 1.6;
  }
  .p-ts-graph__center {
    gap: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
  }
  .p-ts-graph__center-label {
    font-size: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
    line-height: 1.5;
  }
  .p-ts-graph__center-name {
    font-size: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
    line-height: 1.5;
    transform: scale(0.9);
  }
  .p-ts-graph__center-logo {
    width: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-ts-issues__title {
    padding-top: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-ts-issues__list {
    grid-template-columns: 1fr;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-ts-issues__link {
    flex-direction: row;
    align-items: center;
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
    gap: 0;
  }
  .p-ts-issues__icon {
    width: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
    flex-shrink: 0;
    padding: 0;
    border-bottom: none;
  }
  .p-ts-issues__icon img {
    width: clamp(
      46.1538461538px,
      calc(46.1538461538px + 55.2615384615 * (100vw - 375px) / 449),
      101.4153846154px
    );
    height: clamp(
      46.1538461538px,
      calc(46.1538461538px + 55.2615384615 * (100vw - 375px) / 449),
      101.4153846154px
    );
  }
  .p-ts-issues__body {
    flex: 1 1 0;
    align-items: flex-start;
    padding: 0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
    text-align: left;
  }
  .p-ts-issues__heading {
    padding-left: 0;
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
  .p-ts-issues__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.86;
    text-align: left;
  }
  .p-ts-issues__link .c-arrow-circle {
    flex-shrink: 0;
    width: clamp(
      5.7692307692px,
      calc(5.7692307692px + 6.9076923077 * (100vw - 375px) / 449),
      12.6769230769px
    );
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    border: none;
    border-radius: 0;
    background: url(/group/btsj/assets/images/common/icon-arrow-right-gray-dark.svg)
      no-repeat center/contain;
  }
  .p-ts-pros__hero {
    grid-template-columns: 1fr;
  }
  .p-ts-pros__hero-item {
    aspect-ratio: 390/219.375;
  }
  .p-ts-pros__hero-item:first-child:after {
    background: linear-gradient(235.377deg, #0000 42.068%, #000c 84.135%);
  }
  .p-ts-pros__hero-item:last-child:after {
    background: linear-gradient(to right, #0000 40%, #000c);
  }
  .p-ts-pros__hero-title {
    padding: 0
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    font-weight: 700;
    line-height: 1.75;
  }
  .p-ts-pros__hero-item:first-child .p-ts-pros__hero-title {
    top: auto;
    bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    text-align: left;
  }
  .p-ts-pros__hero-item:last-child .p-ts-pros__hero-title {
    top: clamp(
      50px,
      calc(50px + 59.8666666667 * (100vw - 375px) / 449),
      109.8666666667px
    );
    bottom: auto;
    text-align: right;
  }
  .p-ts-pros__inner {
    margin-top: clamp(
      -126.7692307692px,
      (57.6923076923px + 69.0769230769 * (100vw - 375px) / 449) * -1,
      -57.6923076923px
    );
    padding: clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
  }
  .p-ts-pros__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    text-align: left;
  }
  .p-ts-pros__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
}
.p-pt-lead {
  max-width: clamp(
    734.765625px,
    calc(734.765625px + 449.0234375 * (100vw - 900px) / 550),
    1183.7890625px
  );
}
@media screen and (max-width: 824px) {
  .p-pt-lead {
    max-width: clamp(
      1004.8076923077px,
      calc(1004.8076923077px + 1203.0897435897 * (100vw - 375px) / 449),
      2207.8974358974px
    );
  }
}
.p-pt-lead {
  padding-bottom: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-pt-lead {
    padding-bottom: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-strength {
  background: #f5f5f5;
}
.p-strength--01 {
  padding-top: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--01 {
    padding-top: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.p-strength--01 {
  padding-bottom: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--01 {
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-strength--02 {
  padding-top: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--02 {
    padding-top: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-strength--02 {
  padding-bottom: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--02 {
    padding-bottom: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.p-strength__card {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  background: #fff;
  box-shadow: 0 0 15px #0000001a;
  overflow: hidden;
}
.p-strength--02 .p-strength__card {
  grid-template-areas: "text img" "cta  img";
}
.p-strength--02 .p-strength__text {
  grid-area: text;
  align-self: end;
}
.p-strength--02 .p-strength__cta {
  grid-area: cta;
  align-self: start;
  padding: clamp(
      28.125px,
      calc(28.125px + 0.03125 * (100vw - 900px)),
      45.3125px
    )
    0 clamp(56.25px, calc(56.25px + 0.0625 * (100vw - 900px)), 90.625px)
    clamp(
      42.1875px,
      calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
      67.96875px
    );
}
@media screen and (max-width: 824px) {
  .p-strength--02 .p-strength__cta {
    padding: clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      0
      clamp(
        76.9230769231px,
        calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
        169.0256410256px
      )
      clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      );
  }
}
.p-strength--02 .p-strength__img {
  grid-area: img;
}
.p-strength__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__text {
    padding-left: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-strength__text {
  padding-right: 0;
}
.p-strength--01 .p-strength__text {
  min-height: clamp(
    390.234375px,
    calc(390.234375px + 238.4765625 * (100vw - 900px) / 550),
    628.7109375px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--01 .p-strength__text {
    min-height: clamp(
      533.6538461538px,
      calc(533.6538461538px + 638.9615384615 * (100vw - 375px) / 449),
      1172.6153846154px
    );
  }
}
.p-strength--02 .p-strength__text {
  padding-top: clamp(
    56.25px,
    calc(56.25px + 0.0625 * (100vw - 900px)),
    90.625px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--02 .p-strength__text {
    padding-top: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-strength--02 .p-strength__text {
  padding-bottom: 0;
}
.p-strength__title-block {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__title-block {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-strength__title-block {
  padding-bottom: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__title-block {
    padding-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-strength__sub-row {
  display: flex;
  align-items: flex-end;
  padding-bottom: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__sub-row {
    padding-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-strength--01 .p-strength__sub-row {
  gap: clamp(
    19.6875px,
    calc(19.6875px + 12.03125 * (100vw - 900px) / 550),
    31.71875px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--01 .p-strength__sub-row {
    gap: clamp(
      26.9230769231px,
      calc(26.9230769231px + 32.2358974359 * (100vw - 375px) / 449),
      59.158974359px
    );
  }
}
.p-strength--02 .p-strength__sub-row {
  gap: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--02 .p-strength__sub-row {
    gap: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-strength__num {
  display: block;
  height: clamp(
    34.453125px,
    calc(34.453125px + 21.0546875 * (100vw - 900px) / 550),
    55.5078125px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__num {
    height: clamp(
      47.1153846154px,
      calc(47.1153846154px + 56.4128205128 * (100vw - 375px) / 449),
      103.5282051282px
    );
  }
}
.p-strength__num {
  width: auto;
  flex-shrink: 0;
  padding-left: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__num {
    padding-left: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.p-strength__sub {
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-strength__sub {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-strength__sub {
  line-height: 1.875;
  letter-spacing: 0.02em;
  color: #333;
  white-space: nowrap;
}
.p-strength--01 .p-strength__sub {
  margin-bottom: clamp(
    -2.265625px,
    (1.40625px + 0.859375 * (100vw - 900px) / 550) * -1,
    -1.40625px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--01 .p-strength__sub {
    margin-bottom: clamp(
      -4.2256410256px,
      (1.9230769231px + 2.3025641026 * (100vw - 375px) / 449) * -1,
      -1.9230769231px
    );
  }
}
.p-strength--02 .p-strength__sub {
  margin-bottom: clamp(
    -6.796875px,
    (4.21875px + 2.578125 * (100vw - 900px) / 550) * -1,
    -4.21875px
  );
}
@media screen and (max-width: 824px) {
  .p-strength--02 .p-strength__sub {
    margin-bottom: clamp(
      -12.6769230769px,
      (5.7692307692px + 6.9076923077 * (100vw - 375px) / 449) * -1,
      -5.7692307692px
    );
  }
}
.p-strength__title {
  margin: 0;
}
.p-strength__p {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-strength__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-strength__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #333;
  margin: 0;
}
.p-strength__p + .p-strength__p {
  margin-top: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__p + .p-strength__p {
    margin-top: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-strength__img {
  width: 100%;
  aspect-ratio: 1;
  padding: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__img {
    padding: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-strength__img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-strength__img > picture,
.p-strength__img > img {
  display: block;
  width: 100%;
  max-width: clamp(
    305.859375px,
    calc(305.859375px + 186.9140625 * (100vw - 900px) / 550),
    492.7734375px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__img > picture,
  .p-strength__img > img {
    max-width: clamp(
      418.2692307692px,
      calc(418.2692307692px + 500.8076923077 * (100vw - 375px) / 449),
      919.0769230769px
    );
  }
}
.p-strength__img > picture img {
  display: block;
  width: 100%;
  height: auto;
}
.p-strength__img > img {
  height: auto;
}
.p-strength__img > img,
.p-strength__img > picture img {
  filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.15));
}
.p-strength__enliten {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .p-strength__enliten {
    gap: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-strength__enliten {
  width: 100%;
}
.p-strength__enliten-logo {
  display: block;
  width: clamp(
    182.8125px,
    calc(182.8125px + 111.71875 * (100vw - 900px) / 550),
    294.53125px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__enliten-logo {
    width: clamp(
      250px,
      calc(250px + 299.3333333333 * (100vw - 375px) / 449),
      549.3333333333px
    );
  }
}
.p-strength__enliten-logo {
  height: auto;
  margin-left: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__enliten-logo {
    margin-left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-strength__enliten-graph {
  display: flex;
  flex-direction: column;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__enliten-graph {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-strength__enliten-graph {
  width: 100%;
}
.p-strength__enliten-graph-image {
  display: block;
  width: 100%;
}
.p-strength__enliten-graph-image img {
  display: block;
  width: 100%;
  height: auto;
}
.p-strength__enliten-caption {
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .p-strength__enliten-caption {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.p-strength__enliten-caption {
  line-height: 1.833;
  letter-spacing: 0.02em;
  text-align: justify;
  color: #333;
  margin: 0;
}
.p-related-services__title {
  margin-bottom: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__title {
    margin-bottom: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-related-services__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__list {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-related-services__list {
  list-style: none;
}
.p-related-services__item {
  display: flex;
  flex-direction: column;
}
.p-related-services__heading {
  font-weight: 500;
  font-size: clamp(
    16.171875px,
    calc(16.171875px + 9.8828125 * (100vw - 900px) / 550),
    26.0546875px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__heading {
    font-size: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
}
.p-related-services__heading {
  line-height: 1.74;
  letter-spacing: 0.02em;
  color: #333;
  padding-bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__heading {
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-related-services__heading {
  margin: 0;
}
.p-related-services__link {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  width: 100%;
  text-decoration: none;
  color: #333;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .p-related-services__link:hover {
    opacity: 1;
  }
  .p-related-services__link:hover .p-related-services__img img {
    transform: scale(1.1);
  }
  .p-related-services__link:hover .p-related-services__title-inner,
  .p-related-services__link:hover .p-related-services__p {
    opacity: 0.5;
  }
}
.p-related-services__img {
  width: 100%;
  aspect-ratio: 16/9;
  background: #ccc;
  overflow: hidden;
}
.p-related-services__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.p-related-services__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-related-services__body {
  padding: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__body {
    padding: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-related-services__body {
  background: #f5f5f5;
}
.p-related-services__title-inner,
.p-related-services__p {
  transition: opacity 0.3s ease;
}
.p-related-services__title-inner {
  display: flex;
  align-items: center;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__title-inner {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-related-services__title-inner {
  margin: 0;
}
.p-related-services__title-text {
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__title-text {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-related-services__title-text {
  line-height: 1.78;
  letter-spacing: 0.02em;
  color: #333;
}
.p-related-services__link[target="_blank"]
  .p-related-services__title-text:after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__link[target="_blank"]
    .p-related-services__title-text:after {
    width: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.p-related-services__link[target="_blank"]
  .p-related-services__title-text:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__link[target="_blank"]
    .p-related-services__title-text:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.p-related-services__link[target="_blank"]
  .p-related-services__title-text:after {
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__link[target="_blank"]
    .p-related-services__title-text:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-related-services__link[target="_blank"]
  .p-related-services__title-text:after {
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: url(/group/btsj/assets/images/common/icon-external-gray-dark.svg)
    no-repeat center/contain;
}
.p-related-services__p {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-related-services__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-related-services__p {
  line-height: 1.86;
  letter-spacing: 0.02em;
  color: #333;
  text-align: justify;
  margin: 0;
}
@media (max-width: 824px) {
  .p-pt-lead {
    max-width: none;
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-strength--01 {
    padding-top: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
    padding-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-strength--02 {
    padding-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-strength__card {
    grid-template-columns: 1fr;
    grid-template-areas: none;
    align-items: stretch;
    padding: clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      )
      0
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      );
  }
  .p-strength--02 .p-strength__card {
    grid-template-columns: 1fr;
    grid-template-areas: none;
  }
  .p-strength--02 .p-strength__text,
  .p-strength--02 .p-strength__img,
  .p-strength--02 .p-strength__cta {
    grid-area: auto;
    align-self: auto;
  }
  .p-strength__text {
    padding: 0
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      );
    min-height: 0;
  }
  .p-strength--01 .p-strength__text {
    min-height: 0;
    padding: 0
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      );
  }
  .p-strength--02 .p-strength__text {
    padding: 0
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      );
  }
  .p-strength__title-block {
    padding-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-strength__sub-row {
    padding-bottom: clamp(
      6.7307692308px,
      calc(6.7307692308px + 8.058974359 * (100vw - 375px) / 449),
      14.7897435897px
    );
  }
  .p-strength--01 .p-strength__sub-row {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-strength--02 .p-strength__sub-row {
    gap: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
  .p-strength__num {
    height: clamp(
      36.3461538462px,
      calc(36.3461538462px + 43.5184615385 * (100vw - 375px) / 449),
      79.8646153846px
    );
  }
  .p-strength__sub {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-strength--01 .p-strength__sub {
    margin-bottom: clamp(
      -14.7897435897px,
      (6.7307692308px + 8.058974359 * (100vw - 375px) / 449) * -1,
      -6.7307692308px
    );
  }
  .p-strength__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-strength__img {
    aspect-ratio: auto;
    padding: 0
      clamp(
        16.3461538462px,
        calc(16.3461538462px + 19.5717948718 * (100vw - 375px) / 449),
        35.9179487179px
      );
  }
  .p-strength--02 .p-strength__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      0 0;
  }
  .p-strength--02 .p-strength__cta .c-btn {
    align-self: center;
  }
  .p-strength__enliten {
    gap: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-strength__enliten-logo {
    width: clamp(
      160.5769230769px,
      calc(160.5769230769px + 192.2641025641 * (100vw - 375px) / 449),
      352.841025641px
    );
    margin-left: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
  .p-strength__enliten-graph {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    width: 95%;
  }
  .p-strength__enliten-caption {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    line-height: 1.833;
  }
  .p-related-services__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-related-services__list {
    grid-template-columns: 1fr;
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-related-services__heading {
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    line-height: 1.7;
    padding-bottom: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-related-services__body {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .p-related-services__title-text {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
  .p-related-services__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.86;
  }
}
.p-ct-cards__title {
  margin-bottom: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-cards__title {
    margin-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-ct-cards--dark .p-ct-cards__title {
  color: #fff;
}
.p-ct-cards--light .p-ct-cards__title {
  color: #333;
}
.p-ct-cards__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-cards__list {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-ct-cards__list {
  list-style: none;
}
.p-ct-cards__item {
  display: flex;
}
.p-ct-cards__link {
  display: flex;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.p-ct-cards--dark .p-ct-cards__link {
  background: #000;
  color: #fff;
}
.p-ct-cards--light .p-ct-cards__link {
  background: #f5f5f5;
  color: #333;
}
@media (hover: hover) {
  .p-ct-cards__link:hover {
    opacity: 1;
  }
  .p-ct-cards__link:hover .p-ct-cards__img img {
    transform: scale(1.1);
  }
  .p-ct-cards__link:hover .p-ct-cards__body {
    opacity: 0.5;
  }
}
.p-ct-cards__img {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
  isolation: isolate;
  transform: translateZ(0);
  border-radius: 0.01px;
}
.p-ct-cards__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  backface-visibility: hidden;
  transition: transform 0.4s ease;
}
.p-ct-cards__body {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 824px) {
  .p-ct-cards__body {
    padding: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-ct-cards__heading {
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-cards__heading {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-ct-cards__heading {
  line-height: 1.778;
  letter-spacing: 0.02em;
  margin: 0;
}
.p-ct-cards__heading-text {
  display: inline;
}
.p-ct-cards__link--external .p-ct-cards__heading-text:after,
.p-ct-cards__link[target="_blank"] .p-ct-cards__heading-text:after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-cards__link--external .p-ct-cards__heading-text:after,
  .p-ct-cards__link[target="_blank"] .p-ct-cards__heading-text:after {
    width: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.p-ct-cards__link--external .p-ct-cards__heading-text:after,
.p-ct-cards__link[target="_blank"] .p-ct-cards__heading-text:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-cards__link--external .p-ct-cards__heading-text:after,
  .p-ct-cards__link[target="_blank"] .p-ct-cards__heading-text:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.p-ct-cards__link--external .p-ct-cards__heading-text:after,
.p-ct-cards__link[target="_blank"] .p-ct-cards__heading-text:after {
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-cards__link--external .p-ct-cards__heading-text:after,
  .p-ct-cards__link[target="_blank"] .p-ct-cards__heading-text:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-ct-cards__link--external .p-ct-cards__heading-text:after,
.p-ct-cards__link[target="_blank"] .p-ct-cards__heading-text:after {
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: url(/group/btsj/assets/images/common/icon-external-gray-dark.svg)
    no-repeat center/contain;
}
.p-ct-solution {
  background: #fff;
}
.p-ct-solution__inner {
  display: grid;
  grid-template-columns: 640fr 640fr;
  align-items: stretch;
}
.p-ct-solution__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(
      84.375px,
      calc(84.375px + 0.09375 * (100vw - 900px)),
      135.9375px
    )
    clamp(
      59.765625px,
      calc(59.765625px + 36.5234375 * (100vw - 900px) / 550),
      96.2890625px
    );
}
@media screen and (max-width: 824px) {
  .p-ct-solution__text {
    padding: clamp(
        115.3846153846px,
        calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
        253.5384615385px
      )
      clamp(
        81.7307692308px,
        calc(81.7307692308px + 97.858974359 * (100vw - 375px) / 449),
        179.5897435897px
      );
  }
}
.p-ct-solution__title-block {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-solution__title-block {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-ct-solution__title-block {
  padding-bottom: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-solution__title-block {
    padding-bottom: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-ct-solution__sub {
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-ct-solution__sub {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-ct-solution__sub {
  line-height: 1.875;
  letter-spacing: 0.02em;
  color: #333;
}
.p-ct-solution__title {
  color: #333;
}
.p-ct-solution__body {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-solution__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-ct-solution__p {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-ct-solution__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-ct-solution__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #333;
}
.p-ct-solution__btn {
  margin-top: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-ct-solution__btn {
    margin-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-ct-solution__img {
  position: relative;
  overflow: hidden;
}
.p-ct-solution__img picture {
  display: block;
  width: 100%;
  height: 100%;
}
.p-ct-solution__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 824px) {
  .p-ct-cards__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-ct-cards__list {
    grid-template-columns: 1fr;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-ct-cards__link {
    flex-direction: column;
  }
  .p-ct-cards__img {
    width: 100%;
    flex: 0 0 auto;
    aspect-ratio: 16/9;
  }
  .p-ct-cards__body {
    flex: 0 0 auto;
    width: 100%;
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
  .p-ct-cards__heading {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    padding: clamp(
        1.9230769231px,
        calc(1.9230769231px + 2.3025641026 * (100vw - 375px) / 449),
        4.2256410256px
      )
      0;
  }
  .p-ct-solution__inner {
    grid-template-columns: 1fr;
  }
  .p-ct-solution__text {
    padding: clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
  }
  .p-ct-solution__title-block {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    padding-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-ct-solution__sub,
  .p-ct-solution__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-ct-solution__btn {
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-ct-solution__img {
    aspect-ratio: 1/1;
  }
}
.p-dc-lead {
  padding-right: clamp(
    45.703125px,
    calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
    73.6328125px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-lead {
    padding-right: clamp(
      62.5px,
      calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
      137.3333333333px
    );
  }
}
.p-dc-lead {
  padding-bottom: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-lead {
    padding-bottom: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-dc-lead__p {
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-lead__p {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-dc-lead__p {
  line-height: 2;
  letter-spacing: 0.02em;
  color: #333;
  text-align: justify;
}
.p-dc-lead__p + .p-dc-lead__p {
  margin-top: 0;
}
.p-dc-section {
  background: #fff;
  padding: clamp(
      84.375px,
      calc(84.375px + 0.09375 * (100vw - 900px)),
      135.9375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-dc-section {
    padding: clamp(
        115.3846153846px,
        calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
        253.5384615385px
      )
      0;
  }
}
.p-dc-cards {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.p-dc-card {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card {
    padding-bottom: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-dc-card:last-child {
  padding-bottom: 0;
}
.p-dc-card__media {
  flex: 1 1 0;
  min-width: 0;
  padding-right: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__media {
    padding-right: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-dc-card__media {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-dc-card__logo {
  width: 100%;
  padding-bottom: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__logo {
    padding-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-dc-card__logo {
  display: flex;
  align-items: center;
}
.p-dc-card__logo img {
  display: block;
  height: auto;
  object-fit: contain;
}
.p-dc-card__logo--tireonlinestore img {
  width: clamp(
    261.5625px,
    calc(261.5625px + 159.84375 * (100vw - 900px) / 550),
    421.40625px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__logo--tireonlinestore img {
    width: clamp(
      357.6923076923px,
      calc(357.6923076923px + 428.2769230769 * (100vw - 375px) / 449),
      785.9692307692px
    );
  }
}
.p-dc-card__logo--tireonlinestore img {
  height: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__logo--tireonlinestore img {
    height: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-dc-card__logo--tireonlinestore img {
  max-width: 100%;
}
.p-dc-card__logo--mobox img {
  width: clamp(
    153.984375px,
    calc(153.984375px + 94.1015625 * (100vw - 900px) / 550),
    248.0859375px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__logo--mobox img {
    width: clamp(
      210.5769230769px,
      calc(210.5769230769px + 252.1307692308 * (100vw - 375px) / 449),
      462.7076923077px
    );
  }
}
.p-dc-card__logo--mobox img {
  height: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__logo--mobox img {
    height: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-dc-card__logo--mobox img {
  max-width: 100%;
}
.p-dc-card__photo {
  width: 100%;
  aspect-ratio: 545/360;
  overflow: hidden;
}
.p-dc-card__photo picture {
  display: block;
  width: 100%;
  height: 100%;
}
.p-dc-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-dc-card__text {
  flex-basis: clamp(
    355.078125px,
    calc(355.078125px + 216.9921875 * (100vw - 900px) / 550),
    572.0703125px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__text {
    flex-basis: clamp(
      485.5769230769px,
      calc(485.5769230769px + 581.3974358974 * (100vw - 375px) / 449),
      1066.9743589744px
    );
  }
}
.p-dc-card__text {
  width: clamp(
    355.078125px,
    calc(355.078125px + 216.9921875 * (100vw - 900px) / 550),
    572.0703125px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__text {
    width: clamp(
      485.5769230769px,
      calc(485.5769230769px + 581.3974358974 * (100vw - 375px) / 449),
      1066.9743589744px
    );
  }
}
.p-dc-card__text {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-dc-card__title {
  width: 100%;
  margin: 0;
  padding-bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__title {
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-dc-card__title {
  font-weight: 500;
  font-size: clamp(
    16.171875px,
    calc(16.171875px + 9.8828125 * (100vw - 900px) / 550),
    26.0546875px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__title {
    font-size: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
}
.p-dc-card__title {
  line-height: 1.739;
  letter-spacing: 0.02em;
  color: #333;
}
.p-dc-card__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-dc-card__p {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-dc-card__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-dc-card__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-dc-card__btn {
  margin-top: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-dc-card__btn {
    margin-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
@media (max-width: 824px) {
  .p-dc-lead {
    padding-right: 0;
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-dc-lead__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    letter-spacing: 0.02em;
  }
  .p-dc-section {
    padding: 0 0
      clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      );
  }
  .p-dc-card {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 0 0
      clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      );
  }
  .p-dc-card:first-child {
    padding-top: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-dc-card__media {
    flex: 0 0 auto;
    padding: 0;
    width: 100%;
  }
  .p-dc-card__logo {
    width: 100%;
    padding-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    justify-content: flex-start;
  }
  .p-dc-card__logo--tireonlinestore img {
    width: clamp(
      298.0769230769px,
      calc(298.0769230769px + 356.8974358974 * (100vw - 375px) / 449),
      654.9743589744px
    );
    height: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
  }
  .p-dc-card__logo--mobox img {
    width: clamp(
      163.4615384615px,
      calc(163.4615384615px + 195.7179487179 * (100vw - 375px) / 449),
      359.1794871795px
    );
    height: clamp(
      67.3076923077px,
      calc(67.3076923077px + 80.5897435897 * (100vw - 375px) / 449),
      147.8974358974px
    );
  }
  .p-dc-card__photo {
    width: 100%;
    aspect-ratio: 545/360;
  }
  .p-dc-card__text {
    flex: 0 0 auto;
    width: 100%;
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      0 0;
  }
  .p-dc-card__title {
    width: 100%;
    padding-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    line-height: 1.7;
    letter-spacing: 0.02em;
  }
  .p-dc-card__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-dc-card__btn {
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
    align-self: flex-start;
  }
}
.p-page-content__lead + .p-newsrelease__list {
  margin-top: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-page-content__lead + .p-newsrelease__list {
    margin-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-newsrelease__list {
  list-style: none;
  border-top: 1px solid #999999;
  margin: 0;
  padding: 0;
}
.p-newsrelease__item {
  border-bottom: 1px solid #dddddd;
}
.p-newsrelease__link {
  display: flex;
  align-items: center;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-newsrelease__link {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-newsrelease__link {
  padding: clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-newsrelease__link {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.p-newsrelease__link {
  text-decoration: none;
  color: #333;
  transition: opacity 0.3s ease;
}
@media (hover: hover) {
  .p-newsrelease__link:hover {
    opacity: 1;
  }
  .p-newsrelease__link:hover .p-newsrelease__img img {
    transform: scale(1.1) translateZ(0);
  }
  .p-newsrelease__link:hover .p-newsrelease__body {
    opacity: 0.5;
  }
}
.p-newsrelease__img {
  flex-shrink: 0;
  width: clamp(112.5px, calc(112.5px + 0.125 * (100vw - 900px)), 181.25px);
}
@media screen and (max-width: 824px) {
  .p-newsrelease__img {
    width: clamp(
      153.8461538462px,
      calc(153.8461538462px + 184.2051282051 * (100vw - 375px) / 449),
      338.0512820513px
    );
  }
}
.p-newsrelease__img {
  height: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-newsrelease__img {
    height: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-newsrelease__img {
  overflow: hidden;
  background: #ddd;
  isolation: isolate;
  transform: translateZ(0);
  border-radius: 0.01px;
}
.p-newsrelease__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateZ(0);
  transform-origin: 50% 50%;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  will-change: transform;
  transition: transform 0.4s ease;
}
.p-newsrelease__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .p-newsrelease__body {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.p-newsrelease__body {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}
.p-newsrelease__date {
  font-weight: 400;
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .p-newsrelease__date {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.p-newsrelease__date {
  line-height: 1.833;
  letter-spacing: 0.02em;
  color: #999;
}
.p-newsrelease__title {
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-newsrelease__title {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-newsrelease__title {
  line-height: 1.875;
  letter-spacing: 0.02em;
  color: #333;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 824px) {
  .p-page-content__lead + .p-newsrelease__list {
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-newsrelease__link {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
    align-items: center;
  }
  .p-newsrelease__body {
    order: 1;
    flex-shrink: 0;
    width: clamp(
      201.9230769231px,
      calc(201.9230769231px + 241.7692307692 * (100vw - 375px) / 449),
      443.6923076923px
    );
    overflow: visible;
    white-space: normal;
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
  .p-newsrelease__img {
    order: 2;
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    height: auto;
    aspect-ratio: 16/9;
  }
  .p-newsrelease__title {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.857;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
}
.p-outline-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-head {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-outline-head {
  padding-bottom: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-head {
    padding-bottom: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-outline-head__title {
  color: #333;
  margin: 0;
}
.p-outline-head__date {
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-head__date {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-outline-head__date {
  line-height: 1.857;
  letter-spacing: 0.02em;
  color: #333;
  margin: 0;
  white-space: nowrap;
}
.p-outline-list {
  border-top: 1px solid #999999;
  margin: 0;
  padding: 0;
}
.p-outline-list__item {
  display: flex;
  align-items: center;
  padding: clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-outline-list__item {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.p-outline-list__item {
  border-bottom: 1px solid #dddddd;
}
.p-outline-list__item--top {
  align-items: flex-start;
}
.p-outline-list__term {
  flex-shrink: 0;
  width: clamp(112.5px, calc(112.5px + 0.125 * (100vw - 900px)), 181.25px);
}
@media screen and (max-width: 824px) {
  .p-outline-list__term {
    width: clamp(
      153.8461538462px,
      calc(153.8461538462px + 184.2051282051 * (100vw - 375px) / 449),
      338.0512820513px
    );
  }
}
.p-outline-list__term {
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-outline-list__term {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-outline-list__term {
  line-height: 1.875;
  letter-spacing: 0.02em;
  color: #333;
  margin: 0;
}
.p-outline-list__desc {
  flex: 1 1 0;
  min-width: 0;
  font-weight: 400;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-outline-list__desc {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-outline-list__desc {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  margin: 0;
}
.p-outline-list__desc--nowrap {
  white-space: nowrap;
}
.p-outline-list__term--year {
  font-weight: 500;
  font-size: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-list__term--year {
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-outline-list__term--year {
  line-height: 1.8;
  letter-spacing: 0.02em;
}
.p-outline-officers {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-officers {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.p-outline-officers__item {
  display: flex;
  align-items: center;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-officers__item {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-outline-officers__name {
  flex-shrink: 0;
  width: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-officers__name {
    width: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-outline-officers__name {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-outline-officers__name {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-outline-officers__name {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
}
.p-outline-officers__role {
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-officers__role {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-outline-officers__role {
  line-height: 1.857;
  letter-spacing: 0.02em;
  color: #333;
}
.p-outline-history {
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-outline-history li {
  position: relative;
  padding-left: clamp(
    16.875px,
    calc(16.875px + 0.01875 * (100vw - 900px)),
    27.1875px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-history li {
    padding-left: clamp(
      23.0769230769px,
      calc(23.0769230769px + 27.6307692308 * (100vw - 375px) / 449),
      50.7076923077px
    );
  }
}
.p-outline-history li {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-outline-history li {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-outline-history li {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
}
.p-outline-history li:before {
  content: "";
  position: absolute;
  left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-history li:before {
    left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-outline-history li:before {
  top: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-outline-history li:before {
    top: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-outline-history li:before {
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 50%;
}
.p-outline-overview {
  padding-right: clamp(
    45.703125px,
    calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
    73.6328125px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-overview {
    padding-right: clamp(
      62.5px,
      calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
      137.3333333333px
    );
  }
}
.p-outline-overview {
  padding-bottom: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-overview {
    padding-bottom: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.p-outline-relations {
  border-top: 1px solid #999999;
  margin: 0;
  padding: 0;
}
.p-outline-relations__dt {
  flex-shrink: 0;
  width: clamp(
    312.890625px,
    calc(312.890625px + 191.2109375 * (100vw - 900px) / 550),
    504.1015625px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-relations__dt {
    width: clamp(
      427.8846153846px,
      calc(427.8846153846px + 512.3205128205 * (100vw - 375px) / 449),
      940.2051282051px
    );
  }
}
.p-outline-relations__dt {
  margin: 0;
  display: flex;
  align-items: center;
}
.p-outline-relations__link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-outline-relations__link {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-outline-relations__link {
  line-height: 1.875;
  letter-spacing: 0.02em;
  transition: opacity 0.2s ease;
}
.p-outline-relations__link:before {
  content: "";
  flex-shrink: 0;
  width: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-relations__link:before {
    width: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.p-outline-relations__link:before {
  height: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-relations__link:before {
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-outline-relations__link:before {
  margin-right: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-relations__link:before {
    margin-right: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-outline-relations__link:before {
  background: url(/group/btsj/assets/images/common/icon-arrow-right-red.svg)
    no-repeat center/contain;
  transition: transform 0.3s ease;
}
.p-outline-relations__link[target="_blank"]:after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-relations__link[target="_blank"]:after {
    width: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.p-outline-relations__link[target="_blank"]:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-relations__link[target="_blank"]:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.p-outline-relations__link[target="_blank"]:after {
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-outline-relations__link[target="_blank"]:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-outline-relations__link[target="_blank"]:after {
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: url(/group/btsj/assets/images/common/icon-external-gray-dark.svg)
    no-repeat center/contain;
}
@media (hover: hover) {
  .p-outline-relations__link:hover {
    opacity: 0.6;
  }
  .p-outline-relations__link:hover:before {
    transform: translate(
      clamp(
        1.40625px,
        calc(1.40625px + 0.859375 * (100vw - 900px) / 550),
        2.265625px
      )
    );
  }
}
.p-outline-relations__dd {
  margin: 0;
}
.p-outline-officers-section {
  background: #fff;
}
.p-outline-history-section {
  background: #f5f5f5;
}
.p-outline-relations-section {
  background: #fff;
}
@media (max-width: 824px) {
  .p-outline-head {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    padding-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-outline-head__date {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.857;
  }
  .p-outline-list__item {
    flex-direction: column;
    align-items: stretch;
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
  .p-outline-list__item--top {
    align-items: stretch;
  }
  .p-outline-list__term {
    width: auto;
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-outline-list__desc {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-outline-list__term--year {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
  .p-outline-officers__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .p-outline-officers__role {
    order: 1;
    font-weight: 700;
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.857;
  }
  .p-outline-officers__name {
    order: 2;
    width: auto;
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-outline-history li {
    padding-left: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-outline-history li:before {
    left: clamp(
      8.6538461538px,
      calc(8.6538461538px + 10.3615384615 * (100vw - 375px) / 449),
      19.0153846154px
    );
    top: 11px;
  }
  .p-outline-overview {
    padding-right: 0;
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-outline-relations .p-outline-list__item {
    position: static;
  }
  .p-outline-relations .p-outline-list__item:before {
    display: none;
  }
  .p-outline-relations__link:before {
    display: none;
  }
  .p-outline-relations__dt {
    position: relative;
    width: auto;
    padding-left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-outline-relations__dt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
    height: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    background: url(/group/btsj/assets/images/common/icon-arrow-right-red.svg)
      no-repeat center/contain;
  }
  .p-outline-relations__dd {
    padding-left: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-outline-relations__link {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
}
.p-philosophy-lead {
  display: flex;
  align-items: flex-start;
  gap: clamp(56.25px, calc(56.25px + 0.0625 * (100vw - 900px)), 90.625px);
}
@media screen and (max-width: 824px) {
  .p-philosophy-lead {
    gap: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-philosophy-lead {
  padding-right: clamp(
    45.703125px,
    calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
    73.6328125px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-lead {
    padding-right: clamp(
      62.5px,
      calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
      137.3333333333px
    );
  }
}
.p-philosophy-lead {
  padding-bottom: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-lead {
    padding-bottom: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.p-philosophy-lead__text {
  flex: 1 1 0;
  min-width: 0;
}
.p-philosophy-lead__title {
  margin: 0 0
    clamp(
      24.609375px,
      calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
      39.6484375px
    );
}
@media screen and (max-width: 824px) {
  .p-philosophy-lead__title {
    margin: 0 0
      clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      );
  }
}
.p-philosophy-lead__title {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-lead__title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-philosophy-lead__title {
  line-height: 1.615;
  letter-spacing: 0.02em;
  color: #333;
}
.p-philosophy-lead__body {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-lead__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-philosophy-lead__p {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-philosophy-lead__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-philosophy-lead__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-philosophy-lead__graph {
  flex-basis: clamp(
    344.53125px,
    calc(344.53125px + 210.546875 * (100vw - 900px) / 550),
    555.078125px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-lead__graph {
    flex-basis: clamp(
      471.1538461538px,
      calc(471.1538461538px + 564.1282051282 * (100vw - 375px) / 449),
      1035.2820512821px
    );
  }
}
.p-philosophy-lead__graph {
  width: clamp(
    344.53125px,
    calc(344.53125px + 210.546875 * (100vw - 900px) / 550),
    555.078125px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-lead__graph {
    width: clamp(
      471.1538461538px,
      calc(471.1538461538px + 564.1282051282 * (100vw - 375px) / 449),
      1035.2820512821px
    );
  }
}
.p-philosophy-lead__graph {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-start;
}
.p-philosophy-lead__graph img,
.p-philosophy-lead__graph picture {
  display: block;
  width: 100%;
  height: auto;
}
.p-philosophy-detail {
  background: #fff;
  padding: clamp(
      84.375px,
      calc(84.375px + 0.09375 * (100vw - 900px)),
      135.9375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail {
    padding: clamp(
        115.3846153846px,
        calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
        253.5384615385px
      )
      0;
  }
}
.p-philosophy-detail__inner {
  display: flex;
  flex-direction: column;
}
.p-philosophy-detail__row {
  display: flex;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__row {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-philosophy-detail__row {
  align-items: flex-start;
  width: 100%;
}
.p-philosophy-detail__row--mission {
  padding-bottom: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__row--mission {
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-philosophy-detail__label {
  flex-basis: clamp(
    91.40625px,
    calc(91.40625px + 55.859375 * (100vw - 900px) / 550),
    147.265625px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__label {
    flex-basis: clamp(
      125px,
      calc(125px + 149.6666666667 * (100vw - 375px) / 449),
      274.6666666667px
    );
  }
}
.p-philosophy-detail__label {
  width: clamp(
    91.40625px,
    calc(91.40625px + 55.859375 * (100vw - 900px) / 550),
    147.265625px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__label {
    width: clamp(
      125px,
      calc(125px + 149.6666666667 * (100vw - 375px) / 449),
      274.6666666667px
    );
  }
}
.p-philosophy-detail__label {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.p-philosophy-detail__label-ja {
  margin: 0 0
    clamp(
      -2.265625px,
      (1.40625px + 0.859375 * (100vw - 900px) / 550) * -1,
      -1.40625px
    );
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__label-ja {
    margin: 0 0
      clamp(
        -4.2256410256px,
        (1.9230769231px + 2.3025641026 * (100vw - 375px) / 449) * -1,
        -1.9230769231px
      );
  }
}
.p-philosophy-detail__label-ja {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__label-ja {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-philosophy-detail__label-ja {
  line-height: 1.615;
  letter-spacing: 0.02em;
  color: #333;
  white-space: nowrap;
}
.p-philosophy-detail__label-en {
  font-weight: 400;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__label-en {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-philosophy-detail__label-en {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  white-space: nowrap;
}
.p-philosophy-detail__body {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__body {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-philosophy-detail__title {
  margin: 0;
  padding: clamp(
      10.546875px,
      calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
      16.9921875px
    )
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    );
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__title {
    padding: clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
}
.p-philosophy-detail__title {
  font-weight: 500;
  font-size: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__title {
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-philosophy-detail__title {
  line-height: 1.8;
  letter-spacing: 0.02em;
  color: #fff;
  width: 100%;
}
.p-philosophy-detail__title--red {
  background: #e72510;
}
.p-philosophy-detail__title--gray {
  background: #787878;
}
.p-philosophy-detail__p {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-philosophy-detail__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-philosophy-detail__row--foundation .p-philosophy-detail__body {
  gap: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .p-philosophy-detail__row--foundation .p-philosophy-detail__body {
    gap: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-philosophy-foundation {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-foundation {
    column-gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-philosophy-foundation {
  row-gap: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-foundation {
    row-gap: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-philosophy-foundation__item {
  display: flex;
  flex-direction: column;
  gap: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-philosophy-foundation__item {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
@media (max-width: 824px) {
  .p-philosophy-lead {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding-right: 0;
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-philosophy-lead__text {
    display: contents;
  }
  .p-philosophy-lead__title {
    order: 1;
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.636;
    text-align: justify;
  }
  .p-philosophy-lead__graph {
    order: 2;
    flex: 0 0 auto;
    width: 100%;
  }
  .p-philosophy-lead__body {
    order: 3;
  }
  .p-philosophy-lead__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-philosophy-detail {
    padding: clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      )
      0;
  }
  .p-philosophy-detail__row {
    flex-direction: column;
    gap: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    width: 100%;
  }
  .p-philosophy-detail__row--mission {
    padding-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
  .p-philosophy-detail__label {
    flex: 0 0 auto;
    width: 100%;
    flex-direction: row;
    align-items: center;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-philosophy-detail__label-ja {
    margin: 0;
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.636;
  }
  .p-philosophy-detail__label-en {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-philosophy-detail__body {
    width: 100%;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-philosophy-detail__title {
    padding: clamp(
        9.6153846154px,
        calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
        21.1282051282px
      )
      clamp(
        14.4230769231px,
        calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
        31.6923076923px
      );
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
  .p-philosophy-detail__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-philosophy-detail__row--foundation .p-philosophy-detail__body {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-philosophy-foundation {
    grid-template-columns: 1fr;
    row-gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-philosophy-foundation__item {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-locations-lead {
  padding-right: clamp(
    45.703125px,
    calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
    73.6328125px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-lead {
    padding-right: clamp(
      62.5px,
      calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
      137.3333333333px
    );
  }
}
.p-locations-lead {
  padding-bottom: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-lead {
    padding-bottom: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-locations-honsha {
  display: flex;
  flex-direction: column;
  padding-bottom: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-honsha {
    padding-bottom: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.p-locations-honsha__title {
  margin: 0 0
    clamp(
      24.609375px,
      calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
      39.6484375px
    );
}
@media screen and (max-width: 824px) {
  .p-locations-honsha__title {
    margin: 0 0
      clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      );
  }
}
.p-locations-honsha__title {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-honsha__title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-locations-honsha__title {
  line-height: 1.615;
  letter-spacing: 0.02em;
  color: #333;
}
.p-locations-honsha__content {
  display: flex;
  gap: clamp(56.25px, calc(56.25px + 0.0625 * (100vw - 900px)), 90.625px);
}
@media screen and (max-width: 824px) {
  .p-locations-honsha__content {
    gap: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-locations-honsha__content > .p-locations-dl {
  flex-basis: clamp(
    467.578125px,
    calc(467.578125px + 285.7421875 * (100vw - 900px) / 550),
    753.3203125px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-honsha__content > .p-locations-dl {
    flex-basis: clamp(
      639.4230769231px,
      calc(639.4230769231px + 765.6025641026 * (100vw - 375px) / 449),
      1405.0256410256px
    );
  }
}
.p-locations-honsha__content > .p-locations-dl {
  width: clamp(
    467.578125px,
    calc(467.578125px + 285.7421875 * (100vw - 900px) / 550),
    753.3203125px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-honsha__content > .p-locations-dl {
    width: clamp(
      639.4230769231px,
      calc(639.4230769231px + 765.6025641026 * (100vw - 375px) / 449),
      1405.0256410256px
    );
  }
}
.p-locations-honsha__content > .p-locations-dl {
  flex-grow: 0;
  flex-shrink: 0;
}
.p-locations-honsha__img {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  position: relative;
}
.p-locations-honsha__img picture,
.p-locations-honsha__img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-locations-dl {
  margin: 0;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #999;
  width: 100%;
}
.p-locations-dl__row {
  display: flex;
  align-items: flex-start;
  padding: clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-locations-dl__row {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.p-locations-dl__row {
  border-bottom: 1px solid #ddd;
}
.p-locations-dl__dt {
  flex-basis: clamp(
    66.796875px,
    calc(66.796875px + 40.8203125 * (100vw - 900px) / 550),
    107.6171875px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-dl__dt {
    flex-basis: clamp(
      91.3461538462px,
      calc(91.3461538462px + 109.3717948718 * (100vw - 375px) / 449),
      200.7179487179px
    );
  }
}
.p-locations-dl__dt {
  width: clamp(
    66.796875px,
    calc(66.796875px + 40.8203125 * (100vw - 900px) / 550),
    107.6171875px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-dl__dt {
    width: clamp(
      91.3461538462px,
      calc(91.3461538462px + 109.3717948718 * (100vw - 375px) / 449),
      200.7179487179px
    );
  }
}
.p-locations-dl__dt {
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-locations-dl__dt {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-locations-dl__dt {
  line-height: 1.875;
  letter-spacing: 0.02em;
  color: #333;
}
.p-locations-dl__dd {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font-weight: 400;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-locations-dl__dd {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-locations-dl__dd {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
}
.p-locations-dl--inline {
  border-top: none;
}
.p-locations-dl--inline .p-locations-dl__row {
  padding: 0;
  border-bottom: none;
}
.p-locations-map {
  width: 100%;
  background: #fff;
}
.p-locations-map__embed {
  position: relative;
  width: 100%;
  height: clamp(
    372.65625px,
    calc(372.65625px + 227.734375 * (100vw - 900px) / 550),
    600.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-map__embed {
    height: clamp(
      509.6153846154px,
      calc(509.6153846154px + 610.1794871795 * (100vw - 375px) / 449),
      1119.7948717949px
    );
  }
}
.p-locations-map__embed {
  overflow: hidden;
}
.p-locations-map__embed iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.p-locations-area {
  background: #fff;
  padding: clamp(
      84.375px,
      calc(84.375px + 0.09375 * (100vw - 900px)),
      135.9375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-locations-area {
    padding: clamp(
        115.3846153846px,
        calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
        253.5384615385px
      )
      0;
  }
}
.p-locations-area__title {
  margin: 0 0
    clamp(
      24.609375px,
      calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
      39.6484375px
    );
}
@media screen and (max-width: 824px) {
  .p-locations-area__title {
    margin: 0 0
      clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      );
  }
}
.p-locations-area__title {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-area__title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-locations-area__title {
  line-height: 1.615;
  letter-spacing: 0.02em;
  color: #333;
}
.p-locations-area__list {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #999;
}
.p-locations-area__item {
  position: relative;
  width: 100%;
}
.p-locations-area__item + .p-locations-area__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #ddd;
}
.p-locations-area__item + .p-locations-area__item--sub:before {
  left: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-area__item + .p-locations-area__item--sub:before {
    left: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-locations-area__list > .p-locations-area__item:last-child:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #ddd;
}
.p-locations-area__list > .p-locations-area__item--sub:last-child:after {
  left: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-area__list > .p-locations-area__item--sub:last-child:after {
    left: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-locations-area__row {
  display: flex;
  align-items: flex-start;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-area__row {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-locations-area__row {
  padding: clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-locations-area__row {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.p-locations-area__item--sub .p-locations-area__row {
  padding-left: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-area__item--sub .p-locations-area__row {
    padding-left: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-locations-area__name {
  flex-basis: clamp(
    133.59375px,
    calc(133.59375px + 81.640625 * (100vw - 900px) / 550),
    215.234375px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-area__name {
    flex-basis: clamp(
      182.6923076923px,
      calc(182.6923076923px + 218.7435897436 * (100vw - 375px) / 449),
      401.4358974359px
    );
  }
}
.p-locations-area__name {
  width: clamp(
    133.59375px,
    calc(133.59375px + 81.640625 * (100vw - 900px) / 550),
    215.234375px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-area__name {
    width: clamp(
      182.6923076923px,
      calc(182.6923076923px + 218.7435897436 * (100vw - 375px) / 449),
      401.4358974359px
    );
  }
}
.p-locations-area__name {
  flex-grow: 0;
  flex-shrink: 0;
  font-weight: 500;
  font-size: clamp(
    16.171875px,
    calc(16.171875px + 9.8828125 * (100vw - 900px) / 550),
    26.0546875px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-area__name {
    font-size: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
}
.p-locations-area__name {
  line-height: 1.739;
  letter-spacing: 0.02em;
  color: #333;
}
.p-locations-area__name--sub {
  flex-basis: clamp(112.5px, calc(112.5px + 0.125 * (100vw - 900px)), 181.25px);
}
@media screen and (max-width: 824px) {
  .p-locations-area__name--sub {
    flex-basis: clamp(
      153.8461538462px,
      calc(153.8461538462px + 184.2051282051 * (100vw - 375px) / 449),
      338.0512820513px
    );
  }
}
.p-locations-area__name--sub {
  width: clamp(112.5px, calc(112.5px + 0.125 * (100vw - 900px)), 181.25px);
}
@media screen and (max-width: 824px) {
  .p-locations-area__name--sub {
    width: clamp(
      153.8461538462px,
      calc(153.8461538462px + 184.2051282051 * (100vw - 375px) / 449),
      338.0512820513px
    );
  }
}
.p-locations-area__name--sub {
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-locations-area__name--sub {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-locations-area__name--sub {
  line-height: 1.778;
}
.p-locations-area__row .p-locations-dl {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 824px) {
  .p-locations-lead {
    padding-right: 0;
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-locations-honsha {
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-locations-honsha__title {
    margin: 0 0
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.636;
  }
  .p-locations-honsha__content {
    display: contents;
  }
  .p-locations-honsha__content > .p-locations-dl {
    flex-basis: auto;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
  }
  .p-locations-honsha__img {
    order: 1;
    flex: 0 0 auto;
    align-self: stretch;
    width: 100%;
    aspect-ratio: 365/252;
  }
  .p-locations-honsha .p-locations-dl {
    order: 2;
    border-top: none;
  }
  .p-locations-honsha .p-locations-dl__row {
    align-items: flex-start;
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-locations-honsha .p-locations-dl__dt {
    flex-basis: clamp(
      54.8076923077px,
      calc(54.8076923077px + 65.6230769231 * (100vw - 375px) / 449),
      120.4307692308px
    );
    width: clamp(
      54.8076923077px,
      calc(54.8076923077px + 65.6230769231 * (100vw - 375px) / 449),
      120.4307692308px
    );
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-locations-honsha .p-locations-dl__dd {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-locations-map__embed {
    height: clamp(375px, calc(375px + 1 * (100vw - 375px)), 824px);
  }
  .p-locations-area {
    padding: clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      )
      0;
  }
  .p-locations-area__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.636;
  }
  .p-locations-area__row {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
  }
  .p-locations-area__item--sub .p-locations-area__row {
    padding-left: 0;
  }
  .p-locations-area__item + .p-locations-area__item--sub:before {
    left: 0;
  }
  .p-locations-area__list > .p-locations-area__item--sub:last-child:after {
    left: 0;
  }
  .p-locations-area__name {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    line-height: 1.7;
    letter-spacing: 0.02em;
    font-weight: 500;
  }
  .p-locations-area__name--sub {
    width: 100%;
    margin-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
  .p-locations-area__row .p-locations-dl--inline {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
    display: flex;
    flex-direction: column;
  }
  .p-locations-area__row .p-locations-dl--inline .p-locations-dl__row {
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-locations-area__row .p-locations-dl--inline .p-locations-dl__dt {
    flex-basis: clamp(
      44.2307692308px,
      calc(44.2307692308px + 52.958974359 * (100vw - 375px) / 449),
      97.1897435897px
    );
    width: clamp(
      44.2307692308px,
      calc(44.2307692308px + 52.958974359 * (100vw - 375px) / 449),
      97.1897435897px
    );
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    font-weight: 700;
  }
  .p-locations-area__row .p-locations-dl--inline .p-locations-dl__dd {
    flex: 1 1 0;
    min-width: 0;
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
}
.p-sus-lead {
  padding-right: clamp(
    45.703125px,
    calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
    73.6328125px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead {
    padding-right: clamp(
      62.5px,
      calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
      137.3333333333px
    );
  }
}
.p-sus-lead {
  padding-bottom: clamp(
    84.375px,
    calc(84.375px + 0.09375 * (100vw - 900px)),
    135.9375px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead {
    padding-bottom: clamp(
      115.3846153846px,
      calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
      253.5384615385px
    );
  }
}
.p-sus-lead__title {
  margin: 0 0
    clamp(
      24.609375px,
      calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
      39.6484375px
    );
}
@media screen and (max-width: 824px) {
  .p-sus-lead__title {
    margin: 0 0
      clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      );
  }
}
.p-sus-lead__title {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead__title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-sus-lead__title {
  line-height: 1.615;
  letter-spacing: 0.02em;
  color: #333;
}
.p-sus-lead__body {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-sus-lead__p {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-sus-lead__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-sus-lead__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-sus-lead-cards {
  list-style: none;
  margin: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px)
    0 0;
}
@media screen and (max-width: 824px) {
  .p-sus-lead-cards {
    margin: clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      0 0;
  }
}
.p-sus-lead-cards {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead-cards {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-sus-lead-cards {
  align-items: stretch;
}
.p-sus-lead-cards__item {
  display: flex;
}
.p-sus-lead-cards__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #fff;
  text-decoration: none;
  color: #333;
  transition: opacity 0.3s ease;
}
.p-sus-lead-cards__img {
  width: 100%;
  aspect-ratio: 338/202.5;
  overflow: hidden;
  isolation: isolate;
  transform: translateZ(0);
  border-radius: 0.01px;
}
.p-sus-lead-cards__img picture,
.p-sus-lead-cards__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  backface-visibility: hidden;
  transition: transform 0.4s ease;
}
.p-sus-lead-cards__body {
  flex: 1 1 auto;
  background: #fff;
  padding: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead-cards__body {
    padding: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-sus-lead-cards__body {
  display: flex;
  flex-direction: column;
  transition: opacity 0.3s ease;
}
.p-sus-lead-cards__title {
  margin: 0;
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead-cards__title {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-sus-lead-cards__title {
  line-height: 1.778;
  letter-spacing: 0.02em;
  color: #333;
}
.p-sus-lead-cards__title-text {
  display: inline;
}
.p-sus-lead-cards__title-text:after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead-cards__title-text:after {
    width: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.p-sus-lead-cards__title-text:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead-cards__title-text:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.p-sus-lead-cards__title-text:after {
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-lead-cards__title-text:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-sus-lead-cards__title-text:after {
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: url(/group/btsj/assets/images/common/icon-external-gray-dark.svg)
    no-repeat center/contain;
}
@media (hover: hover) {
  .p-sus-lead-cards__link:hover {
    opacity: 1;
  }
  .p-sus-lead-cards__link:hover .p-sus-lead-cards__img img {
    transform: scale(1.1);
  }
  .p-sus-lead-cards__link:hover .p-sus-lead-cards__body {
    opacity: 0.5;
  }
}
.p-sus-activities {
  background: #fff;
  padding: clamp(
      84.375px,
      calc(84.375px + 0.09375 * (100vw - 900px)),
      135.9375px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-sus-activities {
    padding: clamp(
        115.3846153846px,
        calc(115.3846153846px + 138.1538461538 * (100vw - 375px) / 449),
        253.5384615385px
      )
      0;
  }
}
.p-sus-activities__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0
    clamp(
      59.765625px,
      calc(59.765625px + 36.5234375 * (100vw - 900px) / 550),
      96.2890625px
    );
}
@media screen and (max-width: 824px) {
  .p-sus-activities__head {
    padding: 0
      clamp(
        81.7307692308px,
        calc(81.7307692308px + 97.858974359 * (100vw - 375px) / 449),
        179.5897435897px
      );
  }
}
.p-sus-activities__head {
  margin-bottom: clamp(
    56.25px,
    calc(56.25px + 0.0625 * (100vw - 900px)),
    90.625px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-activities__head {
    margin-bottom: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-sus-activities__head-title {
  flex: 0 0 auto;
  max-width: clamp(
    345.9375px,
    calc(345.9375px + 211.40625 * (100vw - 900px) / 550),
    557.34375px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-activities__head-title {
    max-width: clamp(
      473.0769230769px,
      calc(473.0769230769px + 566.4307692308 * (100vw - 375px) / 449),
      1039.5076923077px
    );
  }
}
.p-sus-activities__head-title {
  margin: 0;
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-activities__head-title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-sus-activities__head-title {
  line-height: 1.615;
  letter-spacing: 0.02em;
  color: #333;
}
.p-sus-activities__head-text {
  flex: 0 0 auto;
  max-width: clamp(
    348.75px,
    calc(348.75px + 0.3875 * (100vw - 900px)),
    561.875px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-activities__head-text {
    max-width: clamp(
      476.9230769231px,
      calc(476.9230769231px + 571.0358974359 * (100vw - 375px) / 449),
      1047.958974359px
    );
  }
}
.p-sus-activities__head-text {
  margin: clamp(
      35.15625px,
      calc(35.15625px + 21.484375 * (100vw - 900px) / 550),
      56.640625px
    )
    0 0;
}
@media screen and (max-width: 824px) {
  .p-sus-activities__head-text {
    margin: clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      )
      0 0;
  }
}
.p-sus-activities__head-text {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-sus-activities__head-text {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-sus-activities__head-text {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-sus-cont {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  padding-bottom: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-cont {
    padding-bottom: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-sus-cont:last-child {
  padding-bottom: 0;
}
.p-sus-cont__media {
  flex-basis: clamp(
    393.75px,
    calc(393.75px + 0.4375 * (100vw - 900px)),
    634.375px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-cont__media {
    flex-basis: clamp(
      538.4615384615px,
      calc(538.4615384615px + 644.7179487179 * (100vw - 375px) / 449),
      1183.1794871795px
    );
  }
}
.p-sus-cont__media {
  width: clamp(393.75px, calc(393.75px + 0.4375 * (100vw - 900px)), 634.375px);
}
@media screen and (max-width: 824px) {
  .p-sus-cont__media {
    width: clamp(
      538.4615384615px,
      calc(538.4615384615px + 644.7179487179 * (100vw - 375px) / 449),
      1183.1794871795px
    );
  }
}
.p-sus-cont__media {
  flex-grow: 0;
  flex-shrink: 0;
  aspect-ratio: 560/373;
  overflow: hidden;
}
.p-sus-cont__media picture,
.p-sus-cont__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-sus-cont__body {
  flex: 1 1 0;
  min-width: 0;
  padding-left: clamp(
    59.765625px,
    calc(59.765625px + 36.5234375 * (100vw - 900px) / 550),
    96.2890625px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-cont__body {
    padding-left: clamp(
      81.7307692308px,
      calc(81.7307692308px + 97.858974359 * (100vw - 375px) / 449),
      179.5897435897px
    );
  }
}
.p-sus-cont__body {
  padding-right: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-cont__body {
    padding-right: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-sus-cont__body {
  display: flex;
  flex-direction: column;
}
.p-sus-cont--reverse {
  flex-direction: row;
}
.p-sus-cont--reverse .p-sus-cont__body {
  padding-left: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-cont--reverse .p-sus-cont__body {
    padding-left: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-sus-cont--reverse .p-sus-cont__body {
  padding-right: clamp(
    59.765625px,
    calc(59.765625px + 36.5234375 * (100vw - 900px) / 550),
    96.2890625px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-cont--reverse .p-sus-cont__body {
    padding-right: clamp(
      81.7307692308px,
      calc(81.7307692308px + 97.858974359 * (100vw - 375px) / 449),
      179.5897435897px
    );
  }
}
.p-sus-cont__title {
  margin: 0 0
    clamp(
      14.0625px,
      calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
      22.65625px
    );
}
@media screen and (max-width: 824px) {
  .p-sus-cont__title {
    margin: 0 0
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
}
.p-sus-cont__title {
  font-weight: 500;
  font-size: clamp(
    16.171875px,
    calc(16.171875px + 9.8828125 * (100vw - 900px) / 550),
    26.0546875px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-cont__title {
    font-size: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
}
.p-sus-cont__title {
  line-height: 1.739;
  letter-spacing: 0.02em;
  color: #333;
}
.p-sus-cont__text {
  margin: 0;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-sus-cont__text {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-sus-cont__text {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-sus-cont__caption {
  margin: clamp(
      21.09375px,
      calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
      33.984375px
    )
    0 0;
}
@media screen and (max-width: 824px) {
  .p-sus-cont__caption {
    margin: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      0 0;
  }
}
.p-sus-cont__caption {
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-cont__caption {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.p-sus-cont__caption {
  line-height: 1.833;
  letter-spacing: 0.02em;
  color: #333;
}
.p-sus-cont__btn {
  margin-top: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-sus-cont__btn {
    margin-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-sus-cont__btn {
  align-self: flex-start;
}
@media (max-width: 824px) {
  .p-sus-lead {
    padding-right: 0;
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
  .p-sus-lead__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.636;
  }
  .p-sus-lead__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    letter-spacing: 0.02em;
  }
  .p-sus-lead-cards {
    grid-template-columns: 1fr;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-sus-lead-cards__img {
    aspect-ratio: 340/202.5;
  }
  .p-sus-lead-cards__body {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
  .p-sus-lead-cards__title {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
  .p-sus-activities {
    padding: clamp(
        57.6923076923px,
        calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
        126.7692307692px
      )
      0;
  }
  .p-sus-activities__head {
    flex-direction: column;
    align-items: stretch;
    padding: 0
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
    margin-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-sus-activities__head-title {
    max-width: none;
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.636;
  }
  .p-sus-activities__head-text {
    max-width: none;
    margin-top: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-sus-cont {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 0
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      clamp(
        48.0769230769px,
        calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
        105.641025641px
      );
  }
  .p-sus-cont--reverse {
    flex-direction: column;
  }
  .p-sus-cont:last-child {
    padding-bottom: 0;
  }
  .p-sus-cont__body {
    display: contents;
  }
  .p-sus-cont__media {
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 340/226.5;
    order: 2;
  }
  .p-sus-cont--reverse .p-sus-cont__body {
    padding: 0;
  }
  .p-sus-cont__title {
    order: 1;
    margin: 0 0
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    line-height: 1.7;
  }
  .p-sus-cont__text {
    order: 3;
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-sus-cont__caption {
    order: 4;
    margin-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    line-height: 1.833;
  }
  .p-sus-cont__btn {
    order: 5;
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
    align-self: flex-start;
  }
}
.p-message {
  background: #fff;
}
.p-message-lead {
  display: flex;
  align-items: flex-start;
  padding-bottom: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-message-lead {
    padding-bottom: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-message-lead__text {
  flex: 1 1 0;
  min-width: 0;
  padding-right: clamp(
    42.1875px,
    calc(42.1875px + 25.78125 * (100vw - 900px) / 550),
    67.96875px
  );
}
@media screen and (max-width: 824px) {
  .p-message-lead__text {
    padding-right: clamp(
      57.6923076923px,
      calc(57.6923076923px + 69.0769230769 * (100vw - 375px) / 449),
      126.7692307692px
    );
  }
}
.p-message-lead__text {
  display: flex;
  flex-direction: column;
}
.p-message-lead__body {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-message-lead__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-message-lead__p {
  margin: 0;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-message-lead__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-message-lead__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-message-lead__name {
  padding-top: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-message-lead__name {
    padding-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-message-lead__name {
  display: flex;
  flex-direction: column;
  gap: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .p-message-lead__name {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.p-message-lead__company {
  margin: 0;
  font-weight: 700;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-message-lead__company {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-message-lead__company {
  line-height: 1.875;
  letter-spacing: 0.02em;
  color: #333;
}
.p-message-lead__person {
  margin: 0;
  font-weight: 500;
  font-size: clamp(
    16.171875px,
    calc(16.171875px + 9.8828125 * (100vw - 900px) / 550),
    26.0546875px
  );
}
@media screen and (max-width: 824px) {
  .p-message-lead__person {
    font-size: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
}
.p-message-lead__person {
  line-height: 1.739;
  letter-spacing: 0.02em;
  color: #333;
}
.p-message-lead__img {
  margin: 0;
  flex-basis: clamp(
    154.6875px,
    calc(154.6875px + 94.53125 * (100vw - 900px) / 550),
    249.21875px
  );
}
@media screen and (max-width: 824px) {
  .p-message-lead__img {
    flex-basis: clamp(
      211.5384615385px,
      calc(211.5384615385px + 253.2820512821 * (100vw - 375px) / 449),
      464.8205128205px
    );
  }
}
.p-message-lead__img {
  width: clamp(
    154.6875px,
    calc(154.6875px + 94.53125 * (100vw - 900px) / 550),
    249.21875px
  );
}
@media screen and (max-width: 824px) {
  .p-message-lead__img {
    width: clamp(
      211.5384615385px,
      calc(211.5384615385px + 253.2820512821 * (100vw - 375px) / 449),
      464.8205128205px
    );
  }
}
.p-message-lead__img {
  flex-grow: 0;
  flex-shrink: 0;
  aspect-ratio: 3090/4096;
  overflow: hidden;
}
.p-message-lead__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-message-note {
  margin: 0;
  background: #f5f5f5;
  padding: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-message-note {
    padding: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-message-note__p {
  margin: 0;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-message-note__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-message-note__p {
  line-height: 1.857;
  letter-spacing: 0.02em;
  color: #333;
  text-align: justify;
}
.p-message-vision {
  margin-top: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-message-vision {
    margin-top: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-message-vision {
  padding-top: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-message-vision {
    padding-top: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-message-vision {
  border-top: 1px solid #ddd;
}
.p-message-vision__head {
  display: flex;
  flex-direction: column;
}
.p-message-vision__title {
  margin: 0 0
    clamp(
      24.609375px,
      calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
      39.6484375px
    );
}
@media screen and (max-width: 824px) {
  .p-message-vision__title {
    margin: 0 0
      clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      );
  }
}
.p-message-vision__title {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-message-vision__title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-message-vision__title {
  line-height: 1.615;
  letter-spacing: 0.02em;
  color: #333;
}
.p-message-vision__text {
  margin: 0;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-message-vision__text {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-message-vision__text {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-message-cards {
  list-style: none;
  margin: clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px)
    0 0;
}
@media screen and (max-width: 824px) {
  .p-message-cards {
    margin: clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      0 0;
  }
}
.p-message-cards {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-message-cards {
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-message-cards {
  align-items: stretch;
}
.p-message-cards__item {
  display: flex;
}
.p-message-cards__link {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  color: #333;
  transition: opacity 0.3s ease;
}
.p-message-cards__img {
  width: 100%;
  aspect-ratio: 338/202.5;
  overflow: hidden;
  isolation: isolate;
  transform: translateZ(0);
  border-radius: 0.01px;
}
.p-message-cards__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
  backface-visibility: hidden;
  transition: transform 0.4s ease;
}
.p-message-cards__body {
  flex: 1 1 auto;
  background: #f5f5f5;
  padding: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-message-cards__body {
    padding: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-message-cards__body {
  display: flex;
  flex-direction: column;
  transition: opacity 0.3s ease;
}
.p-message-cards__title {
  margin: 0;
  font-weight: 700;
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-message-cards__title {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-message-cards__title {
  line-height: 1.778;
  letter-spacing: 0.02em;
  color: #333;
}
.p-message-cards__title-text {
  display: inline;
}
.p-message-cards__title-text:after {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: clamp(
    9.140625px,
    calc(9.140625px + 5.5859375 * (100vw - 900px) / 550),
    14.7265625px
  );
}
@media screen and (max-width: 824px) {
  .p-message-cards__title-text:after {
    width: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
}
.p-message-cards__title-text:after {
  height: clamp(
    7.734375px,
    calc(7.734375px + 4.7265625 * (100vw - 900px) / 550),
    12.4609375px
  );
}
@media screen and (max-width: 824px) {
  .p-message-cards__title-text:after {
    height: clamp(
      10.5769230769px,
      calc(10.5769230769px + 12.6641025641 * (100vw - 375px) / 449),
      23.241025641px
    );
  }
}
.p-message-cards__title-text:after {
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-message-cards__title-text:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-message-cards__title-text:after {
  vertical-align: middle;
  margin-bottom: 0.2em;
  background: url(/group/btsj/assets/images/common/icon-external-gray-dark.svg)
    no-repeat center/contain;
}
@media (hover: hover) {
  .p-message-cards__link:hover {
    opacity: 1;
  }
  .p-message-cards__link:hover .p-message-cards__img img {
    transform: scale(1.1);
  }
  .p-message-cards__link:hover .p-message-cards__body {
    opacity: 0.5;
  }
}
@media (max-width: 824px) {
  .p-message-lead {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
  .p-message-lead__text {
    flex: 0 0 auto;
    width: 100%;
    padding-right: 0;
    order: 1;
  }
  .p-message-lead__img {
    flex: 0 0 auto;
    width: clamp(
      163.4615384615px,
      calc(163.4615384615px + 195.7179487179 * (100vw - 375px) / 449),
      359.1794871795px
    );
    margin: clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      )
      auto 0;
    aspect-ratio: 170/225;
    order: 2;
  }
  .p-message-lead__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    letter-spacing: 0.02em;
  }
  .p-message-lead__name {
    padding-top: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
    align-items: stretch;
  }
  .p-message-lead__company {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-message-lead__person {
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
    line-height: 1.7;
  }
  .p-message-note {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
  }
  .p-message-note__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.857;
    letter-spacing: 0.02em;
  }
  .p-message-vision {
    margin-top: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
    padding-top: clamp(
      48.0769230769px,
      calc(48.0769230769px + 57.5641025641 * (100vw - 375px) / 449),
      105.641025641px
    );
  }
  .p-message-vision__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.636;
    text-align: justify;
  }
  .p-message-vision__text {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-message-cards {
    grid-template-columns: 1fr;
    gap: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    margin-top: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-message-cards__img {
    aspect-ratio: 340/202.5;
  }
  .p-message-cards__body {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      );
  }
  .p-message-cards__title {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
  }
}
.p-recruit-lead {
  padding-right: clamp(
    45.703125px,
    calc(45.703125px + 27.9296875 * (100vw - 900px) / 550),
    73.6328125px
  );
}
@media screen and (max-width: 824px) {
  .p-recruit-lead {
    padding-right: clamp(
      62.5px,
      calc(62.5px + 74.8333333333 * (100vw - 375px) / 449),
      137.3333333333px
    );
  }
}
.p-recruit-lead {
  padding-bottom: clamp(
    56.25px,
    calc(56.25px + 0.0625 * (100vw - 900px)),
    90.625px
  );
}
@media screen and (max-width: 824px) {
  .p-recruit-lead {
    padding-bottom: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-recruit-lead__title {
  margin: 0 0
    clamp(
      24.609375px,
      calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
      39.6484375px
    );
}
@media screen and (max-width: 824px) {
  .p-recruit-lead__title {
    margin: 0 0
      clamp(
        33.6538461538px,
        calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
        73.9487179487px
      );
  }
}
.p-recruit-lead__title {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-recruit-lead__title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-recruit-lead__title {
  line-height: 1.615;
  letter-spacing: 0.02em;
  color: #333;
}
.p-recruit-lead__body {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-recruit-lead__body {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-recruit-lead__p {
  margin: 0;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-recruit-lead__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-recruit-lead__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-recruit-cards {
  padding-bottom: clamp(
    38.671875px,
    calc(38.671875px + 23.6328125 * (100vw - 900px) / 550),
    62.3046875px
  );
}
@media screen and (max-width: 824px) {
  .p-recruit-cards {
    padding-bottom: clamp(
      52.8846153846px,
      calc(52.8846153846px + 63.3205128205 * (100vw - 375px) / 449),
      116.2051282051px
    );
  }
}
@media (max-width: 824px) {
  .p-recruit-lead {
    padding-right: 0;
    padding-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
  .p-recruit-lead__title {
    margin-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.636;
    text-align: justify;
  }
  .p-recruit-lead__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-recruit-cards {
    padding-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-notice__lead {
  font-size: clamp(
    12.65625px,
    calc(12.65625px + 7.734375 * (100vw - 900px) / 550),
    20.390625px
  );
}
@media screen and (max-width: 824px) {
  .p-notice__lead {
    font-size: clamp(
      17.3076923077px,
      calc(17.3076923077px + 20.7230769231 * (100vw - 375px) / 449),
      38.0307692308px
    );
  }
}
.p-notice__lead {
  line-height: 2;
  letter-spacing: 0.02em;
  color: #333;
  text-align: justify;
  margin: 0 0
    clamp(28.125px, calc(28.125px + 0.03125 * (100vw - 900px)), 45.3125px);
}
@media screen and (max-width: 824px) {
  .p-notice__lead {
    margin: 0 0
      clamp(
        38.4615384615px,
        calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
        84.5128205128px
      );
  }
}
.p-notice {
  border-top: 1px solid #999999;
  margin: 0;
  padding: 0;
}
.p-notice__row {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #dddddd;
  width: 100%;
}
.p-notice__year {
  flex-shrink: 0;
  width: clamp(112.5px, calc(112.5px + 0.125 * (100vw - 900px)), 181.25px);
}
@media screen and (max-width: 824px) {
  .p-notice__year {
    width: clamp(
      153.8461538462px,
      calc(153.8461538462px + 184.2051282051 * (100vw - 375px) / 449),
      338.0512820513px
    );
  }
}
.p-notice__year {
  margin: 0;
  padding: clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-notice__year {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.p-notice__year {
  align-self: stretch;
  font-weight: 500;
  font-size: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-notice__year {
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-notice__year {
  line-height: 1.8;
  letter-spacing: 0.02em;
  color: #333;
}
.p-notice__entries {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
}
.p-notice__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-notice__item {
  display: flex;
  align-items: center;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-notice__item {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-notice__item {
  padding: clamp(
      17.578125px,
      calc(17.578125px + 10.7421875 * (100vw - 900px) / 550),
      28.3203125px
    )
    0;
}
@media screen and (max-width: 824px) {
  .p-notice__item {
    padding: clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      )
      0;
  }
}
.p-notice__item + .p-notice__item {
  border-top: 1px solid #dddddd;
}
.p-notice__date {
  flex-shrink: 0;
  font-weight: 400;
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .p-notice__date {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.p-notice__date {
  line-height: 1.833;
  letter-spacing: 0.02em;
  color: #999;
  white-space: nowrap;
}
.p-notice__text {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font-weight: 700;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-notice__text {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-notice__text {
  line-height: 1.857;
  letter-spacing: 0.02em;
  color: #333;
  line-break: strict;
}
.p-notice__link {
  color: inherit;
  display: inline;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .p-notice__link:hover {
    opacity: 0.6;
  }
}
@media (max-width: 824px) {
  .p-notice__lead {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    margin-bottom: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
  .p-notice__row {
    flex-direction: column;
    align-items: stretch;
  }
  .p-notice__year {
    width: auto;
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
    font-weight: 500;
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    letter-spacing: 0.02em;
  }
  .p-notice__item {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
    padding: clamp(
        19.2307692308px,
        calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
        42.2564102564px
      )
      0;
    border-top: 1px solid #dddddd;
  }
}
.p-legal__lead {
  padding-bottom: clamp(
    56.25px,
    calc(56.25px + 0.0625 * (100vw - 900px)),
    90.625px
  );
}
@media screen and (max-width: 824px) {
  .p-legal__lead {
    padding-bottom: clamp(
      76.9230769231px,
      calc(76.9230769231px + 92.1025641026 * (100vw - 375px) / 449),
      169.0256410256px
    );
  }
}
.p-legal-section {
  padding-bottom: clamp(
    63.28125px,
    calc(63.28125px + 38.671875 * (100vw - 900px) / 550),
    101.953125px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-section {
    padding-bottom: clamp(
      86.5384615385px,
      calc(86.5384615385px + 103.6153846154 * (100vw - 375px) / 449),
      190.1538461538px
    );
  }
}
.p-legal-section--last {
  padding-bottom: 0;
}
.p-legal-section__head {
  display: flex;
  align-items: center;
  padding-bottom: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-section__head {
    padding-bottom: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-legal-section__head--inline {
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-section__head--inline {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-legal-section__title {
  font-weight: 500;
  font-size: clamp(
    18.28125px,
    calc(18.28125px + 11.171875 * (100vw - 900px) / 550),
    29.453125px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-section__title {
    font-size: clamp(
      25px,
      calc(25px + 29.9333333333 * (100vw - 375px) / 449),
      54.9333333333px
    );
  }
}
.p-legal-section__title {
  line-height: 1.62;
  letter-spacing: 0.02em;
  color: #333;
  margin: 0;
  white-space: nowrap;
}
.p-legal-section__lead {
  flex: 1 1 0;
  min-width: 0;
  font-weight: 400;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-legal-section__lead {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-legal-section__lead {
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #333;
  margin: 0;
}
.p-legal-block {
  padding-bottom: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-block {
    padding-bottom: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-legal-block--last,
.p-legal-block:last-child {
  padding-bottom: 0;
}
.p-legal-block__title {
  font-weight: 500;
  font-size: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-block__title {
    font-size: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-legal-block__title {
  line-height: 1.8;
  letter-spacing: 0.02em;
  color: #333;
  padding-bottom: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-block__title {
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-legal-block__title {
  margin: 0;
}
.p-legal-block__p {
  font-weight: 400;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-legal-block__p {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-legal-block__p {
  line-height: 2.125;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #333;
  margin: 0;
}
.p-legal-paragraphs {
  display: flex;
  flex-direction: column;
  gap: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-paragraphs {
    gap: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-legal-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-row {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-legal-row {
  align-items: start;
}
.p-legal-info-box {
  background: #f5f5f5;
  padding: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-info-box {
    padding: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-legal-info-box__p {
  font-weight: 400;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-info-box__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-legal-info-box__p {
  line-height: 1.857;
  letter-spacing: 0.02em;
  text-align: justify;
  color: #333;
  margin: 0;
}
.p-legal-info-box__p + .p-legal-info-box__btn {
  margin-top: clamp(
    14.0625px,
    calc(14.0625px + 8.59375 * (100vw - 900px) / 550),
    22.65625px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-info-box__p + .p-legal-info-box__btn {
    margin-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
}
.p-legal-info-box__btn {
  display: inline-block;
  transition: opacity 0.3s ease;
}
.p-legal-info-box__btn img {
  display: block;
  width: clamp(
    111.09375px,
    calc(111.09375px + 67.890625 * (100vw - 900px) / 550),
    178.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-info-box__btn img {
    width: clamp(
      151.9230769231px,
      calc(151.9230769231px + 181.9025641026 * (100vw - 375px) / 449),
      333.8256410256px
    );
  }
}
.p-legal-info-box__btn img {
  height: clamp(
    28.828125px,
    calc(28.828125px + 17.6171875 * (100vw - 900px) / 550),
    46.4453125px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-info-box__btn img {
    height: clamp(
      39.4230769231px,
      calc(39.4230769231px + 47.2025641026 * (100vw - 375px) / 449),
      86.6256410256px
    );
  }
}
@media (hover: hover) {
  .p-legal-info-box__btn:hover {
    opacity: 0.7;
  }
}
.p-legal-info-box--code code {
  word-break: break-all;
  font-family:
    Noto Sans JP,
    Noto Sans CJK JP,
    sans-serif;
  font-size: clamp(
    10px,
    calc(10px + 5.859375 * (100vw - 900px) / 550),
    15.859375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-info-box--code code {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
  }
}
.p-legal-paragraphs + .p-legal-info-box,
.p-legal-info-box + .p-legal-paragraphs {
  margin-top: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-paragraphs + .p-legal-info-box,
  .p-legal-info-box + .p-legal-paragraphs {
    margin-top: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-legal-notes {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-notes {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.p-legal-paragraphs + .p-legal-notes {
  margin-top: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-paragraphs + .p-legal-notes {
    margin-top: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-legal__lead .p-legal-notes {
  margin-top: clamp(
    24.609375px,
    calc(24.609375px + 15.0390625 * (100vw - 900px) / 550),
    39.6484375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal__lead .p-legal-notes {
    margin-top: clamp(
      33.6538461538px,
      calc(33.6538461538px + 40.2948717949 * (100vw - 375px) / 449),
      73.9487179487px
    );
  }
}
.p-legal-notes__item {
  display: flex;
  gap: clamp(
    3.515625px,
    calc(3.515625px + 2.1484375 * (100vw - 900px) / 550),
    5.6640625px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-notes__item {
    gap: clamp(
      4.8076923077px,
      calc(4.8076923077px + 5.7564102564 * (100vw - 375px) / 449),
      10.5641025641px
    );
  }
}
.p-legal-notes__item {
  align-items: flex-start;
  font-size: clamp(
    10px,
    calc(10px + 3.59375 * (100vw - 900px) / 550),
    13.59375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-notes__item {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
  }
}
.p-legal-notes__item {
  line-height: 1.833;
  letter-spacing: 0.02em;
  color: #333;
}
.p-legal-notes__mark {
  flex-shrink: 0;
}
.p-legal-notes__text {
  flex: 1 1 0;
  min-width: 0;
}
.p-legal-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
}
.p-legal-bullets li {
  position: relative;
  padding-left: clamp(
    16.875px,
    calc(16.875px + 0.01875 * (100vw - 900px)),
    27.1875px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-bullets li {
    padding-left: clamp(
      23.0769230769px,
      calc(23.0769230769px + 27.6307692308 * (100vw - 375px) / 449),
      50.7076923077px
    );
  }
}
.p-legal-bullets li {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-legal-bullets li {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-legal-bullets li {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-legal-bullets li:before {
  content: "";
  position: absolute;
  left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-bullets li:before {
    left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-legal-bullets li:before {
  top: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-legal-bullets li:before {
    top: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-legal-bullets li:before {
  width: clamp(
    2.8125px,
    calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
    4.53125px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-bullets li:before {
    width: clamp(
      3.8461538462px,
      calc(3.8461538462px + 4.6051282051 * (100vw - 375px) / 449),
      8.4512820513px
    );
  }
}
.p-legal-bullets li:before {
  height: clamp(
    2.8125px,
    calc(2.8125px + 1.71875 * (100vw - 900px) / 550),
    4.53125px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-bullets li:before {
    height: clamp(
      3.8461538462px,
      calc(3.8461538462px + 4.6051282051 * (100vw - 375px) / 449),
      8.4512820513px
    );
  }
}
.p-legal-bullets li:before {
  background: currentColor;
  border-radius: 50%;
}
.p-legal-ordered {
  list-style: decimal;
  margin: 0;
  padding-left: clamp(
    16.875px,
    calc(16.875px + 0.01875 * (100vw - 900px)),
    27.1875px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-ordered {
    padding-left: clamp(
      23.0769230769px,
      calc(23.0769230769px + 27.6307692308 * (100vw - 375px) / 449),
      50.7076923077px
    );
  }
}
.p-legal-ordered li {
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-legal-ordered li {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-legal-ordered li {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
  text-align: justify;
}
.p-legal-link {
  color: #333;
  text-decoration: underline;
  transition: opacity 0.2s ease;
  word-break: break-all;
}
@media (hover: hover) {
  .p-legal-link:hover {
    opacity: 0.7;
  }
}
.p-legal-address {
  margin: 0;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-legal-address {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-legal-address {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
}
.p-legal-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(
    21.09375px,
    calc(21.09375px + 12.890625 * (100vw - 900px) / 550),
    33.984375px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-contact {
    gap: clamp(
      28.8461538462px,
      calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
      63.3846153846px
    );
  }
}
.p-legal-contact .c-btn {
  width: clamp(
    161.71875px,
    calc(161.71875px + 98.828125 * (100vw - 900px) / 550),
    260.546875px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-contact .c-btn {
    width: clamp(
      221.1538461538px,
      calc(221.1538461538px + 264.7948717949 * (100vw - 375px) / 449),
      485.9487179487px
    );
  }
}
.p-legal-contact .c-btn--arrow {
  padding-left: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-contact .c-btn--arrow {
    padding-left: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-legal-contact .c-btn--external {
  padding-right: clamp(
    10.546875px,
    calc(10.546875px + 6.4453125 * (100vw - 900px) / 550),
    16.9921875px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-contact .c-btn--external {
    padding-right: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
}
.p-legal-contact .c-btn--external:after {
  position: static;
  transform: none;
  top: auto;
  right: auto;
  margin-left: clamp(
    7.03125px,
    calc(7.03125px + 4.296875 * (100vw - 900px) / 550),
    11.328125px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-contact .c-btn--external:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
}
.p-legal-caption {
  border-top: 1px solid #dddddd;
  padding-top: clamp(
    28.125px,
    calc(28.125px + 0.03125 * (100vw - 900px)),
    45.3125px
  );
}
@media screen and (max-width: 824px) {
  .p-legal-caption {
    padding-top: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
}
.p-legal-caption {
  display: flex;
  justify-content: flex-end;
}
.p-legal-caption__text {
  margin: 0;
  white-space: nowrap;
  font-size: clamp(11.25px, calc(11.25px + 0.0125 * (100vw - 900px)), 18.125px);
}
@media screen and (max-width: 824px) {
  .p-legal-caption__text {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
  }
}
.p-legal-caption__text {
  line-height: 2.125;
  letter-spacing: 0.05em;
  color: #333;
}
@media (max-width: 824px) {
  .p-legal__lead,
  .p-legal-section {
    padding-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
  .p-legal-section__head {
    padding-bottom: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
  }
  .p-legal-section__head--inline {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(
      24.0384615385px,
      calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
      52.8205128205px
    );
    padding-bottom: clamp(
      38.4615384615px,
      calc(38.4615384615px + 46.0512820513 * (100vw - 375px) / 449),
      84.5128205128px
    );
  }
  .p-legal-section__title {
    font-size: clamp(
      21.1538461538px,
      calc(21.1538461538px + 25.3282051282 * (100vw - 375px) / 449),
      46.4820512821px
    );
    line-height: 1.636;
    white-space: normal;
  }
  .p-legal-section__lead {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-legal-block {
    padding-bottom: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-legal-block__title {
    font-size: clamp(
      15.3846153846px,
      calc(15.3846153846px + 18.4205128205 * (100vw - 375px) / 449),
      33.8051282051px
    );
    line-height: 1.75;
    padding-bottom: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .p-legal-block__p {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-legal-row {
    grid-template-columns: 1fr;
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-legal-info-box {
    padding: clamp(
        28.8461538462px,
        calc(28.8461538462px + 34.5384615385 * (100vw - 375px) / 449),
        63.3846153846px
      )
      clamp(
        24.0384615385px,
        calc(24.0384615385px + 28.7820512821 * (100vw - 375px) / 449),
        52.8205128205px
      );
  }
  .p-legal-info-box__p {
    font-size: clamp(
      13.4615384615px,
      calc(13.4615384615px + 16.1179487179 * (100vw - 375px) / 449),
      29.5794871795px
    );
    line-height: 1.857;
  }
  .p-legal-info-box__p + .p-legal-info-box__btn {
    margin-top: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-legal-paragraphs + .p-legal-info-box,
  .p-legal-info-box + .p-legal-paragraphs {
    margin-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-legal-paragraphs + .p-legal-notes {
    margin-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-legal__lead .p-legal-notes {
    margin-top: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-legal-notes__item {
    font-size: clamp(
      11.5384615385px,
      calc(11.5384615385px + 13.8153846154 * (100vw - 375px) / 449),
      25.3538461538px
    );
    line-height: 1.833;
  }
  .p-legal-bullets li {
    padding-left: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-legal-bullets li:before {
    left: clamp(
      8.6538461538px,
      calc(8.6538461538px + 10.3615384615 * (100vw - 375px) / 449),
      19.0153846154px
    );
    top: clamp(
      12.5px,
      calc(12.5px + 14.9666666667 * (100vw - 375px) / 449),
      27.4666666667px
    );
  }
  .p-legal-ordered {
    padding-left: clamp(
      22.1153846154px,
      calc(22.1153846154px + 26.4794871795 * (100vw - 375px) / 449),
      48.5948717949px
    );
  }
  .p-legal-ordered li {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
  }
  .p-legal-address {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    letter-spacing: 0.02em;
  }
  .p-legal-contact {
    gap: clamp(
      19.2307692308px,
      calc(19.2307692308px + 23.0256410256 * (100vw - 375px) / 449),
      42.2564102564px
    );
  }
  .p-legal-contact .c-btn {
    width: clamp(
      221.1538461538px,
      calc(221.1538461538px + 264.7948717949 * (100vw - 375px) / 449),
      485.9487179487px
    );
  }
  .p-legal-contact .c-btn--arrow {
    padding-left: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-legal-contact .c-btn--external {
    padding-right: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
  }
  .p-legal-contact .c-btn--external:after {
    margin-left: clamp(
      9.6153846154px,
      calc(9.6153846154px + 11.5128205128 * (100vw - 375px) / 449),
      21.1282051282px
    );
  }
  .p-legal-caption__text {
    font-size: clamp(
      14.4230769231px,
      calc(14.4230769231px + 17.2692307692 * (100vw - 375px) / 449),
      31.6923076923px
    );
    line-height: 1.866;
    white-space: normal;
  }
}

/* トップ .p-solutions 見出しを「私たちの事業」化に伴い1行に収める */
@media (min-width: 825px) {
  .p-solutions__text .section-title {
    gap: clamp(12px, calc(12px + 12 * (100vw - 900px) / 550), 24px);
  }
  .p-solutions__text .section-title__en,
  .p-solutions__text .section-title__ja {
    white-space: nowrap;
    flex-shrink: 0;
  }
}

/* 特定カード（例: 建設・鉱山車両用タイヤ）の body 右余白を狭める（PCのみ） */
@media (min-width: 825px) {
  .p-ct-cards__body--right-tight {
    padding-right: clamp(15px, calc(15px + 10 * (100vw - 900px) / 550), 25px);
  }
}

/* 企業理念エッセンス図：画像の外側に白背景（Figma、上下50px基準） */
.p-philosophy-lead__graph {
  background: #fff;
  padding:
    clamp(35px, calc(35px + 15 * (100vw - 900px) / 380), 50px)
    clamp(24px, calc(24px + 16 * (100vw - 900px) / 550), 40px);
  box-sizing: border-box;
}
@media (max-width: 824px) {
  .p-philosophy-lead__graph {
    padding:
      clamp(30px, calc(30px + 20 * (100vw - 375px) / 449), 50px)  /* top */
      clamp(20px, calc(20px + 20 * (100vw - 375px) / 449), 40px)  /* right */
      clamp(5px, calc(5px + 3 * (100vw - 375px) / 449), 8px)      /* bottom(5px相当) */
      clamp(20px, calc(20px + 20 * (100vw - 375px) / 449), 40px); /* left */
    margin-bottom: clamp(30px, calc(30px + 15 * (100vw - 375px) / 449), 45px);
  }
}

/* エッセンス図：PCは99%幅でセンター寄せ、SPは100%幅（picture外側で制御し img は100%のまま） */
@media (min-width: 825px) {
  .p-philosophy-lead__graph picture {
    width: 99%;
    margin-inline: auto;
  }
}

/* dark セクションが連続する場合、間にディバイダー（Figma: 前カード→ボーダー80px, ボーダー→タイトル80px）*/
.l-section--dark:has(+ .l-section--dark) {
  padding-bottom: clamp(60px, calc(60px + 20 * (100vw - 900px) / 380), 80px);
}
.l-section--dark + .l-section--dark {
  padding-top: 0;
}
.l-section--dark + .l-section--dark > .container {
  border-top: 1px solid #666;
  padding-top: clamp(60px, calc(60px + 20 * (100vw - 900px) / 380), 80px);
}
@media (max-width: 824px) {
  .l-section--dark:has(+ .l-section--dark) {
    padding-bottom: clamp(48px, calc(48px + 32 * (100vw - 375px) / 449), 80px);
  }
  .l-section--dark + .l-section--dark > .container {
    padding-top: clamp(48px, calc(48px + 32 * (100vw - 375px) / 449), 80px);
  }
}

/* recruit「採用に関するご案内」セクション */
/* PC: Figmaに合わせ、赤ボタン→タイトル間を65pxに（パネル下余白ゼロ + リンクセクション上余白65px） */
/* SP: パネルの既存 padding-bottom(50px相当) がそのまま 50px の余白を提供、cards/links 側は打ち消し */
.p-recruit-cards.c-overlap-cards,
.p-recruit-cards {
  padding-bottom: 0;
}
@media (min-width: 825px) {
  .p-recruit-cards .c-overlap-cards__panel {
    padding-bottom: 0;
  }
  /* Figma: パネル外側パディング65px（Panel1左, Panel2右）※中央の境界線は既存 :after で描画済み */
  .p-recruit-cards .c-overlap-cards__panel:first-child {
    padding-left: clamp(45px, calc(45px + 20 * (100vw - 900px) / 380), 65px);
  }
  .p-recruit-cards .c-overlap-cards__panel:nth-child(2) {
    padding-right: clamp(45px, calc(45px + 20 * (100vw - 900px) / 380), 65px);
  }
  /* PC: ボタンをラッパーで下端揃え（本文行数差でボタン高さがズレる問題の解消）
     ラッパーを margin-top:auto でパネル下端へ、ボタン既存 margin が最低余白を担保 */
  .p-recruit-cards .c-overlap-cards__btn-wrap {
    margin-top: auto;
  }
  /* PC: 中央の縦区切り線をパネル下端まで伸ばす（ボタン下端揃えに合わせて） */
  .p-recruit-cards .c-overlap-cards__panel:first-child:after {
    bottom: 0;
  }
}
.p-recruit-links {
  padding-top: clamp(50px, calc(50px + 15 * (100vw - 900px) / 380), 65px);
}
@media (max-width: 824px) {
  .p-recruit-links {
    padding-top: 0;
  }
}
/* PC は左右65px相当の内側余白を持たせる（幅は親 container に従う） */
@media (min-width: 825px) {
  .p-recruit-links .c-link-list {
    padding-inline: clamp(45px, calc(45px + 20 * (100vw - 900px) / 380), 65px);
  }
}
/* SP: Figmaに合わせて内側パディングとリンク縦余白を微調整（recruit限定・他ページの c-link-list に非影響） */
@media (max-width: 824px) {
  .p-recruit-links .c-link-list {
    padding-inline: clamp(24px, calc(24px + 26 * (100vw - 375px) / 449), 50px);
  }
  .p-recruit-links .c-link-list__link {
    padding: clamp(20px, calc(20px + 15 * (100vw - 375px) / 449), 35px) 0;
  }
}

/* =================================
   FOUC対策: JS アニメーション対象の初期非表示
   js-anim は head のインラインスクリプトで描画前に付与され、
   common.js が gsap.set で初期状態を適用した後（DOMContentLoaded末尾）に除去される。
   ・stagger 系はコンテナではなく子要素を隠す（JS が子要素単位で管理するため）
   ・タイトル系は data-anim ではなくクラスで JS が選択するためクラス指定
================================= */
.js-anim [data-anim="fade-up"],
.js-anim [data-anim="fade-up-whole"],
.js-anim [data-anim="fade"],
.js-anim [data-anim="scale-in"],
.js-anim [data-anim="fade-up-stagger"] > *,
.js-anim [data-anim="fade-stagger"] > *,
.js-anim [data-anim="scale-in-stagger"] > *,
.js-anim .section-title,
.js-anim .c-section-title,
.js-anim .p-page-mv__title {
  opacity: 0;
}