@charset "UTF-8";
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
}

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

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

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

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

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

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

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

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

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

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

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

[type=number] {
  width: auto; /* Firefox 36+ */
}

[type=search] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

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

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

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

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

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

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

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

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

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

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

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

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

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

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

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

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important;
  }
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

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

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

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

:root {
  --color-00_black: #3f3f3f;
  --color-00_white: #ffffff;
  --color-01-navy: #003b7d;
  --color-01-black: #464646;
  --color-01-gray: #69798a;
  --color-01-blue: #658fbb;
  --color-02-black: #515151;
  --color-02-gray: #a2a2a2;
  --color-03-black: #585858;
  --color-03-gray: #e6e5e5;
  --color-04-black: #000;
  --color-04-gray: #cccccc;
  --color-background1: #ebf0f5;
  --color-background2: #f5f3f0;
}

/* default setting */
html {
  font-size: 62.5%;
  height: -webkit-fill-available;
  opacity: 0;
}
html.wf-inactive, html.wf-loading {
  opacity: 0;
}
html.wf-active, html.js-loaded {
  opacity: 1;
  -webkit-transition: opacity 800ms ease-in-out 600ms;
  transition: opacity 800ms ease-in-out 600ms;
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  background-color: var(--color-00_white);
  color: #000;
  font-family: a-otf-ryumin-pr6n, serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 170%;
}

a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ol,
ul,
dl {
  list-style: none;
}

em,
i {
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.6rem;
  font-weight: inherit;
}

/* iOS Form */
input[type=submit],
input[type=button],
button {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration,
button::-webkit-search-decoration {
  display: none;
}
input[type=input],
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=search] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: input;
  -moz-appearance: input;
  appearance: input;
  background-color: #fff !important;
  border: 1px solid rgba(32, 32, 32, 0.15);
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 2.14;
  margin-top: 20px;
  padding: 15px 30px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 200ms;
  transition: 200ms;
  width: 100%;
}
input[type=input]::-webkit-search-decoration,
input[type=text]::-webkit-search-decoration,
input[type=tel]::-webkit-search-decoration,
input[type=email]::-webkit-search-decoration,
input[type=number]::-webkit-search-decoration,
input[type=search]::-webkit-search-decoration {
  display: none;
}
input[type=input]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus {
  background-color: #fff;
  border: 1px solid #222;
  outline: none;
}
input[type=input].error,
input[type=text].error,
input[type=tel].error,
input[type=email].error,
input[type=number].error,
input[type=search].error {
  background-color: #ffdfdf;
  border-color: #d51212;
}

textarea {
  background-color: #f4f4f4;
  border: 1px solid #333;
  border-radius: 5px;
  font-size: 1.4rem;
  height: 21em;
  line-height: 2;
  padding: 15px 30px;
  -webkit-transition: 200ms;
  transition: 200ms;
  width: 100%;
}
textarea:focus {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
textarea.error {
  border-color: #d51212;
}

/* placeholder */
input::-webkit-input-placeholder {
  color: rgba(32, 32, 32, 0.5);
}
input::-moz-placeholder {
  color: rgba(32, 32, 32, 0.5);
}
input:-ms-input-placeholder {
  color: rgba(32, 32, 32, 0.5);
}
input::-ms-input-placeholder {
  color: rgba(32, 32, 32, 0.5);
}
input::placeholder {
  color: rgba(32, 32, 32, 0.5);
}

/* placeholder fot IE */
input:-ms-input-placeholder {
  color: rgba(32, 32, 32, 0.5);
}

/* placeholder for Edge */
input::-ms-input-placeholder {
  color: rgba(32, 32, 32, 0.5);
}

select {
  background-color: #f4f4f4;
  border: 1px solid rgba(32, 32, 32, 0.15);
  border-radius: 5px;
  color: rgba(32, 32, 32, 0.5);
  font-size: 1.4rem;
  line-height: 2.14;
  margin-top: 20px;
  padding: 15px 30px;
  width: 100%;
}
select:focus {
  outline: none;
}

img {
  display: block;
  height: auto;
  width: 100%;
}

/* SP style */
@media print, screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  body {
    padding-top: 21.3333333333vw;
  }
  body.home {
    padding-top: 0;
  }
}
/* PC style */
@media print, screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
  body {
    padding-top: clamp(67.4594594595px, 8.7837837838vw, 140.5405405405px);
  }
  body.home {
    padding-top: 0;
  }
}
.Main {
  overflow-x: hidden;
}

/* blocks */
/* --------------------
 * Background
 * -------------------- */
.Background {
  position: relative;
}
.Background .Background__inner {
  padding: 0 5.3333333333vw;
}
.Background .Background__inner::before {
  content: none;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}
.Background .Background__inner::after {
  content: none;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}
.Background .Background__content {
  position: relative;
  z-index: 1;
}
.Background.-pageTop .Background__content {
  height: 12vw;
}
.Background.-none {
  background-color: var(--color-00_white);
}
.Background.-blue {
  background-color: var(--color-background1);
}
.Background.-beige {
  background-color: var(--color-background2);
}
.Background.-pattern1 {
  background-color: var(--color-00_white);
}
.Background.-pattern1 .Background__inner::after {
  background-color: var(--color-background1);
  content: "";
  right: 0;
  width: 66.6666666667vw;
}
.Background.-pattern2 {
  background-color: var(--color-00_white);
}
.Background.-pattern2 .Background__inner::after {
  background-color: var(--color-background1);
  content: "";
  right: 0;
  width: 33.3333333333vw;
}
.Background.-pattern3 {
  background-color: var(--color-00_white);
}
.Background.-pattern3 .Background__inner::before {
  background-color: var(--color-background1);
  content: "";
  left: 0;
  width: 33.3333333333vw;
}
.Background.-pattern4 {
  background-color: var(--color-00_white);
}
.Background.-pattern4 .Background__inner::before {
  background-color: var(--color-background1);
  content: "";
  left: 0;
  width: 66.6666666667vw;
}
.Background.-pattern5 {
  background-color: var(--color-00_white);
}
.Background.-pattern5 .Background__inner::after {
  background-color: var(--color-background2);
  content: "";
  right: 0;
  width: 66.6666666667vw;
}
.Background.-pattern6 {
  background-color: var(--color-00_white);
}
.Background.-pattern6 .Background__inner::after {
  background-color: var(--color-background2);
  content: "";
  right: 0;
  width: 33.3333333333vw;
}
.Background.-pattern7 {
  background-color: var(--color-00_white);
}
.Background.-pattern7 .Background__inner::before {
  background-color: var(--color-background2);
  content: "";
  left: 0;
  width: 33.3333333333vw;
}
.Background.-pattern8 {
  background-color: var(--color-00_white);
}
.Background.-pattern8 .Background__inner::before {
  background-color: var(--color-background2);
  content: "";
  left: 0;
  width: 66.6666666667vw;
}
.Background.-pattern9 .Background__inner::before {
  background-color: var(--color-background2);
  content: "";
  left: 0;
  width: 33.3333333333vw;
}
.Background.-pattern9 .Background__inner::after {
  background-color: var(--color-background1);
  content: "";
  right: 0;
  width: 66.6666666667vw;
}
.Background.-pattern10 .Background__inner::before {
  background-color: var(--color-background2);
  content: "";
  left: 0;
  width: 100vw;
}
.Background.-pattern10 .Background__inner::after {
  background-color: var(--color-background1);
  content: "";
  right: 0;
  width: 33.3333333333vw;
}
.Background.-pattern11 .Background__inner::before {
  background-color: var(--color-background1);
  content: "";
  left: 0;
  width: 33.3333333333vw;
}
.Background.-pattern11 .Background__inner::after {
  background-color: var(--color-background2);
  content: "";
  right: 0;
  width: 66.6666666667vw;
}
.Background.-pattern12 .Background__inner::before {
  background-color: var(--color-background1);
  content: "";
  left: 0;
  width: 100vw;
}
.Background.-pattern12 .Background__inner::after {
  background-color: var(--color-background2);
  content: "";
  right: 0;
  width: 33.3333333333vw;
}
.Background.-pattern13 {
  background-color: var(--color-00_white);
}
.Background.-pattern13 .Background__inner::before {
  background-color: var(--color-background1);
  content: "";
  left: 0;
  width: 66.6666666667vw;
}
.Background.-pattern14 {
  background-color: var(--color-00_white);
}
.Background.-pattern14 .Background__inner::after {
  background-color: var(--color-background2);
  content: "";
  right: 0;
  width: 66.6666666667vw;
}
.Background.-padding {
  padding: 13.3333333333vw 0;
}
.Background.-paddingLarge {
  padding: 26.6666666667vw 0;
}
.Background.-paddingBottom {
  padding-bottom: 13.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  .Background {
    margin: 0 auto;
    max-width: 1600px;
  }
  .Background .Background__inner {
    padding: 0 clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .Background .Background__inner::before, .Background .Background__inner::after {
    height: 100%;
    top: 0;
    width: 100vw !important;
  }
  .Background.-pageTop .Background__content {
    height: clamp(46.7027027027px, 6.0810810811vw, 97.2972972973px);
  }
  .Background.-blue {
    background-color: transparent;
  }
  .Background.-blue .Background__inner::before {
    background-color: var(--color-background1);
    content: "";
    left: auto;
    right: clamp(512.172972973px, 66.6891891892vw, 1067.027027027px);
  }
  .Background.-blue .Background__inner::after {
    background-color: var(--color-background1);
    content: "";
    left: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
    right: auto;
  }
  .Background.-beige {
    background-color: transparent;
  }
  .Background.-beige .Background__inner::before {
    background-color: var(--color-background2);
    content: "";
    left: auto;
    right: clamp(512.172972973px, 66.6891891892vw, 1067.027027027px);
  }
  .Background.-beige .Background__inner::after {
    background-color: var(--color-background2);
    content: "";
    left: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
    right: auto;
  }
  .Background.-pattern1 .Background__inner::after, .Background.-pattern5 .Background__inner::after, .Background.-pattern14 .Background__inner::after {
    left: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
    right: auto;
  }
  .Background.-pattern2 .Background__inner::after, .Background.-pattern6 .Background__inner::after {
    left: clamp(512.172972973px, 66.6891891892vw, 1067.027027027px);
    right: auto;
  }
  .Background.-pattern3 .Background__inner::before, .Background.-pattern7 .Background__inner::before {
    left: auto;
    right: clamp(512.172972973px, 66.6891891892vw, 1067.027027027px);
  }
  .Background.-pattern4 .Background__inner::before, .Background.-pattern8 .Background__inner::before, .Background.-pattern13 .Background__inner::before {
    left: auto;
    right: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
  }
  .Background.-pattern9 .Background__inner::before, .Background.-pattern11 .Background__inner::before {
    left: auto;
    right: clamp(512.172972973px, 66.6891891892vw, 1067.027027027px);
  }
  .Background.-pattern9 .Background__inner::after, .Background.-pattern11 .Background__inner::after {
    left: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
    right: auto;
  }
  .Background.-pattern10 .Background__inner::before, .Background.-pattern12 .Background__inner::before {
    left: auto;
    right: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
  }
  .Background.-pattern10 .Background__inner::after, .Background.-pattern12 .Background__inner::after {
    left: clamp(512.172972973px, 66.6891891892vw, 1067.027027027px);
    right: auto;
  }
  .Background.-pattern13 .Background__inner::before,
  .Background.-pattern13 .Background__inner::after, .Background.-pattern14 .Background__inner::before,
  .Background.-pattern14 .Background__inner::after {
    height: clamp(173.8378378378px, 22.6351351351vw, 362.1621621622px);
    top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .Background.-padding {
    padding: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px) 0;
  }
  .Background.-paddingLarge {
    padding: clamp(103.7837837838px, 13.5135135135vw, 216.2162162162px) 0;
  }
  .Background.-paddingBottom {
    padding-bottom: clamp(129.7297297297px, 16.8918918919vw, 270.2702702703px);
  }
}

/* --------------------
 * Burger
 * -------------------- */
.Burger {
  background: rgba(105, 120, 140, 0.9);
  height: auto;
  opacity: 0;
  overflow: scroll;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease-out;
  transition: opacity 200ms ease, -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out, opacity 200ms ease;
  transition: transform 200ms ease-out, opacity 200ms ease, -webkit-transform 200ms ease-out;
  width: 100%;
  width: auto;
  z-index: 200;
}
.Burger.-open {
  opacity: 1;
  pointer-events: auto;
}
.Burger .Burger__inner {
  padding-bottom: 20vw;
  padding-top: 25.3333333333vw;
}
.Burger .Burger__content {
  height: 100%;
  overflow: scroll;
  padding: 0 5.3333333333vw;
}
.Burger .Burger__navItem {
  margin-bottom: 4vw;
}
.Burger .Burger__navLink {
  color: var(--color-00_white);
  display: block;
  font-size: 3.7333333333vw;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.5;
}
@media print, screen and (min-width: 768px) {
  .Burger {
    display: none;
  }
}

/* --------------------
 * Button1
 * -------------------- */
.Button1 {
  height: 16vw;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 600ms ease 200ms;
  transition: opacity 600ms ease 200ms;
  width: 73.3333333333vw;
}
.Button1 .Button1__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-01-gray);
  border-radius: 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
}
.Button1 .Button1__link::after {
  border-top: 1px solid var(--color-01-black);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: -8vw;
  top: 8vw;
  width: 16vw;
  z-index: 10;
}
.Button1 .Button1__text {
  color: var(--color-00_white);
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.36em;
}
.Button1 .Button1__text.-en {
  font-family: "futura-pt", sans-serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 400;
}
.Button1.-show {
  opacity: 1;
}
@media print, screen and (max-width: 767px) {
  .Button1.-small {
    height: 10.6666666667vw;
    width: 48.9333333333vw;
  }
  .Button1.-small .Button1__link::after {
    right: -5.3333333333vw;
    top: 5.3333333333vw;
    width: 10.6666666667vw;
  }
  .Button1.-small .Button1__text {
    font-size: 2.4vw;
  }
  .Button1.-small .Button1__text.-en {
    font-size: 2.6666666667vw;
  }
}
.Button1.-area {
  bottom: -6vw;
  height: 8vw;
  left: 2.1333333333vw;
  position: absolute;
  width: 36vw;
  z-index: 1;
}
.Button1.-area .Button1__link {
  border-radius: 0.6666666667vw;
}
.Button1.-area .Button1__link::after {
  right: -4vw;
  top: 4vw;
  width: 8vw;
}
.Button1.-area .Button1__text {
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 2.6666666667vw;
  font-style: normal;
}
@media print, screen and (min-width: 768px) {
  .Button1 {
    height: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
    width: clamp(203.9351351351px, 26.5540540541vw, 424.8648648649px);
  }
  .Button1 .Button1__link {
    border-radius: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
  }
  .Button1 .Button1__link::after {
    right: clamp(-32.4324324324px, -2.027027027vw, -15.5675675676px);
    top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Button1 .Button1__link:hover {
    background-color: #8493a2;
  }
  .Button1 .Button1__link:hover::after {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }
  .Button1 .Button1__text {
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
  }
  .Button1 .Button1__text.-en {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
  }
  .Button1.-area {
    bottom: clamp(-46.4864864865px, -2.9054054054vw, -22.3135135135px);
    height: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
    left: clamp(24.3891891892px, 3.1756756757vw, 50.8108108108px);
    position: absolute;
    width: clamp(162.4216216216px, 21.1486486486vw, 338.3783783784px);
  }
  .Button1.-area .Button1__link {
    border-radius: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
  }
  .Button1.-area .Button1__link::after {
    right: clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
    top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Button1.-area .Button1__text {
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
  }
}

/* --------------------
 * Button2
 * -------------------- */
.Button2 {
  height: 21.3333333333vw;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 600ms ease 200ms;
  transition: opacity 600ms ease 200ms;
  width: 78.6666666667vw;
}
.Button2 .Button2__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-01-gray);
  border-radius: 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
}
.Button2 .Button2__link.-blue {
  background-color: var(--color-01-blue);
}
.Button2 .Button2__link::after {
  border-bottom: 1px solid var(--color-00_white);
  border-right: 1px solid var(--color-00_white);
  bottom: 4.6666666667vw;
  content: "";
  display: block;
  height: 2.4vw;
  position: absolute;
  right: 5.3333333333vw;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  width: 13.3333333333vw;
  z-index: 10;
}
.Button2 .Button2__text {
  color: var(--color-00_white);
  font-family: a-otf-ryumin-pr6n, serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.2em;
}
.Button2.-show {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .Button2 {
    height: clamp(129.7297297297px, 16.8918918919vw, 270.2702702703px);
    width: 100%;
  }
  .Button2 .Button2__link {
    border-radius: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
  }
  .Button2 .Button2__link::after {
    bottom: clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
    height: clamp(4.6702702703px, 0.6081081081vw, 9.7297297297px);
    right: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    width: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Button2 .Button2__link:hover {
    background-color: #8493a2;
  }
  .Button2 .Button2__link:hover::after {
    right: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    width: clamp(36.3243243243px, 4.7297297297vw, 75.6756756757px);
  }
  .Button2 .Button2__link.-blue:hover {
    background-color: #88a9cb;
  }
  .Button2 .Button2__text {
    font-size: clamp(13.4918918919px, 1.7567567568vw, 28.1081081081px);
    line-height: 1.2;
  }
}

/* --------------------
 * Button3
 * -------------------- */
.Button3 {
  opacity: 0;
  -webkit-transition: opacity 600ms ease 200ms;
  transition: opacity 600ms ease 200ms;
}
.Button3 .Button3__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Button3 .Button3__link::after {
  border-bottom: 1px solid var(--color-04-black);
  border-right: 1px solid var(--color-04-black);
  content: "";
  display: block;
  height: 1.0666666667vw;
  -webkit-transform: skew(65deg);
  transform: skew(65deg);
  width: 100%;
  z-index: 10;
}
.Button3 .Button3__link[target=_blank] .Button3__text::after {
  background-image: url("../images/common/icon_blank.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 3.7333333333vw;
  margin-left: 0.4vw;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transform: translateY(0.4vw) !important;
  transform: translateY(0.4vw) !important;
  width: 3.7333333333vw;
}
.Button3 .Button3__text {
  color: var(--color-04-black);
  display: block;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 3.4666666667vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
  letter-spacing: 0.04em;
  padding: 0 0.6666666667vw 0 1.0666666667vw;
  text-align: center;
  white-space: nowrap;
}
.Button3.-show {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .Button3 .Button3__link {
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Button3 .Button3__link::after {
    height: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
  }
  .Button3 .Button3__link:hover {
    opacity: 0.7;
  }
  .Button3 .Button3__link:hover::after {
    margin-right: clamp(-10.8108108108px, -0.6756756757vw, -5.1891891892px);
    width: clamp(36.3243243243px, 4.7297297297vw, 75.6756756757px);
  }
  .Button3 .Button3__link[target=_blank] .Button3__text::after {
    height: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    margin-left: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    -webkit-transform: translateY(clamp(1.0378378378px, 0.1351351351vw, 2.1621621622px)) !important;
    transform: translateY(clamp(1.0378378378px, 0.1351351351vw, 2.1621621622px)) !important;
    width: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
  }
  .Button3.-large .Button3__link {
    width: clamp(98.5945945946px, 12.8378378378vw, 205.4054054054px);
  }
  .Button3.-large .Button3__link:hover {
    opacity: 0.7;
  }
  .Button3.-large .Button3__link:hover::after {
    margin-right: clamp(-10.8108108108px, -0.6756756757vw, -5.1891891892px);
    width: clamp(103.7837837838px, 13.5135135135vw, 216.2162162162px);
  }
  .Button3 .Button3__text {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    padding: 0 clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px) 0 clamp(4.1513513514px, 0.5405405405vw, 8.6486486486px);
  }
}

/* --------------------
 * Button4
 * -------------------- */
.Button4 {
  height: auto;
  margin: 0 auto 5.3333333333vw;
  opacity: 0;
  -webkit-transition: opacity 600ms ease 200ms;
  transition: opacity 600ms ease 200ms;
  width: 89.3333333333vw;
}
.Button4 .Button4__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-01-gray);
  border-radius: 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 56vw;
  padding: 6.6666666667vw 5.3333333333vw;
  position: relative;
  width: 100%;
}
.Button4 .Button4__link::after {
  border-bottom: 1px solid var(--color-00_white);
  border-right: 1px solid var(--color-00_white);
  bottom: 4.6666666667vw;
  content: "";
  display: block;
  height: 2.4vw;
  position: absolute;
  right: 5.3333333333vw;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  width: 13.3333333333vw;
  z-index: 10;
}
.Button4 .Button4__title {
  color: var(--color-00_white);
  font-family: a-otf-ryumin-pr6n, serif;
  font-size: 5.3333333333vw;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.2em;
  line-height: 1.75;
  margin-bottom: 2.6666666667vw;
  text-align: center;
}
.Button4 .Button4__text {
  color: var(--color-00_white);
  font-family: a-otf-ryumin-pr6n, serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.2em;
  line-height: 2;
}
.Button4.-xSmall .Button4__link {
  min-height: auto;
  padding: 2.6666666667vw 2.6666666667vw;
}
.Button4.-xSmall .Button4__title {
  font-size: 3.7333333333vw;
  margin-bottom: 0;
}
.Button4.-show {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .Button4 {
    height: clamp(148.4108108108px, 19.3243243243vw, 309.1891891892px);
    margin: 0 auto;
    width: 100%;
  }
  .Button4.-small {
    height: clamp(128.6918918919px, 16.7567567568vw, 268.1081081081px);
  }
  .Button4.-small .Button4__link {
    padding: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px) clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .Button4.-xSmall {
    height: clamp(72.6486486486px, 9.4594594595vw, 151.3513513514px);
  }
  .Button4.-xSmall .Button4__link {
    padding: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px) clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .Button4.-xSmall .Button4__title {
    font-size: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Button4 .Button4__link {
    border-radius: 0;
    min-height: 0;
    padding: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px) clamp(72.6486486486px, 9.4594594595vw, 151.3513513514px);
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
  }
  .Button4 .Button4__link::after {
    bottom: clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
    height: clamp(4.6702702703px, 0.6081081081vw, 9.7297297297px);
    right: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    width: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Button4 .Button4__link:hover {
    background-color: #8493a2;
  }
  .Button4 .Button4__link:hover::after {
    right: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    width: clamp(36.3243243243px, 4.7297297297vw, 75.6756756757px);
  }
  .Button4 .Button4__title {
    font-size: clamp(13.4918918919px, 1.7567567568vw, 28.1081081081px);
    line-height: 1.5;
    margin-bottom: clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
  }
  .Button4 .Button4__title.-line2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: clamp(40.4756756757px, 5.2702702703vw, 84.3243243243px);
  }
  .Button4 .Button4__text {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    margin-bottom: 0;
  }
}

/* --------------------
 * Button5
 * -------------------- */
.Button5 {
  height: 22.6666666667vw;
  margin: 0 auto;
  opacity: 0;
  -webkit-transition: opacity 600ms ease 200ms;
  transition: opacity 600ms ease 200ms;
  width: 84vw;
}
.Button5.-center .Button5__text {
  text-align: center;
}
.Button5 .Button5__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--color-01-gray);
  border-radius: 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
}
.Button5 .Button5__link::after {
  border-bottom: 1px solid var(--color-01-gray);
  border-right: 1px solid var(--color-01-gray);
  bottom: 4.6666666667vw;
  content: "";
  display: block;
  height: 2.4vw;
  position: absolute;
  right: 5.3333333333vw;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  width: 13.3333333333vw;
  z-index: 10;
}
.Button5 .Button5__text {
  color: var(--color-04-black);
  font-family: a-otf-ryumin-pr6n, serif;
  font-size: 4.2666666667vw;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.2em;
}
.Button5.-show {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .Button5 {
    height: clamp(64.3459459459px, 8.3783783784vw, 134.0540540541px);
    width: 100%;
  }
  .Button5 .Button5__link {
    border-radius: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
  }
  .Button5 .Button5__link::after {
    bottom: clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
    height: clamp(4.6702702703px, 0.6081081081vw, 9.7297297297px);
    right: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    width: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Button5 .Button5__link:hover {
    opacity: 0.7;
  }
  .Button5 .Button5__link:hover::after {
    right: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    width: clamp(36.3243243243px, 4.7297297297vw, 75.6756756757px);
  }
  .Button5 .Button5__text {
    font-size: clamp(9.3405405405px, 1.2162162162vw, 19.4594594595px);
  }
}

/**
 * Card1
 */
.Card1 .Card1__list {
  gap: 13.3333333333vw 2.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 19.3333333333vw;
}
.Card1 .Card1__item {
  height: 29.3333333333vw;
  position: relative;
  width: 43.3333333333vw;
}
.Card1 .Card1__image img {
  aspect-ratio: 65/44;
  -o-object-fit: cover;
  object-fit: cover;
}
.Card1.-area .Card1__list {
  gap: 4vw 2.6666666667vw;
  padding-bottom: 13.3333333333vw;
}
.Card1.-area .Card1__area {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.6666666667vw;
  color: var(--color-03-black);
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 2.4vw;
  font-style: normal;
  left: 1.3333333333vw;
  letter-spacing: 0.36em;
  line-height: 1.1;
  padding: 2.6666666667vw 5.3333333333vw;
  position: absolute;
  top: 1.3333333333vw;
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  .Card1 .Card1__list {
    gap: clamp(64.8648648649px, 8.4459459459vw, 135.1351351351px) clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    padding-bottom: clamp(106.3783783784px, 13.8513513514vw, 221.6216216216px);
  }
  .Card1 .Card1__item {
    height: clamp(138.5513513514px, 18.0405405405vw, 288.6486486486px);
    width: clamp(207.5675675676px, 27.027027027vw, 432.4324324324px);
  }
  .Card1.-area .Card1__list {
    gap: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    padding-bottom: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Card1.-area .Card1__area {
    border-radius: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    font-size: clamp(9.3405405405px, 1.2162162162vw, 19.4594594595px);
    left: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    padding: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px) clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
    top: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
}

/**
 * Card2
 */
.Card2 .Card2__link {
  display: block;
}
.Card2 .Card2__item {
  margin: 0 auto 9.3333333333vw;
}
.Card2 .Card2__image {
  margin-bottom: 0.6666666667vw;
}
.Card2 .Card2__image img {
  aspect-ratio: 335/212;
  -o-object-fit: cover;
  object-fit: cover;
}
.Card2 .Card2__text {
  font-size: 3.2vw;
  position: relative;
}
.Card2 .Card2__text::after {
  border-bottom: 1px solid var(--color-04-black);
  border-right: 1px solid var(--color-04-black);
  bottom: 0;
  content: "";
  display: block;
  height: 1.0666666667vw;
  position: absolute;
  right: 0;
  -webkit-transform: skew(51deg);
  transform: skew(51deg);
  width: 16.5333333333vw;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .Card2 .Card2__list {
    gap: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px) clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .Card2 .Card2__link {
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
  }
  .Card2 .Card2__link:hover {
    opacity: 0.7;
  }
  .Card2 .Card2__link:hover .Card2__text::after {
    right: clamp(-10.8108108108px, -0.6756756757vw, -5.1891891892px);
    width: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
  }
  .Card2 .Card2__item {
    margin: 0;
    width: clamp(311.3513513514px, 40.5405405405vw, 648.6486486486px);
    z-index: 1;
  }
  .Card2 .Card2__image img {
    aspect-ratio: 30/19;
  }
  .Card2 .Card2__text {
    font-size: clamp(9.3405405405px, 1.2162162162vw, 19.4594594595px);
    margin-top: clamp(6.7459459459px, 0.8783783784vw, 14.0540540541px);
  }
  .Card2 .Card2__text::after {
    height: clamp(3.6324324324px, 0.472972973vw, 7.5675675676px);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    width: clamp(57.0810810811px, 7.4324324324vw, 118.9189189189px);
  }
}

/**
 * Column
 */
.Column .Column__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.Column.-four .Column__list {
  gap: 4vw 2.6666666667vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Column.-four .Column__item {
  height: 61.0666666667vw;
  width: 40.6666666667vw;
}
.Column.-five .Column__list {
  gap: 14.6666666667vw 4vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Column.-five .Column__item {
  height: 40vw;
  width: 27.0666666667vw;
}
.Column .Column__btn {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
}
.Column .Column__btn::after {
  border-bottom: 1px solid var(--color-04-black);
  border-right: 1px solid var(--color-04-black);
  content: "";
  display: block;
  height: 1.0666666667vw;
  -webkit-transform: skew(51deg);
  transform: skew(51deg);
  width: 6vw;
  z-index: 10;
}
.Column .Column__btnText {
  color: var(--color-04-black);
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 2vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.5;
  margin-right: 1.6vw;
}
@media print, screen and (min-width: 768px) {
  .Column.-four .Column__list {
    gap: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px) clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .Column.-four .Column__item {
    height: clamp(237.6648648649px, 30.9459459459vw, 495.1351351351px);
    width: clamp(158.2702702703px, 20.6081081081vw, 329.7297297297px);
  }
  .Column.-five .Column__list {
    gap: 0 clamp(17.6432432432px, 2.2972972973vw, 36.7567567568px);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .Column.-five .Column__item {
    height: clamp(174.3567567568px, 22.7027027027vw, 363.2432432432px);
    width: clamp(116.2378378378px, 15.1351351351vw, 242.1621621622px);
  }
  .Column.-five.-seiyaku {
    bottom: clamp(-52.972972973px, -3.3108108108vw, -25.427027027px);
    position: relative;
  }
  .Column .Column__link {
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
  }
  .Column .Column__link:hover {
    opacity: 0.7;
  }
  .Column .Column__link:hover .Column__btn::after {
    width: clamp(33.7297297297px, 4.3918918919vw, 70.2702702703px);
  }
  .Column .Column__btn {
    margin-top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
  }
  .Column .Column__btn::after {
    height: clamp(3.6324324324px, 0.472972973vw, 7.5675675676px);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Column .Column__btnText {
    font-size: clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
    margin-right: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
  }
}

/* --------------------
 * FixedCta
 * -------------------- */
.FixedCta {
  gap: 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  right: 0;
  top: calc(50svh - 32.6666666667vw);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
  z-index: 50;
  /* SP style */
}
.FixedCta.-show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media print, screen and (max-width: 767px) {
  body.mission .FixedCta {
    display: none;
  }
}
.FixedCta .FixedCta__button {
  height: 32vw;
  width: 9.3333333333vw;
}
.FixedCta .FixedCta__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-01-gray);
  border-radius: 1.3333333333vw 0 0 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
}
.FixedCta .FixedCta__link.-blue {
  background-color: var(--color-01-blue);
}
.FixedCta .FixedCta__text {
  color: var(--color-00_white);
  display: block;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1;
  margin-left: 0.6666666667vw;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
@media print, screen and (min-width: 768px) {
  .FixedCta {
    gap: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    right: 0;
    top: calc(50% - clamp(101.1891891892px, 13.1756756757vw, 210.8108108108px));
  }
  .FixedCta .FixedCta__button {
    height: clamp(98.5945945946px, 12.8378378378vw, 205.4054054054px);
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .FixedCta .FixedCta__link {
    border-radius: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px) 0 0 clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    -webkit-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
  }
  .FixedCta .FixedCta__link:hover {
    background-color: #8493a2;
  }
  .FixedCta .FixedCta__link.-blue:hover {
    background-color: #88a9cb;
  }
  .FixedCta .FixedCta__text {
    font-size: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    margin-left: clamp(1.0378378378px, 0.1351351351vw, 2.1621621622px);
  }
}

/* --------------------
 * Flex
 * -------------------- */
.Flex {
  gap: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.Flex .Flex__image {
  margin-bottom: 6.6666666667vw;
}
.Flex .Flex__textArea {
  margin-bottom: 0;
}
.Flex.-reverse .Flex__inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.Flex.-reverse .Flex__image {
  margin-bottom: 0;
}
.Flex.-reverse .Flex__textArea {
  margin-bottom: 6.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  .Flex {
    gap: clamp(39.9567567568px, 5.2027027027vw, 83.2432432432px);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    margin-right: clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
  }
  .Flex .Flex__image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 613px;
    flex: 1 1 613px;
    margin-bottom: 0;
  }
  .Flex .Flex__textArea {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 640px;
    flex: 1 1 640px;
  }
  .Flex.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-left: clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
    margin-right: 0;
  }
}

/* --------------------
 * Footer
 * -------------------- */
.Footer {
  background-color: var(--color-03-gray);
  color: var(--color-00_black);
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-style: normal;
  position: relative;
  z-index: 1;
}
.Footer a {
  color: var(--color-00_black);
}
.Footer .Footer__inner {
  padding: 10.6666666667vw 5.3333333333vw;
}
.Footer .Footer__column:nth-child(1) {
  border-top: 1px solid var(--color-02-gray);
}
.Footer .Footer__column.-logo {
  padding: 6.6666666667vw 0;
}
.Footer .Footer__list1 > li {
  border-bottom: 1px solid var(--color-02-gray);
  font-size: 3.7333333333vw;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
}
.Footer .Footer__list1 > li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 14.6666666667vw;
}
.Footer .Footer__list2 > li {
  font-size: 3.7333333333vw;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
}
.Footer .Footer__logo {
  margin-bottom: 4vw;
  width: 32vw;
}
.Footer .Footer__logo a {
  display: block;
}
.Footer .Footer__text1 {
  font-size: 3.7333333333vw;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-bottom: 2vw;
}
.Footer .Footer__text2 {
  font-size: 3.2vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.8;
}
.Footer .Footer__copyright {
  font-size: 2.6666666667vw;
  font-weight: 500;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .Footer {
    background-color: var(--color-02-gray);
    color: var(--color-00_white);
  }
  .Footer a {
    text-underline-offset: 2px;
    color: var(--color-00_white);
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(255, 255, 255, 0);
    text-decoration-color: rgba(255, 255, 255, 0);
    -webkit-transition: -webkit-text-decoration-color 100ms;
    transition: -webkit-text-decoration-color 100ms;
    transition: text-decoration-color 100ms;
    transition: text-decoration-color 100ms, -webkit-text-decoration-color 100ms;
  }
  .Footer a:hover {
    -webkit-text-decoration-color: white;
    text-decoration-color: white;
  }
  .Footer .Footer__inner {
    margin: 0 auto;
    max-width: 1600px;
    padding: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px) clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px) clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
  }
  .Footer .Footer__layout {
    display: grid;
    grid-template-columns: auto auto auto auto;
  }
  .Footer .Footer__column:nth-child(1) {
    border: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .Footer .Footer__column:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .Footer .Footer__column:nth-child(3) {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .Footer .Footer__column.-logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0;
  }
  .Footer .Footer__list1 > li {
    border: none;
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    margin-bottom: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Footer .Footer__list1 > li a {
    height: auto;
  }
  .Footer .Footer__list1 > li.lineHeight {
    line-height: 1.6;
  }
  .Footer .Footer__list2 {
    margin-left: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    margin-top: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Footer .Footer__list2 > li {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    margin-bottom: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Footer .Footer__logo {
    margin-bottom: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    width: clamp(54.4864864865px, 7.0945945946vw, 113.5135135135px);
  }
  .Footer .Footer__text1 {
    font-size: clamp(9.3405405405px, 1.2162162162vw, 19.4594594595px);
    font-weight: 600;
    margin-bottom: clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
  }
  .Footer .Footer__text2 {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    font-weight: 500;
    line-height: 1.8;
  }
  .Footer .Footer__copyright {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    font-weight: 300;
    text-align: right;
  }
}

/* --------------------
 * Header
 * -------------------- */
.Header {
  background-color: var(--color-00_white);
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-style: normal;
  height: 21.3333333333vw;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.Header .Header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4.6666666667vw 5.3333333333vw 4.6666666667vw 0;
  position: relative;
}
.Header .Header__inner::before {
  background-color: var(--color-background1);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 66.6666666667vw;
  z-index: 0;
}
.Header .Header__logo {
  position: relative;
  width: 33.3333333333vw;
  z-index: 1;
}
.Header .Header__logoLink {
  display: block;
  margin: 0 auto;
  width: 27.8666666667vw;
}
.Header .Header__burgerBtn {
  gap: 1.3333333333vw 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-01-gray);
  border: 1px solid var(--color-01-gray);
  border-radius: 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 12vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 12vw;
  z-index: 201;
}
.Header .Header__burgerBtn.-open {
  border-color: var(--color-00_white);
}
.Header .Header__burgerBtn.-open .Header__burgerLine:first-child {
  left: 3.1333333333vw;
  position: absolute;
  top: 5.6vw;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Header .Header__burgerBtn.-open .Header__burgerLine:nth-child(2) {
  opacity: 0;
}
.Header .Header__burgerBtn.-open .Header__burgerLine:last-child {
  position: absolute;
  right: 3.1333333333vw;
  top: 5.6vw;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.Header .Header__burgerLine {
  background-color: var(--color-00_white);
  height: 2px;
  -webkit-transition: top 300ms, left 300ms, right 300ms, -webkit-transform 300ms;
  transition: top 300ms, left 300ms, right 300ms, -webkit-transform 300ms;
  transition: transform 300ms, top 300ms, left 300ms, right 300ms;
  transition: transform 300ms, top 300ms, left 300ms, right 300ms, -webkit-transform 300ms;
  width: 5.3333333333vw;
}
.Header.-top {
  position: sticky;
  top: 0;
}
.Header.-top.-open .Header__burgerBtn {
  position: fixed;
  right: 5.3333333333vw;
  top: 4.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  .Header {
    height: clamp(67.4594594595px, 8.7837837838vw, 140.5405405405px);
  }
  .Header .Header__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1600px;
    padding: clamp(0px, 0vw, 0px) clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .Header .Header__inner::before {
    height: 100%;
    left: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
    top: 0;
    width: 100vw;
  }
  .Header .Header__logo {
    width: auto;
  }
  .Header .Header__logoLink {
    margin: 0;
    width: clamp(69.0162162162px, 8.9864864865vw, 143.7837837838px);
  }
  .Header .Header__nav {
    position: relative;
    z-index: 1;
  }
  .Header .Header__navList {
    gap: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .Header .Header__navItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .Header .Header__navItem:after {
    border-right: 1px solid var(--color-02-black);
    content: "";
    height: clamp(14.5297297297px, 1.8918918919vw, 30.2702702703px);
    margin-left: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    width: 1px;
  }
  .Header .Header__navItem:last-child::after {
    content: none;
  }
  .Header .Header__navLink {
    display: block;
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
    font-weight: 600;
    letter-spacing: 0.3em;
    line-height: 1;
    padding: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px) 0;
    text-decoration: underline;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
  }
  .Header .Header__navLink:hover {
    opacity: 0.7;
  }
}

/**
 * Image
 */
.Image {
  height: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Image.-marginSmall {
  margin-bottom: 2.6666666667vw;
}
.Image.-marginLarge {
  margin-bottom: 6.6666666667vw;
}
.Image img,
.Image picture,
.Image video {
  display: block;
  height: auto;
  opacity: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.Image.-square {
  aspect-ratio: 1/1;
}
.Image.-square img,
.Image.-square picture,
.Image.-square video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.Image.-tall {
  aspect-ratio: 2/3;
}
.Image.-tall img,
.Image.-tall picture,
.Image.-tall video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.Image::before {
  background-color: var(--color-01-navy);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  width: 100%;
  z-index: 2;
}
.Image.-show::before {
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
  -webkit-transition: 800ms ease-in-out;
  transition: 800ms ease-in-out;
}
.Image.-show img,
.Image.-show picture,
.Image.-show video {
  opacity: 1;
  -webkit-transition: 200ms 300ms;
  transition: 200ms 300ms;
}
.Image.-show2::before {
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
}
.Image.-show2 img,
.Image.-show2 picture,
.Image.-show2 video {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .Image.-marginSmall {
    margin-bottom: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Image.-marginLarge {
    margin-bottom: clamp(67.4594594595px, 8.7837837838vw, 140.5405405405px);
  }
}

/**
 * LogoBox
 */
.LogoBox {
  background-color: var(--color-background2);
}
.LogoBox.-mt {
  margin-top: 6.6666666667vw;
}
.LogoBox .LogoBox__inner {
  padding: 12vw 9.3333333333vw;
}
.LogoBox .LogoBox__image {
  margin: 0 auto 8vw;
  width: 34.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  .LogoBox.-mt {
    margin-top: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .LogoBox .LogoBox__inner {
    padding: clamp(57.0810810811px, 7.4324324324vw, 118.9189189189px) 0 clamp(80.4324324324px, 10.472972973vw, 167.5675675676px);
  }
  .LogoBox .LogoBox__image {
    margin-bottom: clamp(28.5405405405px, 3.7162162162vw, 59.4594594595px);
    width: clamp(108.972972973px, 14.1891891892vw, 227.027027027px);
  }
}

/**
 * Pager
 */
.Pager {
  margin-top: 6.6666666667vw;
}
.Pager .Pager__inner {
  gap: 0 4.6666666667vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Pager .page-numbers {
  color: var(--color-00_black);
  font-size: 3.7333333333vw;
  min-width: 4vw;
  text-align: center;
}
.Pager .page-numbers.current {
  color: var(--color-01-navy);
  text-decoration: underline;
}
.Pager .page-numbers.next, .Pager .page-numbers.prev {
  display: block;
  font-size: 0;
  height: 100%;
  position: relative;
  width: 6.6666666667vw;
}
.Pager .page-numbers.next::after, .Pager .page-numbers.prev::after {
  border-bottom: 1px solid var(--color-01-black);
  bottom: 2vw;
  content: "";
  display: block;
  height: 1.3333333333vw;
  position: absolute;
  width: 6.6666666667vw;
  z-index: 10;
}
.Pager .page-numbers.next::after {
  border-right: 1px solid var(--color-01-black);
  left: 0;
  -webkit-transform: scale(1, 1) skew(45deg);
  transform: scale(1, 1) skew(45deg);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
.Pager .page-numbers.prev::after {
  border-left: 1px solid var(--color-01-black);
  left: 0;
  -webkit-transform: scale(1, 1) skew(-45deg);
  transform: scale(1, 1) skew(-45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@media print, screen and (min-width: 768px) {
  .Pager {
    margin-top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .Pager .Pager__inner {
    gap: 0 clamp(18.1621621622px, 2.3648648649vw, 37.8378378378px);
  }
  .Pager .page-numbers {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    min-width: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .Pager .page-numbers:hover {
    opacity: 0.7;
  }
  .Pager .page-numbers:hover.next::after {
    -webkit-transform: scale(1.1, 1) skew(45deg);
    transform: scale(1.1, 1) skew(45deg);
  }
  .Pager .page-numbers:hover.prev::after {
    -webkit-transform: scale(1.1, 1) skew(-45deg);
    transform: scale(1.1, 1) skew(-45deg);
  }
  .Pager .page-numbers.next, .Pager .page-numbers.prev {
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Pager .page-numbers.next::after, .Pager .page-numbers.prev::after {
    bottom: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    height: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    -webkit-transition: 300ms;
    transition: 300ms;
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
}

/* --------------------
 * PageTitle
 * -------------------- */
.PageTitle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 1;
}
.PageTitle::before {
  background-color: rgba(19, 25, 43, 0.49);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.PageTitle.-apartkeiei {
  background-image: url("../images/common/pagetitle_apartkeiei_sp.webp");
}
.PageTitle.-gaiyou {
  background-image: url("../images/common/pagetitle_gaiyou_sp.webp");
}
.PageTitle.-mission {
  background-image: url("../images/common/pagetitle_mission_sp.webp");
}
.PageTitle.-contact {
  background-image: url("../images/common/pagetitle_contact_sp.webp");
}
.PageTitle.-privacy {
  background-image: url("../images/common/pagetitle_privacy_sp.webp");
}
.PageTitle.-sitemap {
  background-image: url("../images/common/pagetitle_sitemap_sp.webp");
}
.PageTitle.-sitepolicy {
  background-image: url("../images/common/pagetitle_sitepolicy_sp.webp");
}
.PageTitle.-system {
  background-image: url("../images/common/pagetitle_system_sp.webp");
}
.PageTitle.-whatsNew {
  background-image: url("../images/common/pagetitle_news_sp.webp");
}
.PageTitle.-voice {
  background-image: url("../images/common/pagetitle_voice_sp.webp");
}
.PageTitle.-qa {
  background-image: url("../images/common/pagetitle_qa_sp.webp");
}
.PageTitle.-shouhin {
  background-image: url("../images/common/pagetitle_shouhin_sp.webp");
}
.PageTitle.-seiyaku {
  background-image: url("../images/common/pagetitle_seiyaku_sp.webp");
}
.PageTitle .PageTitle__title {
  color: var(--color-00_white);
  font-size: 5.3333333333vw;
  letter-spacing: 0.2em;
  line-height: 1.5;
  position: relative;
  z-index: 1;
}
@media print, screen and (min-width: 768px) {
  .PageTitle {
    height: clamp(155.6756756757px, 20.2702702703vw, 324.3243243243px);
  }
  .PageTitle .PageTitle__title {
    font-size: clamp(24.9081081081px, 3.2432432432vw, 51.8918918919px);
  }
  .PageTitle.-apartkeiei {
    background-image: url("../images/common/pagetitle_apartkeiei_pc.webp");
  }
  .PageTitle.-gaiyou {
    background-image: url("../images/common/pagetitle_gaiyou_pc.webp");
  }
  .PageTitle.-mission {
    background-image: url("../images/common/pagetitle_mission_pc.webp");
  }
  .PageTitle.-contact {
    background-image: url("../images/common/pagetitle_contact_pc.webp");
  }
  .PageTitle.-privacy {
    background-image: url("../images/common/pagetitle_privacy_pc.webp");
  }
  .PageTitle.-sitemap {
    background-image: url("../images/common/pagetitle_sitemap_pc.webp");
  }
  .PageTitle.-sitepolicy {
    background-image: url("../images/common/pagetitle_sitepolicy_pc.webp");
  }
  .PageTitle.-system {
    background-image: url("../images/common/pagetitle_system_pc.webp");
  }
  .PageTitle.-whatsNew {
    background-image: url("../images/common/pagetitle_news_pc.webp");
  }
  .PageTitle.-voice {
    background-image: url("../images/common/pagetitle_voice_pc.webp");
  }
  .PageTitle.-qa {
    background-image: url("../images/common/pagetitle_qa_pc.webp");
  }
  .PageTitle.-shouhin {
    background-image: url("../images/common/pagetitle_shouhin_pc.webp");
  }
  .PageTitle.-seiyaku {
    background-image: url("../images/common/pagetitle_seiyaku_pc.webp");
  }
}

/**
 * Title1
 */
.Title1 {
  display: block;
  margin-bottom: 10.6666666667vw;
  padding-left: 10.6666666667vw;
  position: relative;
  /* SP style */
}
.Title1.-margin0 {
  margin-bottom: 0;
}
.Title1.-marginLarge {
  margin-bottom: 16vw;
}
.Title1.-marginSmall {
  margin-bottom: 6.6666666667vw;
}
@media print, screen and (max-width: 767px) {
  .Title1.-spSmall .Title1__main {
    font-size: 7.0666666667vw;
    letter-spacing: 0.1em;
    padding-top: 0.6666666667vw;
  }
  .Title1.-spXSmall .Title1__main {
    font-size: 7.0666666667vw;
    letter-spacing: 0.05em;
    padding-top: 0.6666666667vw;
  }
}
.Title1::before {
  background-color: var(--color-01-black);
  content: "";
  display: block;
  height: 2.1333333333vw;
  left: -5.3333333333vw;
  opacity: 1;
  position: absolute;
  top: 5.3333333333vw;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: -webkit-transform 300ms ease 200ms;
  transition: -webkit-transform 300ms ease 200ms;
  transition: transform 300ms ease 200ms;
  transition: transform 300ms ease 200ms, -webkit-transform 300ms ease 200ms;
  width: 10.6666666667vw;
}
.Title1 .Title1__main {
  font-size: 7.4666666667vw;
  letter-spacing: 0.15em;
  line-height: 1.5;
  opacity: 0;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  -webkit-transition: opacity 600ms ease 400ms, -webkit-transform 400ms ease 400ms;
  transition: opacity 600ms ease 400ms, -webkit-transform 400ms ease 400ms;
  transition: opacity 600ms ease 400ms, transform 400ms ease 400ms;
  transition: opacity 600ms ease 400ms, transform 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
}
.Title1 .Title1__main em {
  color: var(--color-01-navy);
}
.Title1 .Title1__sub {
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1;
  opacity: 0;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  -webkit-transition: opacity 600ms ease 500ms, -webkit-transform 400ms ease 500ms;
  transition: opacity 600ms ease 500ms, -webkit-transform 400ms ease 500ms;
  transition: opacity 600ms ease 500ms, transform 400ms ease 500ms;
  transition: opacity 600ms ease 500ms, transform 400ms ease 500ms, -webkit-transform 400ms ease 500ms;
}
.Title1 .Title1__blue {
  color: var(--color-01-navy);
}
.Title1.-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Title1.-link .Title1__sub {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Title1.-link .Title1__sub::after {
  border-bottom: 1px solid var(--color-02-gray);
  border-right: 1px solid var(--color-02-gray);
  bottom: 0.5333333333vw;
  content: "";
  display: block;
  height: 1.2vw;
  position: absolute;
  right: -9.3333333333vw;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  width: 8vw;
  z-index: 10;
}
.Title1.-show::before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.Title1.-show .Title1__main {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.Title1.-show .Title1__sub {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media print, screen and (min-width: 768px) {
  .Title1 {
    margin-bottom: clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
    padding-left: 0;
  }
  .Title1.-margin0 {
    margin-bottom: 0;
  }
  .Title1.-marginLarge {
    margin-bottom: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
  }
  .Title1.-marginSmall {
    margin-bottom: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Title1::before {
    height: clamp(4.1513513514px, 0.5405405405vw, 8.6486486486px);
    left: auto;
    right: calc(100% + clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px));
    top: clamp(17.6432432432px, 2.2972972973vw, 36.7567567568px);
    width: clamp(44.1081081081px, 5.7432432432vw, 91.8918918919px);
  }
  .Title1 .Title1__main {
    font-size: clamp(24.9081081081px, 3.2432432432vw, 51.8918918919px);
    letter-spacing: 0.2em;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  .Title1 .Title1__sub {
    font-size: clamp(9.3405405405px, 1.2162162162vw, 19.4594594595px);
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  .Title1.-link {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
  }
  .Title1.-link .Title1__sub::after {
    content: none;
  }
  .Title1.-link .Title1__main {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .Title1.-link .Title1__main::after {
    border-bottom: 1px solid var(--color-02-gray);
    border-right: 1px solid var(--color-02-gray);
    bottom: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    content: "";
    display: block;
    height: clamp(4.6702702703px, 0.6081081081vw, 9.7297297297px);
    position: absolute;
    right: clamp(-86.4864864865px, -5.4054054054vw, -41.5135135135px);
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
    z-index: 10;
  }
  .Title1.-link:hover {
    opacity: 0.8;
  }
  .Title1.-link:hover .Title1__main::after {
    -webkit-transform: skew(45deg) scaleX(150%);
    transform: skew(45deg) scaleX(150%);
  }
}

/**
 * Title2
 */
.Title2 {
  color: var(--color-00_black);
  margin-bottom: 8vw;
}
.Title2.-margin0 {
  margin-bottom: 0;
}
.Title2.-marginLarge {
  margin-bottom: 16vw;
}
.Title2.-marginSmall {
  margin-bottom: 2.6666666667vw;
}
.Title2.-navy {
  color: var(--color-01-navy);
}
.Title2 .Title2__main {
  font-size: 8vw;
  letter-spacing: 0.2em;
  line-height: 1.5;
  opacity: 0;
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
  -webkit-transition: opacity 600ms ease 400ms, -webkit-transform 400ms ease 400ms;
  transition: opacity 600ms ease 400ms, -webkit-transform 400ms ease 400ms;
  transition: opacity 600ms ease 400ms, transform 400ms ease 400ms;
  transition: opacity 600ms ease 400ms, transform 400ms ease 400ms, -webkit-transform 400ms ease 400ms;
}
.Title2 .Title2__main.-seiyaku {
  letter-spacing: 0.1em;
}
.Title2 .Title2__navy {
  color: var(--color-01-navy);
}
.Title2.-show .Title2__main {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media print, screen and (min-width: 768px) {
  .Title2 {
    margin-bottom: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Title2 .Title2__main {
    font-size: clamp(24.9081081081px, 3.2432432432vw, 51.8918918919px);
    line-height: 1.667;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
  }
  .Title2.-margin0 {
    margin-bottom: 0;
  }
  .Title2.-marginLarge {
    margin-bottom: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
  }
  .Title2.-marginSmall {
    margin-bottom: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
}

/**
 * Title3
 */
.Title3 {
  color: var(--color-01-navy);
  margin-bottom: 6.6666666667vw;
  /* SP style */
}
.Title3.-margin0 {
  margin-bottom: 0;
}
.Title3.-marginLarge {
  margin-bottom: 10.6666666667vw;
}
.Title3.-marginSmall {
  margin-bottom: 4vw;
}
@media print, screen and (max-width: 767px) {
  .Title3.-spSmall .Title3__main {
    letter-spacing: 0.2em;
  }
  .Title3.-spXSmall .Title3__main {
    font-size: 4.2666666667vw;
    letter-spacing: 0.2em;
  }
  .Title3.-spXLSmall .Title3__main {
    font-size: 4vw;
    letter-spacing: 0.1em;
  }
}
.Title3 .Title3__main {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-size: 5.3333333333vw;
  letter-spacing: 0.25em;
  line-height: 1.5;
  opacity: 0;
  -webkit-transition: opacity 800ms ease 200ms;
  transition: opacity 800ms ease 200ms;
}
.Title3 .Title3__black {
  color: var(--color-00_black);
}
.Title3.-black {
  color: var(--color-00_black);
}
.Title3.-center {
  text-align: center;
}
.Title3.-show .Title3__main {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .Title3 {
    margin-bottom: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Title3.-margin0 {
    margin-bottom: 0;
  }
  .Title3.-marginLarge {
    margin-bottom: clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
  }
  .Title3.-marginSmall {
    margin-bottom: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .Title3.-nowrap {
    white-space: nowrap;
  }
  .Title3 .Title3__main {
    font-size: clamp(17.6432432432px, 2.2972972973vw, 36.7567567568px);
    line-height: 1.765;
  }
  .Title3.-pcCenter {
    text-align: center;
  }
}

/**
 * Typography
 */
.Typography {
  color: var(--color-01-black);
  margin-bottom: 9.3333333333vw;
  opacity: 0;
  -webkit-transition: opacity 1000ms ease-out 100ms;
  transition: opacity 1000ms ease-out 100ms;
}
.Typography.-margin0 {
  margin-bottom: 0;
}
.Typography.-marginLarge {
  margin-bottom: 13.3333333333vw;
}
.Typography.-marginSmall {
  margin-bottom: 4vw;
}
.Typography.-marginXsmall {
  margin-bottom: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
}
.Typography.-text1 {
  font-size: 3.7333333333vw;
  letter-spacing: 0.1em;
  line-height: 2.4285714286;
  text-align: justify;
}
.Typography.-text2 {
  font-size: 3.7333333333vw;
  letter-spacing: 0.2em;
  line-height: 1.7857142857;
}
.Typography.-note {
  color: var(--color-02-gray);
  font-size: 2.4vw;
  letter-spacing: 0.2em;
  line-height: 1.8461538462;
}
.Typography.-note.-seiyaku {
  font-size: 2.6666666667vw;
}
.Typography.-text3 {
  font-size: 4.2666666667vw;
  letter-spacing: 0.2em;
  line-height: 1.875;
  position: relative;
}
.Typography.-text3.-arrow {
  margin-bottom: 6.6666666667vw;
  padding-left: 4.6666666667vw;
}
.Typography.-text3.-arrow::before {
  background-color: var(--color-00_black);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  content: "";
  display: block;
  height: 2.8vw;
  left: 0;
  position: absolute;
  top: 3vw;
  width: 4vw;
}
.Typography.-center {
  text-align: center;
}
.Typography .Typography__link {
  border-bottom: 1px solid var(--color-02-gray);
}
.Typography .Typography__link[target=_blank]::after {
  background-image: url("../images/common/icon_blank2.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 3.7333333333vw;
  margin-left: 0.4vw;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transform: translateY(0.4vw) !important;
  transform: translateY(0.4vw) !important;
  width: 3.7333333333vw;
}
.Typography.-show {
  opacity: 1;
}
@media print, screen and (min-width: 768px) {
  .Typography {
    margin-bottom: clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
  }
  .Typography.-margin0 {
    margin-bottom: 0;
  }
  .Typography.-marginLarge {
    margin-bottom: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
  }
  .Typography.-marginSmall {
    margin-bottom: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Typography.-marginXsmall {
    margin-bottom: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .Typography.-text1 {
    font-size: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    line-height: 2.4285714286;
  }
  .Typography.-text2 {
    font-size: clamp(8.8216216216px, 1.1486486486vw, 18.3783783784px);
    letter-spacing: 0.1em;
    line-height: 2.5;
  }
  .Typography.-note {
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
    letter-spacing: 0.2em;
    line-height: 1.7054545455;
  }
  .Typography.-note.-seiyaku {
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
  }
  .Typography.-text3 {
    font-size: clamp(9.3405405405px, 1.2162162162vw, 19.4594594595px);
    letter-spacing: 0.2em;
    line-height: 1.8888888889;
  }
  .Typography.-text3.-arrow {
    margin-bottom: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    padding-left: clamp(10.8972972973px, 1.4189189189vw, 22.7027027027px);
  }
  .Typography.-text3.-arrow::before {
    height: clamp(6.4864864865px, 0.8445945946vw, 13.5135135135px);
    top: clamp(6.7459459459px, 0.8783783784vw, 14.0540540541px);
    width: clamp(8.8216216216px, 1.1486486486vw, 18.3783783784px);
  }
  .Typography.-pcCenter {
    text-align: center;
  }
  .Typography.-pcRight {
    text-align: right;
  }
  .Typography .Typography__link {
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
  }
  .Typography .Typography__link:hover {
    border-bottom: none;
    opacity: 0.7;
  }
  .Typography .Typography__link[target=_blank]::after {
    height: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    margin-left: clamp(0px, 0vw, 0px);
    -webkit-transform: translateY(clamp(1.0378378378px, 0.1351351351vw, 2.1621621622px)) !important;
    transform: translateY(clamp(1.0378378378px, 0.1351351351vw, 2.1621621622px)) !important;
    width: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
  }
}

/**
 * Apartkeiei
 */
.Apartkeiei .Apartkeiei__content1 {
  margin-bottom: 17.3333333333vw;
  margin-top: 13.3333333333vw;
}
.Apartkeiei .Apartkeiei__content2 {
  padding-bottom: 4vw;
  top: -6.6666666667vw;
}
.Apartkeiei .Apartkeiei__content2.-marginTop {
  margin-bottom: 13.3333333333vw;
  padding-bottom: 6.6666666667vw;
  padding-top: 5.3333333333vw;
  top: 0;
}
.Apartkeiei .Apartkeiei__content3Wrap {
  margin-bottom: 18.6666666667vw;
}
.Apartkeiei .Apartkeiei__content3Wrap:last-child {
  margin-bottom: 33.3333333333vw;
}
.Apartkeiei .Apartkeiei__lead {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-01-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 16vw;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 4vw 0 2.6666666667vw;
  width: 100%;
}
.Apartkeiei .Apartkeiei__leadText {
  color: var(--color-00_white);
  font-size: 3.7333333333vw;
  letter-spacing: 0.2em;
  padding-left: 3.3333333333vw;
}
.Apartkeiei .Apartkeiei__buttonArea2 {
  margin: 0 5.2vw 9.3333333333vw auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 768px) {
  .Apartkeiei .Apartkeiei__content1 {
    margin-bottom: clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
    margin-top: clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
  }
  .Apartkeiei .Apartkeiei__content2 {
    padding-bottom: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
    top: clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
  }
  .Apartkeiei .Apartkeiei__content2.-marginTop {
    margin-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
    padding-bottom: clamp(88.2162162162px, 11.4864864865vw, 183.7837837838px);
    padding-top: clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
    top: 0;
  }
  .Apartkeiei .Apartkeiei__content2Wrap {
    gap: clamp(23.3513513514px, 3.0405405405vw, 48.6486486486px) clamp(28.5405405405px, 3.7162162162vw, 59.4594594595px);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .Apartkeiei .Apartkeiei__buttonArea1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 clamp(317.5783783784px, 41.3513513514vw, 661.6216216216px);
    flex: 1 0 clamp(317.5783783784px, 41.3513513514vw, 661.6216216216px);
  }
  .Apartkeiei .Apartkeiei__content3 {
    margin-bottom: clamp(207.5675675676px, 27.027027027vw, 432.4324324324px);
  }
  .Apartkeiei .Apartkeiei__content3Wrap {
    margin-bottom: clamp(129.7297297297px, 16.8918918919vw, 270.2702702703px);
    position: relative;
  }
  .Apartkeiei .Apartkeiei__content3Wrap:last-child {
    margin-bottom: clamp(0px, 0vw, 0px);
  }
  .Apartkeiei .Apartkeiei__image {
    aspect-ratio: 740/380;
    height: auto;
    left: clamp(-108.1081081081px, -6.7567567568vw, -51.8918918919px);
    position: relative;
    top: 0;
    width: clamp(384px, 50vw, 800px);
    z-index: 0;
  }
  .Apartkeiei .Apartkeiei__wrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    width: clamp(622.7027027027px, 81.0810810811vw, 1297.2972972973px);
    z-index: 1;
  }
  .Apartkeiei .Apartkeiei__wrap.-first {
    top: clamp(150.4864864865px, 19.5945945946vw, 313.5135135135px);
  }
  .Apartkeiei .Apartkeiei__wrap.-second {
    top: clamp(233.5135135135px, 30.4054054054vw, 486.4864864865px);
  }
  .Apartkeiei .Apartkeiei__lead {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(459.7621621622px, 59.8648648649vw, 957.8378378378px);
    flex: 0 0 clamp(459.7621621622px, 59.8648648649vw, 957.8378378378px);
    height: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
    margin: clamp(0px, 0vw, 0px);
    width: clamp(459.7621621622px, 59.8648648649vw, 957.8378378378px);
  }
  .Apartkeiei .Apartkeiei__leadText {
    font-size: clamp(13.4918918919px, 1.7567567568vw, 28.1081081081px);
    padding-left: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .Apartkeiei .Apartkeiei__buttonArea2 {
    margin: 0;
  }
}

/**
 * ApartkeieiPageList
 */
.ApartkeieiPageList {
  margin-bottom: 13.3333333333vw;
}
.ApartkeieiPageList:last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .ApartkeieiPageList {
    gap: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .ApartkeieiPageList .Button4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px));
    flex: 0 0 calc(50% - clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px));
  }
}

/**
 * Comic
 */
.Comic {
  padding: 13.3333333333vw 0 26.6666666667vw;
}
.Comic .Comic__list {
  margin-bottom: 6.6666666667vw;
}
.Comic .Comic__banner {
  margin: 0 auto;
  padding: 0 2.1333333333vw;
}
@media print, screen and (min-width: 768px) {
  .Comic {
    padding: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px) 0 clamp(103.7837837838px, 13.5135135135vw, 216.2162162162px);
  }
  .Comic .Comic__list {
    margin: 0 auto clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
    max-width: clamp(352.8648648649px, 45.9459459459vw, 735.1351351351px);
  }
  .Comic .Comic__banner {
    margin: 0 auto;
    max-width: clamp(332.1081081081px, 43.2432432432vw, 691.8918918919px);
    padding: 0;
  }
  .Comic .Comic__bannerLink {
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
  }
  .Comic .Comic__bannerLink:hover {
    opacity: 0.7;
  }
}

/**
 * Gaiyou
 */
.Gaiyou .Gaiyou__inner {
  margin-top: 13.3333333333vw;
}
.Gaiyou .Gaiyou__list {
  gap: 6.6666666667vw 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 16vw;
}
.Gaiyou .Gaiyou__head {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 21.3333333333vw;
  flex: 0 0 21.3333333333vw;
}
.Gaiyou .Gaiyou__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid var(--color-02-gray);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 21.3333333333vw);
  flex: 0 0 calc(100% - 21.3333333333vw);
  height: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 5.3333333333vw;
}
.Gaiyou .Gaiyou__text {
  color: var(--color-03-black);
  font-size: 3.2vw;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.Gaiyou .Gaiyou__box {
  padding-bottom: 16vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Gaiyou .Gaiyou__boxInner {
  gap: 6.6666666667vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-00_white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12vw 2.9333333333vw 10.2666666667vw;
}
@media print, screen and (min-width: 768px) {
  .Gaiyou .Gaiyou__inner {
    margin-top: clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
  }
  .Gaiyou .Gaiyou__list {
    gap: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px) 0;
    margin-bottom: clamp(44.1081081081px, 5.7432432432vw, 91.8918918919px);
  }
  .Gaiyou .Gaiyou__head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(70.0540540541px, 9.1216216216vw, 145.9459459459px);
    flex: 0 0 clamp(70.0540540541px, 9.1216216216vw, 145.9459459459px);
  }
  .Gaiyou .Gaiyou__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - clamp(70.0540540541px, 9.1216216216vw, 145.9459459459px));
    flex: 0 0 calc(100% - clamp(70.0540540541px, 9.1216216216vw, 145.9459459459px));
    padding-left: clamp(30.0972972973px, 3.9189189189vw, 62.7027027027px);
  }
  .Gaiyou .Gaiyou__text {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    line-height: 2.429;
  }
  .Gaiyou .Gaiyou__box {
    margin: 0 auto;
    padding-bottom: clamp(67.4594594595px, 8.7837837838vw, 140.5405405405px);
  }
  .Gaiyou .Gaiyou__boxInner {
    gap: clamp(28.5405405405px, 3.7162162162vw, 59.4594594595px);
    padding: clamp(49.2972972973px, 6.4189189189vw, 102.7027027027px) 0;
    width: clamp(526.7027027027px, 68.5810810811vw, 1097.2972972973px);
  }
  .Gaiyou .Gaiyou__link {
    -webkit-transition: 300ms;
    transition: 300ms;
  }
  .Gaiyou .Gaiyou__link:hover {
    opacity: 0.7;
  }
}

/**
 * Merit
 */
.Merit .Merit__example {
  margin: 0 auto 5.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  .Merit .Merit__example {
    margin: 0 auto clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    width: clamp(363.2432432432px, 47.2972972973vw, 756.7567567568px);
  }
}

/**
 * Mission
 */
.Mission .Mission__content1 {
  margin-bottom: 17.3333333333vw;
  margin-top: 13.3333333333vw;
  text-align: center;
}
.Mission .Mission__content1 .Typography.-text2 {
  letter-spacing: 0.01em;
}
.Mission .Mission__video {
  aspect-ratio: 670/377;
  background-color: #333;
  height: auto;
  margin: 0 auto 9.3333333333vw;
  width: 89.3333333333vw;
}
.Mission .Mission__video video {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.Mission .Mission__content2 {
  padding-bottom: 0.6666666667vw;
  top: -5.3333333333vw;
}
.Mission .Mission__content2 .Typography.-text2 {
  letter-spacing: 0.01em;
}
.Mission .Mission__content2 .Typography.-note {
  margin-top: -2.6666666667vw;
}
.Mission .Mission__buttonArea {
  margin: 0 0 14.6666666667vw auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Mission .Mission__buttonArea.-last {
  margin: 0 0 8vw auto;
}
@media print, screen and (min-width: 768px) {
  .Mission .Mission__content1 {
    margin-bottom: clamp(114.1621621622px, 14.8648648649vw, 237.8378378378px);
    margin-top: clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
  }
  .Mission .Mission__video {
    aspect-ratio: 794/446;
    margin: 0 auto clamp(46.7027027027px, 6.0810810811vw, 97.2972972973px);
    width: clamp(412.5405405405px, 53.7162162162vw, 859.4594594595px);
  }
  .Mission .Mission__content2 {
    padding-bottom: clamp(46.7027027027px, 6.0810810811vw, 97.2972972973px);
    top: clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
  }
  .Mission .Mission__content2 .Typography.-text2 {
    letter-spacing: 0;
  }
  .Mission .Mission__content2 .Typography.-note {
    margin-bottom: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    margin-top: 0;
  }
  .Mission .Mission__content2Wrap {
    padding: 0 clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px) 0 clamp(57.0810810811px, 7.4324324324vw, 118.9189189189px);
  }
  .Mission .Mission__wrap {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .Mission .Mission__textArea {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(366.3567567568px, 47.7027027027vw, 763.2432432432px);
    flex: 0 0 clamp(366.3567567568px, 47.7027027027vw, 763.2432432432px);
  }
  .Mission .Mission__buttonArea {
    margin: 0 0 clamp(46.7027027027px, 6.0810810811vw, 97.2972972973px) 0;
  }
  .Mission .Mission__buttonArea.-last {
    margin: 0 0 clamp(46.7027027027px, 6.0810810811vw, 97.2972972973px) 0;
  }
}

/**
 * OtoiawaseBox
 */
.OtoiawaseBox .OtoiawaseBox__inner {
  margin-bottom: 13.3333333333vw;
  padding: 1px 0 10.6666666667vw;
}
.OtoiawaseBox .OtoiawaseBox__inner.-first {
  margin-top: 13.3333333333vw;
}
.OtoiawaseBox .OtoiawaseBox__textArea {
  margin-bottom: 6.6666666667vw;
  margin-top: -6.5333333333vw;
}
.OtoiawaseBox .OtoiawaseBox__textArea .Title1__main {
  letter-spacing: 0;
  white-space: nowrap;
}
.OtoiawaseBox .OtoiawaseBox__text {
  color: var(--color-01-navy);
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.571;
}
.OtoiawaseBox .OtoiawaseBox__image {
  margin-bottom: 9.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  .OtoiawaseBox .OtoiawaseBox__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: clamp(127.1351351351px, 16.5540540541vw, 264.8648648649px) clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
    margin: 0 clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px) clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
    padding: 0;
  }
  .OtoiawaseBox .OtoiawaseBox__inner.-first {
    margin-top: clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
  }
  .OtoiawaseBox .OtoiawaseBox__textArea {
    grid-column: 1/1;
    grid-row: 1/2;
    margin-bottom: 0;
    margin-top: clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
  }
  .OtoiawaseBox .OtoiawaseBox__textArea .Title1__main {
    letter-spacing: 0.1em;
  }
  .OtoiawaseBox .OtoiawaseBox__text {
    font-size: clamp(9.8594594595px, 1.2837837838vw, 20.5405405405px);
    line-height: 2;
    padding-left: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .OtoiawaseBox .OtoiawaseBox__image {
    grid-column: 2/2;
    grid-row: 2/1;
    margin-bottom: 0;
  }
  .OtoiawaseBox .OtoiawaseBox__image .Image {
    margin-top: clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
  }
  .OtoiawaseBox .OtoiawaseBox__under {
    grid-column: 1/1;
    grid-row: 2/2;
  }
}

/**
 * Qa
 */
.Qa .Qa__buttonWrap {
  gap: 6.6666666667vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 13.3333333333vw;
}
.Qa .Qa__list {
  margin-bottom: 20vw;
}
.Qa .Qa__head {
  cursor: pointer;
  position: relative;
}
.Qa .Qa__head.-open::after {
  content: none;
}
.Qa .Qa__head::before, .Qa .Qa__head::after {
  background-color: var(--color-01-black);
  content: "";
  display: block;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-style: normal;
  height: 0.2666666667vw;
  position: absolute;
  right: 5.3333333333vw;
  top: 5.3333333333vw;
  width: 4vw;
}
.Qa .Qa__head::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.Qa .Qa__headInner {
  border-bottom: 1px solid var(--color-04-gray);
  padding: 12vw 0 4vw;
  position: relative;
}
.Qa .Qa__headInner::before {
  color: var(--color-01-navy);
  content: "Q";
  display: block;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 4vw;
  font-style: normal;
  font-weight: 500;
  left: 0;
  position: absolute;
  top: 3.3333333333vw;
}
.Qa .Qa__text {
  color: var(--color-03-black);
  font-size: 3.2vw;
  letter-spacing: 0.1em;
  line-height: 1.667;
  padding-right: 4vw;
}
.Qa .Qa__text.-navy {
  color: var(--color-01-navy);
}
.Qa .Qa__content {
  display: none;
}
.Qa .Qa__content.-open {
  display: block;
}
.Qa .Qa__contentInner {
  border-bottom: 1px solid var(--color-04-gray);
  padding: 12vw 0 4vw;
  position: relative;
}
.Qa .Qa__contentInner::before {
  content: "A";
  display: block;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 4vw;
  font-style: normal;
  font-weight: 500;
  left: 0;
  position: absolute;
  top: 3.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  .Qa .Qa__buttonWrap {
    gap: 0 clamp(14.0108108108px, 1.8243243243vw, 29.1891891892px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
  }
  .Qa .Qa__list {
    margin-bottom: clamp(64.8648648649px, 8.4459459459vw, 135.1351351351px);
  }
  .Qa .Qa__head {
    -webkit-transition: 300ms;
    transition: 300ms;
  }
  .Qa .Qa__head:hover {
    opacity: 0.7;
  }
  .Qa .Qa__head::before, .Qa .Qa__head::after {
    height: clamp(1.0378378378px, 0.1351351351vw, 2.1621621622px);
    right: 0;
    top: 50%;
    width: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Qa .Qa__head::before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .Qa .Qa__head::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
  .Qa .Qa__headInner {
    padding: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px) clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px) clamp(15.5675675676px, 2.027027027vw, 32.4324324324px) clamp(57.0810810811px, 7.4324324324vw, 118.9189189189px);
  }
  .Qa .Qa__headInner::before {
    font-size: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    left: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .Qa .Qa__text {
    font-size: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    line-height: 2.429;
  }
  .Qa .Qa__contentInner {
    padding: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px) clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px) clamp(15.5675675676px, 2.027027027vw, 32.4324324324px) clamp(67.4594594595px, 8.7837837838vw, 140.5405405405px);
  }
  .Qa .Qa__contentInner p {
    font-size: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    line-height: 2.429;
  }
  .Qa .Qa__contentInner::before {
    font-size: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    left: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

/**
 * Report
 */
.Report .Report__inner {
  margin-bottom: 20vw;
  overflow: hidden;
}
.Report .Report__bg {
  background-color: var(--color-00_white);
  position: relative;
}
.Report .Report__bg .Report__bgInner::after {
  background-color: var(--color-background1);
  content: "";
  height: 77%;
  position: absolute;
  right: 0;
  top: 0;
  width: 66.6666666667vw;
  z-index: 0;
}
.Report .Report__bgInner {
  padding: 0 5.3333333333vw;
}
.Report .Report__bgContent {
  position: relative;
  z-index: 1;
}
.Report .Report__catch {
  background-color: var(--color-00_white);
  margin-top: -10.6666666667vw;
  padding: 10.6666666667vw 2.6666666667vw 10.6666666667vw;
}
.Report .Report__catchTitle {
  margin-bottom: 2.6666666667vw;
}
.Report .Report__catchTitle .Title3__black {
  color: var(--color-00-black);
  font-size: 4.2666666667vw;
  letter-spacing: 0.2em;
  line-height: 1.875;
}
.Report .Report__catchText .Typography {
  margin-bottom: 0;
}
.Report .Report__flexWrap {
  margin: -24.9333333333vw auto 16vw;
  padding: 24.9333333333vw 0 13.3333333333vw;
  position: relative;
  z-index: 0;
}
.Report .Report__flex {
  background-color: var(--color-00_white);
  margin-top: -10.6666666667vw;
  padding: 10.6666666667vw 2.6666666667vw 0;
}
.Report .Report__flex .Title3__black {
  color: var(--color-00-black);
  font-size: 4.2666666667vw;
  letter-spacing: 0.2em;
  line-height: 1.875;
}
.Report .Report__flex .Flex__image {
  margin-bottom: 0;
}
.Report .Report__arrow .TopArrow.-top {
  margin-bottom: -60vw;
}
.Report .Report__boxWrap {
  margin-bottom: 20vw;
  padding: 13.3333333333vw 0;
}
.Report .Report__boxWrap .Flex .Typography {
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .Report .Report__inner {
    margin-bottom: clamp(103.7837837838px, 13.5135135135vw, 216.2162162162px);
  }
  .Report .Report__bg {
    margin: 0 auto;
    max-width: 1600px;
  }
  .Report .Report__bg .Report__bgInner::after {
    height: clamp(202.3783783784px, 26.3513513514vw, 421.6216216216px);
    left: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
    right: auto;
    width: 100vw !important;
  }
  .Report .Report__bgInner {
    padding: 0 clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .Report .Report__bgContent .Flex__textArea {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-top: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
  }
  .Report .Report__bgContent .Flex__image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 clamp(384px, 50vw, 800px);
    flex: 1 1 clamp(384px, 50vw, 800px);
    margin-right: clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
  }
  .Report .Report__catch {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: clamp(-86.4864864865px, -5.4054054054vw, -41.5135135135px) auto clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
    padding: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px) clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px) clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px) clamp(65.9027027027px, 8.5810810811vw, 137.2972972973px);
    width: clamp(560.4324324324px, 72.972972973vw, 1167.5675675676px);
  }
  .Report .Report__catchTitle {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 0;
  }
  .Report .Report__catchTitle .Title3__black {
    font-size: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Report .Report__catchText {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .Report .Report__flexWrap {
    margin: clamp(-157.8378378378px, -9.8648648649vw, -75.7621621622px) auto clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
    padding: clamp(119.3513513514px, 15.5405405405vw, 248.6486486486px) 0 clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Report .Report__flex {
    margin: clamp(-86.4864864865px, -5.4054054054vw, -41.5135135135px) auto 0;
    padding: clamp(36.3243243243px, 4.7297297297vw, 75.6756756757px) clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px) clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px) clamp(65.9027027027px, 8.5810810811vw, 137.2972972973px);
    width: clamp(560.4324324324px, 72.972972973vw, 1167.5675675676px);
  }
  .Report .Report__flex .Flex {
    gap: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .Report .Report__flex .Flex__textArea {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 clamp(207.5675675676px, 27.027027027vw, 432.4324324324px);
    flex: 1 1 clamp(207.5675675676px, 27.027027027vw, 432.4324324324px);
  }
  .Report .Report__flex .Title3__black {
    font-size: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Report .Report__flex .Flex__image {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .Report .Report__flex .Flex__image .Typography {
    margin-bottom: 0;
  }
  .Report .Report__arrow .TopArrow.-top {
    margin-bottom: clamp(-486.4864864865px, -30.4054054054vw, -233.5135135135px);
  }
  .Report .Report__boxWrap {
    margin: 0 0 clamp(67.4594594595px, 8.7837837838vw, 140.5405405405px);
    padding: 0;
  }
  .Report .Report__boxWrap.-narrow .Typography {
    width: clamp(290.5945945946px, 37.8378378378vw, 605.4054054054px);
  }
  .Report .Report__boxWrap .Flex {
    position: relative;
  }
  .Report .Report__boxWrap .Flex .Flex__textArea {
    margin-bottom: 0;
  }
  .Report .Report__boxWrap .Flex .Typography {
    margin-bottom: 0;
  }
  .Report .Report__boxWrap .Flex .Flex__image {
    margin-left: clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
    margin-top: clamp(44.1081081081px, 5.7432432432vw, 91.8918918919px);
  }
  .Report .Report__boxWrap .Flex .Flex__image.-right {
    margin-left: 0;
    margin-top: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
  }
  .Report .Report__boxWrap .Flex .Typography.-note {
    position: absolute;
  }
  .Report .Report__boxWrap .Flex .Typography.-note.-right {
    bottom: clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
    right: 0;
  }
  .Report .Report__boxWrap .Flex .Typography.-note.-left {
    bottom: clamp(0px, 0vw, 0px);
    left: 0;
  }
}

/**
 * Seiyaku
 */
.Seiyaku .Seiyaku__content1 {
  margin-top: 17.0666666667vw;
  position: relative;
  top: 3.7333333333vw;
}
.Seiyaku .Seiyaku__content3 {
  margin-bottom: 20vw;
  padding: 13.3333333333vw 0 20vw;
}
.Seiyaku .Seiyaku__textArea1 {
  margin-bottom: 13.3333333333vw;
}
.Seiyaku .Seiyaku__textArea2 {
  margin-bottom: 9.3333333333vw;
}
@media print, screen and (min-width: 768px) {
  .Seiyaku .Seiyaku__content1 {
    margin: 0 0 clamp(166.0540540541px, 21.6216216216vw, 345.9459459459px);
    top: clamp(33.7297297297px, 4.3918918919vw, 70.2702702703px);
  }
  .Seiyaku .Seiyaku__content3 {
    margin-bottom: clamp(181.6216216216px, 23.6486486486vw, 378.3783783784px);
    padding: clamp(60.7135135135px, 7.9054054054vw, 126.4864864865px) 0 0;
  }
  .Seiyaku .Seiyaku__textArea1 {
    margin-bottom: clamp(39.9567567568px, 5.2027027027vw, 83.2432432432px);
    width: clamp(429.6648648649px, 55.9459459459vw, 895.1351351351px);
  }
  .Seiyaku .Seiyaku__textArea2 {
    margin-bottom: 0;
    width: clamp(429.6648648649px, 55.9459459459vw, 895.1351351351px);
  }
}

.SeiyakuDetail .Background__inner {
  padding-top: 9.3333333333vw;
}
.SeiyakuDetail .Card1__item {
  height: auto;
  width: 43.7333333333vw;
}
.SeiyakuDetail .Card1__list {
  gap: 8vw 1.8666666667vw;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.SeiyakuDetail .Card1__image {
  margin-bottom: 1.3333333333vw;
}
.SeiyakuDetail .Card1 .Typography.-text2 {
  color: var(--color-01-navy);
  font-size: 2.9333333333vw;
}
.SeiyakuDetail .Card1 .Typography.-text1 {
  font-size: 2.6666666667vw;
  font-weight: 300;
  line-height: 1.7;
  text-align: left;
}
.SeiyakuDetail .Button1 {
  margin-bottom: 25.0666666667vw;
}
@media print, screen and (min-width: 768px) {
  .SeiyakuDetail .Background__inner {
    padding-top: clamp(36.3243243243px, 4.7297297297vw, 75.6756756757px);
  }
  .SeiyakuDetail .Card1__item {
    height: auto;
    width: clamp(207.5675675676px, 27.027027027vw, 432.4324324324px);
  }
  .SeiyakuDetail .Card1__image {
    margin-bottom: 0;
  }
  .SeiyakuDetail .Card1__list {
    row-gap: clamp(50.8540540541px, 6.6216216216vw, 105.9459459459px);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .SeiyakuDetail .Card1 .Typography.-text2 {
    font-size: clamp(8.8216216216px, 1.1486486486vw, 18.3783783784px);
  }
  .SeiyakuDetail .Card1 .Typography.-text1 {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
  }
  .SeiyakuDetail .Button1 {
    margin-bottom: clamp(97.5567567568px, 12.7027027027vw, 203.2432432432px);
  }
}

.-sp {
  display: block;
}

.-pc {
  display: none;
}

.Shouhin {
  margin-top: 8vw;
}
.Shouhin .Title2 {
  font-size: 4vw;
}
.Shouhin .Title2 .Title2__main {
  letter-spacing: 0.1em;
}
.Shouhin__lead__text {
  margin-bottom: 2.6666666667vw;
}
.Shouhin__lead__text p {
  line-height: 2.3928571429;
}
.Shouhin__lead__info__btn01 {
  background: #fff;
  margin-bottom: 13.3333333333vw;
  padding: 6vw 0 5.3333333333vw;
}
.Shouhin__lead__info__btn01 dl dt {
  margin-bottom: calcSizeSP(20);
}
.Shouhin__lead__info__btn01 dl dt img {
  display: block;
  margin: 0 auto;
  width: 61.0666666667vw;
}
.Shouhin__lead__info__btn01 dl dd a {
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Shouhin__lead__info__btn02 {
  margin-bottom: 13.3333333333vw;
}
.Shouhin__lead__info__btn02 .Button5__link {
  line-height: 1.2;
}
.Shouhin__section {
  padding-bottom: 13.3333333333vw;
  padding-top: 13.3333333333vw;
}
.Shouhin__section .Title1 .Title1__main {
  color: var(--color-01-navy);
}
.Shouhin__section .Title1 .Title1__sub {
  font-size: 2.6666666667vw;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Shouhin__section__lead {
  margin-bottom: 10.6666666667vw;
  margin-left: 2.6666666667vw;
}
.Shouhin__section .Column {
  margin-bottom: 0;
}
.Shouhin__section__video {
  margin: 6.6666666667vw 2.6666666667vw 0;
}
.Shouhin__section__video h3 {
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  letter-spacing: 0.2em;
  margin-bottom: 2.6666666667vw;
}
.Shouhin__section__movie {
  aspect-ratio: 800/450;
}
.Shouhin__section__movie video {
  height: 100%;
  max-width: 100%;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .-sp {
    display: none;
  }
  .-pc {
    display: block;
  }
  .Shouhin {
    margin-bottom: clamp(108.972972973px, 14.1891891892vw, 227.027027027px);
    margin-top: 0;
  }
  .Shouhin__block:first-child {
    margin-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
    padding-bottom: 0;
  }
  .Shouhin__block:first-child .Background__inner {
    padding-top: 60px;
  }
  .Shouhin__block:first-child .Background__inner::after {
    left: clamp(512.172972973px, 66.6891891892vw, 1067.027027027px);
    right: auto;
  }
  .Shouhin__block:first-child .Shouhin__section {
    padding-bottom: 0;
    padding-top: 0;
  }
  .Shouhin__block:nth-child(2) .Background__inner::before {
    left: auto;
    right: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
  }
  .Shouhin .Title2 {
    margin-left: clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
  }
  .Shouhin .Title2__navy {
    color: var(--color-01-navy);
  }
  .Shouhin__lead {
    -webkit-column-gap: clamp(59.6756756757px, 7.7702702703vw, 124.3243243243px);
    -moz-column-gap: clamp(59.6756756757px, 7.7702702703vw, 124.3243243243px);
    column-gap: clamp(59.6756756757px, 7.7702702703vw, 124.3243243243px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .Shouhin__lead__text {
    width: clamp(429.6648648649px, 55.9459459459vw, 895.1351351351px);
  }
  .Shouhin__lead__text p {
    letter-spacing: 0.02em;
    line-height: 2.4285714286;
  }
  .Shouhin__lead__info {
    width: clamp(174.8756756757px, 22.7702702703vw, 364.3243243243px);
  }
  .Shouhin__lead__info__btn01 {
    background: #fff;
    margin-bottom: clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
    padding: clamp(46.7027027027px, 6.0810810811vw, 97.2972972973px) clamp(28.5405405405px, 3.7162162162vw, 59.4594594595px) clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
  }
  .Shouhin__lead__info__btn01 dl dt {
    margin-bottom: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Shouhin__lead__info__btn01 dl dt img {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .Shouhin__lead__info__btn02 {
    margin-bottom: 0;
  }
  .Shouhin__lead__info__btn02 .Button5__link {
    line-height: 1.4;
    text-align: center;
  }
  .Shouhin__section {
    padding-bottom: clamp(59.6756756757px, 7.7702702703vw, 124.3243243243px);
    padding-top: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
  }
  .Shouhin__section .Title1 {
    margin-bottom: clamp(12.972972973px, 1.6891891892vw, 27.027027027px);
  }
  .Shouhin__section .Title1 .Title1__main {
    color: var(--color-01-navy);
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .Shouhin__section .Title1 .Title1__sub {
    font-size: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
  }
  .Shouhin__section .Title1 .Title1__sub::before, .Shouhin__section .Title1 .Title1__sub::after {
    content: none;
  }
  .Shouhin__section__lead {
    line-height: 2.5;
    margin-bottom: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    margin-left: 0;
  }
  .Shouhin__section .Column {
    margin-bottom: clamp(23.3513513514px, 3.0405405405vw, 48.6486486486px);
  }
  .Shouhin__section__video {
    margin: 0 auto;
    width: clamp(415.1351351351px, 54.0540540541vw, 864.8648648649px);
  }
  .Shouhin__section__video h3 {
    font-family: fot-udkakugo-large-pr6n, sans-serif;
    letter-spacing: 0.2em;
    margin-bottom: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
  }
  .Shouhin__section__video__movie {
    aspect-ratio: 800/450;
    margin: 6.6666666667vw 2.6666666667vw 0;
  }
  .Shouhin__section__video__movie video {
    height: 100%;
    max-width: 100%;
    width: 100%;
  }
}
.ShouhinDetail .ShouhinDetail__bg {
  background-color: var(--color-00_white);
  position: relative;
}
.ShouhinDetail .ShouhinDetail__bg .ShouhinDetail__bgInner::after {
  background-color: var(--color-background1);
  content: "";
  height: 77%;
  position: absolute;
  right: 0;
  top: 0;
  width: 66.6666666667vw;
  z-index: 0;
}
.ShouhinDetail .ShouhinDetail__bgContent {
  position: relative;
  z-index: 1;
}
.ShouhinDetail .ShouhinDetail__bgContent .Flex__image {
  margin: 0 5.3333333333vw 5.3333333333vw;
}
.ShouhinDetail__block {
  margin-bottom: 13.3333333333vw;
}
.ShouhinDetail__block .Background__inner {
  padding: 13.3333333333vw 5.3333333333vw 8vw;
}
.ShouhinDetail__block .Background__inner::before {
  top: 0;
}
.ShouhinDetail .Button1 {
  margin-bottom: 13.3333333333vw;
}

@media print, screen and (min-width: 768px) {
  .ShouhinDetail .Title1__sub {
    font-size: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
  }
  .ShouhinDetail .ShouhinDetail__bg {
    margin: 0 auto;
    max-width: 1600px;
  }
  .ShouhinDetail .ShouhinDetail__bg .ShouhinDetail__bgInner::after {
    height: clamp(202.3783783784px, 26.3513513514vw, 421.6216216216px);
    left: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
    right: auto;
    width: 100vw !important;
  }
  .ShouhinDetail .ShouhinDetail__bgContent .Flex {
    gap: 0;
    margin: 0;
  }
  .ShouhinDetail .ShouhinDetail__bgContent .Flex__textArea {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding-left: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
    width: 50%;
  }
  .ShouhinDetail .ShouhinDetail__bgContent .Flex__image {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin: 0;
    width: 50%;
  }
  .ShouhinDetail__block {
    margin-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .ShouhinDetail__block .Background__inner {
    padding: 0;
  }
  .ShouhinDetail__block.-first .Background__inner::before {
    top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .ShouhinDetail__block.-first .Background__content {
    margin-left: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
  }
  .ShouhinDetail__block.-second .Background__inner {
    padding: 0;
  }
  .ShouhinDetail__block.-second .Background__inner::after {
    height: clamp(84.0648648649px, 10.9459459459vw, 175.1351351351px);
    top: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .ShouhinDetail__block.-second .Background__inner .Flex {
    gap: 0;
    margin: 0;
  }
  .ShouhinDetail__block.-second .Background__inner .Flex__textArea {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .ShouhinDetail__block.-second .Background__inner .Flex__image {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
  }
  .ShouhinDetail__block.-second .Background__inner .Flex__textArea {
    margin-top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    padding-left: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    width: 50%;
  }
  .ShouhinDetail__block.-second .Background__inner .Flex__textArea .Typography {
    max-width: clamp(290.5945945946px, 37.8378378378vw, 605.4054054054px);
  }
  .ShouhinDetail__block.-third .Background__inner {
    padding: 0;
  }
  .ShouhinDetail__block.-third .Background__inner::before {
    height: clamp(162.9405405405px, 21.2162162162vw, 339.4594594595px);
    top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .ShouhinDetail__block.-third .Background__inner .Flex {
    gap: 0;
    margin: 0;
  }
  .ShouhinDetail__block.-third .Background__inner .Flex__textArea {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    padding-left: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
    width: auto;
  }
  .ShouhinDetail__block.-third .Background__inner .Flex__image {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
    width: 50%;
  }
  .ShouhinDetail .Button1 {
    margin-bottom: clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
    margin-top: clamp(72.6486486486px, 9.4594594595vw, 151.3513513514px);
  }
}
/**
 * SiteMap
 */
.SiteMap .SiteMap__head {
  padding: 6.6666666667vw 0;
}
.SiteMap .SiteMap__headLink {
  gap: 0 4vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-03-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 4vw;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  letter-spacing: 0.05em;
  line-height: 1.467;
}
.SiteMap .SiteMap__headLink::before {
  background-color: var(--color-03-black);
  content: "";
  display: block;
  height: 1px;
  width: 4vw;
}
.SiteMap .SiteMap__content {
  border-bottom: 1px solid var(--color-04-gray);
  padding-bottom: 6.6666666667vw;
  padding-left: 12vw;
}
.SiteMap .SiteMap__content.-noPadding {
  padding-bottom: 0;
}
.SiteMap .SiteMap__contentList {
  gap: 4vw 0;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.SiteMap .SiteMap__itemLink {
  color: var(--color-03-black);
  display: block;
  font-size: 3.4666666667vw;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
@media print, screen and (min-width: 768px) {
  .SiteMap .SiteMap__inner {
    margin: 0 clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
  }
  .SiteMap .SiteMap__list {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .SiteMap .SiteMap__head {
    border-bottom: 1px solid var(--color-04-gray);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(229.8810810811px, 29.9324324324vw, 478.9189189189px);
    flex: 0 0 clamp(229.8810810811px, 29.9324324324vw, 478.9189189189px);
    padding: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px) 0;
  }
  .SiteMap .SiteMap__head.-widthLarge {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(236.1081081081px, 30.7432432432vw, 491.8918918919px);
    flex: 0 0 clamp(236.1081081081px, 30.7432432432vw, 491.8918918919px);
  }
  .SiteMap .SiteMap__headLink {
    gap: 0 clamp(12.972972973px, 1.6891891892vw, 27.027027027px);
    font-size: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    letter-spacing: 0.1em;
    line-height: 1.7;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
  }
  .SiteMap .SiteMap__headLink::before {
    width: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .SiteMap .SiteMap__headLink:hover {
    opacity: 0.7;
  }
  .SiteMap .SiteMap__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - clamp(229.8810810811px, 29.9324324324vw, 478.9189189189px));
    flex: 0 0 calc(100% - clamp(229.8810810811px, 29.9324324324vw, 478.9189189189px));
    padding: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px) 0;
  }
  .SiteMap .SiteMap__content.-noPadding {
    padding: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px) 0;
  }
  .SiteMap .SiteMap__content.-widthLarge {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - clamp(236.1081081081px, 30.7432432432vw, 491.8918918919px));
    flex: 0 0 calc(100% - clamp(236.1081081081px, 30.7432432432vw, 491.8918918919px));
  }
  .SiteMap .SiteMap__contentList {
    gap: clamp(13.4918918919px, 1.7567567568vw, 28.1081081081px) clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .SiteMap .SiteMap__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 clamp(103.7837837838px, 13.5135135135vw, 216.2162162162px);
    flex: 0 0 clamp(103.7837837838px, 13.5135135135vw, 216.2162162162px);
  }
  .SiteMap .SiteMap__itemLink {
    font-size: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    letter-spacing: 0.2em;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
  }
  .SiteMap .SiteMap__itemLink:hover {
    opacity: 0.7;
  }
}

/**
 * System
 */
.System .System__btnArea {
  gap: 6.6666666667vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 13.3333333333vw 0 16vw;
}
.System .System__arrow .TopArrow.-bottom {
  margin: -20vw 0 4vw;
}
.System .System__arrow .TopArrow__arrow {
  height: 16vw;
}
.System .System__content1 {
  margin-bottom: 13.3333333333vw;
  padding-bottom: 10.6666666667vw;
  position: relative;
  top: 2.6666666667vw;
}
.System .System__content2 {
  padding: 13.3333333333vw 0 10.6666666667vw;
}
.System .System__content3 {
  margin-top: 23.3333333333vw;
  position: relative;
  top: -10vw;
}
.System .System__content4 {
  padding: 13.3333333333vw 0;
}
.System .System__content5 {
  padding: 13.3333333333vw 0;
}
.System .System__content6 {
  margin-top: 18vw;
  padding-bottom: 13.3333333333vw;
  position: relative;
  top: -6vw;
}
.System .System__content7 {
  margin-top: 23.3333333333vw;
  padding-bottom: 26.6666666667vw;
  position: relative;
  top: -6.6666666667vw;
}
.System .System__content8 {
  margin-top: -26.6666666667vw;
  padding: 0 5.3333333333vw 6.6666666667vw;
  position: relative;
}
.System .System__flex {
  padding-bottom: 9.3333333333vw;
}
.System .System__flex:last-child {
  padding-bottom: 0;
}
.System .System__achievement .-grid3 {
  margin-bottom: 5.0666666667vw;
}
.System .System__supportImage {
  background-color: var(--color-00_white);
  margin: 0 auto;
  width: 86.6666666667vw;
}
@media print, screen and (min-width: 768px) {
  .System .System__btnArea {
    gap: 0 clamp(34.7675675676px, 4.527027027vw, 72.4324324324px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px) 0 clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
  }
  .System .System__arrow {
    margin-bottom: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
  }
  .System .System__arrow .TopArrow.-bottom {
    height: clamp(98.5945945946px, 12.8378378378vw, 205.4054054054px);
    margin: clamp(-302.7027027027px, -18.9189189189vw, -145.2972972973px) 0 clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
  }
  .System .System__arrow .TopArrow__arrow {
    height: clamp(98.5945945946px, 12.8378378378vw, 205.4054054054px);
  }
  .System .System__content1 {
    margin-bottom: clamp(111.5675675676px, 14.527027027vw, 232.4324324324px);
    padding-bottom: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    top: clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
  }
  .System .System__content2 {
    margin-bottom: clamp(288px, 37.5vw, 600px);
    padding: 0 0 clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
    position: relative;
    top: clamp(-32.4324324324px, -2.027027027vw, -15.5675675676px);
  }
  .System .System__content3 {
    margin-top: 0;
    padding-top: clamp(75.2432432432px, 9.7972972973vw, 156.7567567568px);
  }
  .System .System__content4 {
    margin-bottom: clamp(-102.7027027027px, -6.4189189189vw, -49.2972972973px);
    padding: 0;
    position: relative;
    top: clamp(-37.8378378378px, -2.3648648649vw, -18.1621621622px);
  }
  .System .System__content5 {
    margin-bottom: clamp(-432.4324324324px, -27.027027027vw, -207.5675675676px);
    padding: clamp(109.4918918919px, 14.2567567568vw, 228.1081081081px) 0 0;
    position: relative;
  }
  .System .System__content6 {
    margin-bottom: clamp(-108.1081081081px, -6.7567567568vw, -51.8918918919px);
    margin-top: clamp(311.3513513514px, 40.5405405405vw, 648.6486486486px);
    padding-bottom: 0;
    top: clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
  }
  .System .System__content7 {
    margin-top: clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
    padding-bottom: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
    top: clamp(-43.2432432432px, -2.7027027027vw, -20.7567567568px);
  }
  .System .System__content8 {
    margin-top: clamp(-324.3243243243px, -20.2702702703vw, -155.6756756757px);
    padding: 0 clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px) clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
    position: relative;
  }
  .System .System__none {
    height: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
    margin-top: clamp(17.1243243243px, 2.2297297297vw, 35.6756756757px);
    pointer-events: none;
  }
  .System .System__flex {
    padding-bottom: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .System .System__achievement {
    gap: 0 clamp(41.5135135135px, 5.4054054054vw, 86.4864864865px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: clamp(-454.0540540541px, -28.3783783784vw, -217.9459459459px);
  }
  .System .System__achievement .-grid1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .System .System__achievement .-grid2 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  .System .System__achievement .-grid3 {
    grid-column: 1/2;
    grid-row: 3/4;
    margin: 0;
  }
  .System .System__achievement .-grid4 {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .System .System__achievement .-grid5 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .System .System__achievement .-grid6 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .System .System__achievement .-grid7 {
    grid-column: 2/3;
    grid-row: 3/5;
  }
  .System .System__supportImage {
    margin: 0 auto;
    width: clamp(365.8378378378px, 47.6351351351vw, 762.1621621622px);
  }
}

/* --------------------
 * TopArrow
 * -------------------- */
.TopArrow {
  overflow: hidden;
  pointer-events: none;
  position: relative;
}
.TopArrow.-top {
  height: 66.6666666667vw;
  margin-bottom: -20vw;
}
.TopArrow.-top .TopArrow__arrow {
  border-bottom: 1px solid var(--color-01-black);
  border-left: 1px solid var(--color-01-black);
  content: "";
  display: block;
  height: 26.6666666667vw;
  position: absolute;
  right: 5.3333333333vw;
  top: -26.6666666667vw;
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  width: 2.6666666667vw;
}
@media print, screen and (max-width: 767px) {
  .TopArrow.-top .TopArrow__arrow {
    -webkit-animation: arrowLoopTopSp 2000ms ease-out infinite;
    animation: arrowLoopTopSp 2000ms ease-out infinite;
  }
}
@-webkit-keyframes arrowLoopTopSp {
  0% {
    -webkit-transform: skewY(-45deg) translateY(0);
    transform: skewY(-45deg) translateY(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateY(93.3333333333vw);
    transform: skewY(-45deg) translateY(93.3333333333vw);
  }
}
@keyframes arrowLoopTopSp {
  0% {
    -webkit-transform: skewY(-45deg) translateY(0);
    transform: skewY(-45deg) translateY(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateY(93.3333333333vw);
    transform: skewY(-45deg) translateY(93.3333333333vw);
  }
}
@media print, screen and (min-width: 768px) {
  .TopArrow.-top {
    height: clamp(243.8918918919px, 31.7567567568vw, 508.1081081081px);
    margin-bottom: clamp(-145.9459459459px, -9.1216216216vw, -70.0540540541px);
  }
  .TopArrow.-top .TopArrow__arrow {
    -webkit-animation: arrowLoopTopPc 2500ms ease-out infinite;
    animation: arrowLoopTopPc 2500ms ease-out infinite;
    height: clamp(103.7837837838px, 13.5135135135vw, 216.2162162162px);
    right: clamp(-5.4054054054px, -0.3378378378vw, -2.5945945946px);
    top: clamp(-216.2162162162px, -13.5135135135vw, -103.7837837838px);
    width: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
}
@-webkit-keyframes arrowLoopTopPc {
  0% {
    -webkit-transform: skewY(-45deg) translateY(0);
    transform: skewY(-45deg) translateY(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateY(clamp(347.6756756757px, 45.2702702703vw, 724.3243243243px));
    transform: skewY(-45deg) translateY(clamp(347.6756756757px, 45.2702702703vw, 724.3243243243px));
  }
}
@keyframes arrowLoopTopPc {
  0% {
    -webkit-transform: skewY(-45deg) translateY(0);
    transform: skewY(-45deg) translateY(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateY(clamp(347.6756756757px, 45.2702702703vw, 724.3243243243px));
    transform: skewY(-45deg) translateY(clamp(347.6756756757px, 45.2702702703vw, 724.3243243243px));
  }
}
.TopArrow.-bottom {
  height: 26.6666666667vw;
  margin-top: -13.3333333333vw;
}
.TopArrow.-bottom .TopArrow__arrow {
  border-bottom: 1px solid var(--color-01-black);
  border-left: 1px solid var(--color-01-black);
  content: "";
  display: block;
  height: 26.6666666667vw;
  left: calc(50% - 2.6666666667vw);
  position: absolute;
  top: -26.6666666667vw;
  -webkit-transform: skewY(-45deg);
  transform: skewY(-45deg);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  width: 2.6666666667vw;
}
@media print, screen and (max-width: 767px) {
  .TopArrow.-bottom .TopArrow__arrow {
    -webkit-animation: arrowLoopBottomSp 1500ms ease-out infinite;
    animation: arrowLoopBottomSp 1500ms ease-out infinite;
  }
}
@-webkit-keyframes arrowLoopBottomSp {
  0% {
    -webkit-transform: skewY(-45deg) translateY(0);
    transform: skewY(-45deg) translateY(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateY(53.3333333333vw);
    transform: skewY(-45deg) translateY(53.3333333333vw);
  }
}
@keyframes arrowLoopBottomSp {
  0% {
    -webkit-transform: skewY(-45deg) translateY(0);
    transform: skewY(-45deg) translateY(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateY(53.3333333333vw);
    transform: skewY(-45deg) translateY(53.3333333333vw);
  }
}
@media print, screen and (min-width: 768px) {
  .TopArrow.-bottom {
    height: clamp(155.6756756757px, 20.2702702703vw, 324.3243243243px);
    margin-top: clamp(-216.2162162162px, -13.5135135135vw, -103.7837837838px);
  }
  .TopArrow.-bottom .TopArrow__arrow {
    -webkit-animation: arrowLoopBottomPc 2000ms ease-out infinite;
    animation: arrowLoopBottomPc 2000ms ease-out infinite;
    height: clamp(103.7837837838px, 13.5135135135vw, 216.2162162162px);
    left: calc(50% - clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px));
    top: clamp(-216.2162162162px, -13.5135135135vw, -103.7837837838px);
    width: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
  }
}
@-webkit-keyframes arrowLoopBottomPc {
  0% {
    -webkit-transform: skewY(-45deg) translateY(0);
    transform: skewY(-45deg) translateY(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateY(clamp(259.4594594595px, 33.7837837838vw, 540.5405405405px));
    transform: skewY(-45deg) translateY(clamp(259.4594594595px, 33.7837837838vw, 540.5405405405px));
  }
}
@keyframes arrowLoopBottomPc {
  0% {
    -webkit-transform: skewY(-45deg) translateY(0);
    transform: skewY(-45deg) translateY(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateY(clamp(259.4594594595px, 33.7837837838vw, 540.5405405405px));
    transform: skewY(-45deg) translateY(clamp(259.4594594595px, 33.7837837838vw, 540.5405405405px));
  }
}

/* --------------------
 * TopBanners
 * -------------------- */
.TopBanners {
  padding: 10.6666666667vw 0 0;
}
.TopBanners .TopBanners__link {
  display: block;
  position: relative;
}
.TopBanners .TopBanners__image {
  margin-bottom: 5.3333333333vw;
  position: relative;
  z-index: 0;
}
.TopBanners .TopBanners__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 2.6666666667vw;
  font-style: normal;
  font-weight: 500;
  height: 6.6666666667vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 0;
  width: 33.3333333333vw;
  z-index: 1;
}
.TopBanners .TopBanners__text::after {
  border-top: 1px solid var(--color-02-gray);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: -4vw;
  top: 3.3333333333vw;
  width: 8vw;
  z-index: 10;
}
@media print, screen and (min-width: 768px) {
  .TopBanners {
    gap: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px) 0 clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .TopBanners .TopBanners__link {
    background-color: var(--color-00_white);
  }
  .TopBanners .TopBanners__link:hover .TopBanners__text::after {
    -webkit-transform: translateX(clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px));
    transform: translateX(clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px));
  }
  .TopBanners .TopBanners__link:hover .TopBanners__image {
    opacity: 0.7;
  }
  .TopBanners .TopBanners__image {
    margin-bottom: 0;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
  }
  .TopBanners .TopBanners__text {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    height: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    width: clamp(120.9081081081px, 15.7432432432vw, 251.8918918919px);
  }
  .TopBanners .TopBanners__text::after {
    right: clamp(-16.2162162162px, -1.0135135135vw, -7.7837837838px);
    top: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
    width: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
  }
}

/* --------------------
 * TopContact
 * -------------------- */
.TopContact {
  background-color: var(--color-background2);
  padding: 0 5.3333333333vw 10.6666666667vw;
}
.TopContact .TopContact__titleArea {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url("../images/common/pagetitle_contact_sp.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -5.3333333333vw 5.3333333333vw;
  overflow: hidden;
  position: relative;
}
.TopContact .TopContact__titleArea::before {
  background-color: rgba(0, 0, 0, 0.48);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.TopContact .TopContact__title {
  color: var(--color-00_white);
  position: relative;
  z-index: 1;
}
.TopContact .TopContact__titleMain {
  font-size: 5.3333333333vw;
  letter-spacing: 0.2em;
  line-height: 1;
  margin-bottom: 2.6666666667vw;
  text-align: center;
}
.TopContact .TopContact__titleSub {
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center;
}
.TopContact .TopContact__btnList {
  gap: 5.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .TopContact {
    background-color: transparent;
    padding: 0 0 clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px) 0;
    position: relative;
  }
  .TopContact > * {
    position: relative;
    z-index: 1;
  }
  .TopContact:before {
    background-color: var(--color-background2);
    content: "";
    display: block;
    height: calc(100% - clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px));
    left: clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
    position: absolute;
    top: clamp(77.8378378378px, 10.1351351351vw, 162.1621621622px);
    width: calc(100% + clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px));
    z-index: 0;
  }
  .TopContact .TopContact__titleArea {
    background-image: url("../images/common/pagetitle_contact_pc.webp");
    height: clamp(155.6756756757px, 20.2702702703vw, 324.3243243243px);
    margin: 0 auto clamp(36.3243243243px, 4.7297297297vw, 75.6756756757px);
    width: clamp(664.2162162162px, 86.4864864865vw, 1383.7837837838px);
  }
  .TopContact .TopContact__titleMain {
    font-size: clamp(17.6432432432px, 2.2972972973vw, 36.7567567568px);
    margin-bottom: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
  }
  .TopContact .TopContact__titleSub {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
  }
  .TopContact .TopContact__btnList {
    gap: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* --------------------
 * TopLayout
 * -------------------- */
.TopLayout .TopLayout__title.-top {
  margin-top: -20vw;
}
.TopLayout .TopLayout__content {
  gap: 9.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.TopLayout .TopLayout__image {
  margin-left: 0;
  margin-right: -5.3333333333vw;
}
.TopLayout .TopLayout__content.-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.TopLayout .TopLayout__content.-reverse .TopLayout__image {
  margin-left: -5.3333333333vw;
  margin-right: 0;
}
.TopLayout .TopLayout__content.-reverse .TopLayout__textArea {
  margin-bottom: 0;
}
.TopLayout .TopLayout__advantage {
  gap: 5.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 10.6666666667vw;
}
.TopLayout .TopLayout__advantage li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--color-01-gray);
  border-radius: 1.3333333333vw;
  color: var(--color-01-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 4.2666666667vw;
  height: 22.6666666667vw;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.2;
  line-height: 1.5;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .TopLayout .TopLayout__title.-top {
    margin-top: clamp(-145.9459459459px, -9.1216216216vw, -70.0540540541px);
  }
  .TopLayout .TopLayout__content {
    gap: clamp(39.9567567568px, 5.2027027027vw, 83.2432432432px);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
    margin-right: clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
  }
  .TopLayout .TopLayout__image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 613px;
    flex: 1 1 613px;
    margin-bottom: 0;
  }
  .TopLayout .TopLayout__textArea {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 640px;
    flex: 1 1 640px;
  }
  .TopLayout .TopLayout__content.-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-left: clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
    margin-right: 0;
  }
  .TopLayout .TopLayout__advantage {
    gap: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .TopLayout .TopLayout__advantage li {
    border-radius: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px));
    flex: 0 0 calc(50% - clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px));
    font-size: clamp(9.3405405405px, 1.2162162162vw, 19.4594594595px);
    height: clamp(64.3459459459px, 8.3783783784vw, 134.0540540541px);
  }
}

/* --------------------
 * TopMovie
 * -------------------- */
.TopMovie {
  background-color: #333;
  height: calc(100svh - 21.3333333333vw);
  width: 100%;
}
.TopMovie video {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .TopMovie {
    aspect-ratio: 16/9;
    height: auto;
  }
}

/* --------------------
 * TopNews
 * -------------------- */
.TopNews {
  background-color: #fff;
  padding: 10.6666666667vw 5.3333333333vw;
}
.TopNews .TopNews__title {
  border-bottom: 1px solid var(--color-02-gray);
  padding-bottom: 5.3333333333vw;
}
.TopNews .TopNews__titleMain {
  font-size: 6.9333333333vw;
  letter-spacing: 0.2em;
  line-height: 1.5;
}
.TopNews .TopNews__titleSub {
  display: block;
  font-family: "futura-pt", sans-serif;
  font-size: 3.2vw;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1;
}
.TopNews .TopNews__link {
  color: var(--color-01-black);
  display: block;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.5;
  padding: 5.3333333333vw 0;
  position: relative;
}
.TopNews .TopNews__link::after {
  border-bottom: 1px solid var(--color-01-black);
  border-right: 1px solid var(--color-01-black);
  bottom: 0;
  content: "";
  display: block;
  height: 2.4vw;
  position: absolute;
  right: 1.3333333333vw;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  width: 13.3333333333vw;
  z-index: 10;
}
.TopNews .TopNews__link[href$=".pdf"] .TopNews__text::after {
  background-image: url("../images/common/icon_pdf.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 3.7333333333vw;
  margin-left: 0.4vw;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transform: translateY(0.6666666667vw) !important;
  transform: translateY(0.6666666667vw) !important;
  width: 3.7333333333vw;
}
.TopNews .TopNews__date {
  display: block;
  font-size: 3.2vw;
  margin-bottom: 0.6666666667vw;
}
.TopNews .TopNews__text {
  display: block;
  font-size: 3.2vw;
}
@media print, screen and (min-width: 768px) {
  .TopNews {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px) 0;
  }
  .TopNews .TopNews__title {
    border-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 180px;
    flex: 1 1 180px;
    padding-bottom: 0;
  }
  .TopNews .TopNews__titleMain {
    font-size: clamp(13.4918918919px, 1.7567567568vw, 28.1081081081px);
    margin-bottom: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
  }
  .TopNews .TopNews__titleSub {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
  }
  .TopNews .TopNews__list {
    border-left: 1px solid var(--color-02-gray);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 1110px;
    flex: 1 1 1110px;
    padding: 0 clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .TopNews .TopNews__link {
    padding: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px) clamp(57.0810810811px, 7.4324324324vw, 118.9189189189px) clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px) 0;
  }
  .TopNews .TopNews__link::after {
    bottom: calc(50% - clamp(2.3351351351px, 0.3040540541vw, 4.8648648649px));
    height: clamp(4.6702702703px, 0.6081081081vw, 9.7297297297px);
    right: clamp(0px, 0vw, 0px);
    -webkit-transition: 300ms ease;
    transition: 300ms ease;
    width: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .TopNews .TopNews__link:hover::after {
    right: clamp(-21.6216216216px, -1.3513513514vw, -10.3783783784px);
    width: clamp(36.3243243243px, 4.7297297297vw, 75.6756756757px);
  }
  .TopNews .TopNews__link:hover .TopNews__date,
  .TopNews .TopNews__link:hover .TopNews__text {
    opacity: 0.7;
  }
  .TopNews .TopNews__link[href$=".pdf"] .TopNews__text::after {
    height: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    margin-left: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    -webkit-transform: translateY(clamp(1.5567567568px, 0.2027027027vw, 3.2432432432px)) !important;
    transform: translateY(clamp(1.5567567568px, 0.2027027027vw, 3.2432432432px)) !important;
    width: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
  }
  .TopNews .TopNews__date {
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
  }
  .TopNews .TopNews__text {
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
  }
}

.-sp {
  display: block;
}

.-pc {
  display: none;
}

.Voice {
  padding-top: 17.3333333333vw;
}
.Voice__section .Background.-pattern4 .Background__inner::before {
  top: 4vw;
  width: 94.6666666667vw;
}
.Voice__section .Background.-pattern1 .Background__inner::after {
  background-color: var(--color-00_white);
}
.Voice__section .Title2 .Title2__main {
  font-size: 8vw;
  letter-spacing: 0.05em;
  margin-bottom: 5.3333333333vw;
}
.Voice__section .Image {
  margin-bottom: 6.6666666667vw;
}
.Voice__section .Typography.-sp {
  margin-right: 4vw;
}
.Voice__more {
  margin-top: 8vw;
}
body.term-owner .Voice__more {
  display: none;
}
body.term-tenant .Voice__more {
  display: none;
}
.Voice__block {
  padding-bottom: 18.6666666667vw;
  padding-top: 13.3333333333vw;
}
.Voice__list li {
  margin-bottom: 6.6666666667vw;
}
.Voice__list li:last-child {
  margin-bottom: 0;
}
.Voice__list a {
  -webkit-column-gap: 5.3333333333vw;
  -moz-column-gap: 5.3333333333vw;
  column-gap: 5.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.Voice__list a::after {
  border-bottom: 1px solid var(--color-02-gray);
  border-right: 1px solid var(--color-02-gray);
  bottom: 0;
  content: "";
  display: block;
  height: 1.2vw;
  position: absolute;
  right: 0;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  width: 8vw;
  z-index: 10;
}
.Voice__list a figure {
  margin-bottom: 0;
  width: 26.6666666667vw;
}
.Voice__list a figure img {
  display: block;
}
.Voice__list a dl {
  width: 57.0666666667vw;
}
.Voice__list a dl dt {
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2em;
  margin-bottom: 2.6666666667vw;
}
.Voice__list a dl dd {
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 2.6666666667vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2em;
}
.Voice__list2 .Image {
  margin-bottom: 0;
}
.Voice__list2 > li {
  display: none;
  margin-bottom: 4vw;
}
.Voice__list2 > li.-show {
  display: block;
}
.Voice__list2 > li:last-child {
  margin-bottom: 0;
}
.Voice__list2 a {
  gap: 1.3333333333vw 5.3333333333vw;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: grid;
  grid-template-areas: "image title" "image subtitle" "image data";
  grid-template-columns: 26.6666666667vw 1fr;
  grid-template-rows: auto auto 1fr;
  padding-bottom: 2.6666666667vw;
  position: relative;
}
.Voice__list2 a::after {
  border-bottom: 1px solid var(--color-02-gray);
  border-right: 1px solid var(--color-02-gray);
  bottom: 0;
  content: "";
  display: block;
  height: 1.2vw;
  position: absolute;
  right: 0;
  -webkit-transform: skew(45deg);
  transform: skew(45deg);
  width: 8vw;
  z-index: 10;
}
.Voice__list2 a figure {
  grid-area: image;
  margin-bottom: 0;
  width: 26.6666666667vw;
}
.Voice__list2 a figure img {
  display: block;
}
.Voice__list2 a dl {
  display: contents;
}
.Voice__list2 a dt {
  display: block;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 3.7333333333vw;
  font-style: normal;
  font-weight: 500;
  grid-area: title;
  letter-spacing: 0.2em;
  line-height: 1.6;
}
.Voice__list2 a dd {
  display: block;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 2.6666666667vw;
  font-style: normal;
  font-weight: 500;
  grid-area: subtitle;
  letter-spacing: 0.2em;
  line-height: 1.6;
  margin-bottom: 1.3333333333vw;
}
.Voice__list2 a > div {
  grid-area: data;
}
.Voice__list2 a ul {
  gap: 1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Voice__list2 a ul:nth-of-type(1) {
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 2.6666666667vw;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 1.3333333333vw;
}
.Voice__list2 a ul:nth-of-type(2) {
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 2.6666666667vw;
  font-style: normal;
  font-weight: 500;
}
.Voice__list2 a ul li {
  border: 1px solid var(--color-03-gray);
  border-radius: 0.6666666667vw;
  line-height: 1.4;
  margin: 0;
  padding: 0.6666666667vw 1.3333333333vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.Voice__filter {
  padding-bottom: 13.3333333333vw;
}
.Voice__filter dl {
  gap: 2.6666666667vw 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: grid;
  grid-template-columns: 13.3333333333vw 1fr;
}
.Voice__filter dt {
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 3.3333333333vw;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.6;
}
.Voice__filter dd {
  position: relative;
}
.Voice__filter dd::after {
  background-color: var(--color-01-gray);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  height: 2vw;
  position: absolute;
  right: 2.6666666667vw;
  top: 5.0666666667vw;
  width: 2.6666666667vw;
}
.Voice__filter select {
  cursor: pointer;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 3.3333333333vw;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  padding: 1.3333333333vw 4vw;
}
.Voice__empty {
  display: none;
  font-family: fot-udkakugo-large-pr6n, sans-serif;
  font-size: 2.4vw;
  font-style: normal;
  font-weight: 500;
  padding: 2.6666666667vw 0;
  text-align: center;
}
.Voice__empty.-show {
  display: block;
}

.VoiceDetail .Title1 .Title1__sub {
  line-height: 1.5;
  margin-top: 1.3333333333vw;
}
.VoiceDetail .Title1 .Title1__sub br {
  display: none;
}
.VoiceDetail__user {
  margin-bottom: 10.6666666667vw;
}
.VoiceDetail__user .Background__content {
  padding: 8vw 0;
}
.VoiceDetail__box {
  background: var(--color-00_white);
  padding: 5.3333333333vw;
}
.VoiceDetail__box__photo {
  margin-bottom: 5.3333333333vw;
}
.VoiceDetail__lead {
  margin-top: 11.4666666667vw;
}
.VoiceDetail__inner {
  margin-bottom: 20vw;
  overflow: hidden;
}
.VoiceDetail__bg {
  background-color: var(--color-00_white);
  position: relative;
}
.VoiceDetail__bgInner {
  padding: 0 5.3333333333vw;
}
.VoiceDetail__bgInner::after {
  background-color: var(--color-background1);
  content: "";
  height: 77%;
  position: absolute;
  right: 0;
  top: 0;
  width: 66.6666666667vw;
  z-index: 0;
}
.VoiceDetail__bgContent {
  position: relative;
  z-index: 1;
}
.VoiceDetail__section {
  margin-bottom: 11.3333333333vw;
  padding: 0 5.3333333333vw;
}

@media print, screen and (min-width: 768px) {
  .-sp {
    display: none;
  }
  .-pc {
    display: block;
  }
  .Voice {
    padding-top: clamp(67.4594594595px, 8.7837837838vw, 140.5405405405px);
  }
  .Voice__section {
    margin-bottom: clamp(74.2054054054px, 9.6621621622vw, 154.5945945946px);
  }
  .Voice__section:first-child .Background.-pattern1 {
    margin-bottom: clamp(140.1081081081px, 18.2432432432vw, 291.8918918919px);
    padding-bottom: clamp(75.2432432432px, 9.7972972973vw, 156.7567567568px);
  }
  .Voice__section .Background.-pattern4 {
    padding-bottom: clamp(114.1621621622px, 14.8648648649vw, 237.8378378378px);
  }
  .Voice__section .Background.-pattern4 .Background__inner::before {
    top: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Voice__section .Background.-pattern1 {
    padding-bottom: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Voice__section .Background.-pattern1 .Background__inner::after {
    background-color: var(--color-background1);
  }
  .Voice__section .Title2 {
    margin-bottom: clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
  }
  .Voice__section .Title2 .Title2__main {
    font-size: clamp(24.9081081081px, 3.2432432432vw, 51.8918918919px);
    line-height: 1;
    margin-bottom: 0;
  }
  .Voice__section .Title3,
  .Voice__section .Typography {
    margin-left: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Voice__section .Image {
    margin-bottom: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Voice__more {
    margin-top: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Voice__block {
    background: #fff;
    margin-top: clamp(-189.1891891892px, -11.8243243243vw, -90.8108108108px);
    padding: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px) clamp(90.8108108108px, 11.8243243243vw, 189.1891891892px);
    position: relative;
  }
  .Voice__list li {
    margin-bottom: clamp(14.5297297297px, 1.8918918919vw, 30.2702702703px);
    width: clamp(451.4594594595px, 58.7837837838vw, 940.5405405405px);
  }
  .Voice__list li:last-child {
    margin-bottom: 0;
  }
  .Voice__list a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: clamp(19.2px, 2.5vw, 40px);
    -moz-column-gap: clamp(19.2px, 2.5vw, 40px);
    column-gap: clamp(19.2px, 2.5vw, 40px);
    justify-self: flex-start;
  }
  .Voice__list a::after {
    bottom: clamp(12.972972973px, 1.6891891892vw, 27.027027027px);
    height: clamp(4.6702702703px, 0.6081081081vw, 9.7297297297px);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Voice__list a:hover::after {
    -webkit-transform: skew(45deg) scaleX(150%);
    transform: skew(45deg) scaleX(150%);
  }
  .Voice__list a figure {
    width: clamp(57.6px, 7.5vw, 120px);
  }
  .Voice__list a figure .Image {
    margin-bottom: 0;
  }
  .Voice__list a figure .Image img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .Voice__list a dl {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-right: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
    width: clamp(373.6216216216px, 48.6486486486vw, 778.3783783784px);
  }
  .Voice__list a dl dt {
    font-size: clamp(11.4162162162px, 1.4864864865vw, 23.7837837838px);
    margin-bottom: clamp(4.6702702703px, 0.6081081081vw, 9.7297297297px);
  }
  .Voice__list a dl dd {
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
  }
  .Voice__list2 > li {
    margin-bottom: clamp(14.5297297297px, 1.8918918919vw, 30.2702702703px);
    width: clamp(451.4594594595px, 58.7837837838vw, 940.5405405405px);
  }
  .Voice__list2 > li:last-child {
    margin-bottom: 0;
  }
  .Voice__list2 a {
    gap: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px) clamp(19.2px, 2.5vw, 40px);
    grid-template-areas: "image title" "image subtitle" "image data";
    grid-template-columns: clamp(57.6px, 7.5vw, 120px) 1fr;
    grid-template-rows: auto auto 1fr;
    padding-bottom: 0;
  }
  .Voice__list2 a::after {
    bottom: clamp(12.972972973px, 1.6891891892vw, 27.027027027px);
    height: clamp(4.6702702703px, 0.6081081081vw, 9.7297297297px);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    width: clamp(31.1351351351px, 4.0540540541vw, 64.8648648649px);
  }
  .Voice__list2 a:hover::after {
    -webkit-transform: skew(45deg) scaleX(150%);
    transform: skew(45deg) scaleX(150%);
  }
  .Voice__list2 a figure {
    width: clamp(57.6px, 7.5vw, 120px);
  }
  .Voice__list2 a figure .Image {
    margin-bottom: 0;
  }
  .Voice__list2 a figure .Image img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .Voice__list2 a dt {
    font-size: clamp(11.4162162162px, 1.4864864865vw, 23.7837837838px);
  }
  .Voice__list2 a dd {
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
    margin-bottom: 0;
  }
  .Voice__list2 a > div {
    gap: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .Voice__list2 a ul {
    gap: 0;
    display: contents;
  }
  .Voice__list2 a ul:nth-of-type(1) {
    font-size: clamp(6.7459459459px, 0.8783783784vw, 14.0540540541px);
    margin-left: clamp(19.2px, 2.5vw, 40px);
  }
  .Voice__list2 a ul:nth-of-type(2) {
    font-size: clamp(6.7459459459px, 0.8783783784vw, 14.0540540541px);
  }
  .Voice__list2 a ul li {
    border-radius: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    padding: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px) clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
  }
  .Voice__filter {
    padding-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .Voice__filter dl {
    gap: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px) 0;
    grid-template-columns: auto 1fr auto 1fr;
  }
  .Voice__filter dt {
    font-size: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    padding-right: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    text-align: right;
  }
  .Voice__filter dd::after {
    height: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    right: clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px);
    top: clamp(12.972972973px, 1.6891891892vw, 27.027027027px);
    width: clamp(9.3405405405px, 1.2162162162vw, 19.4594594595px);
  }
  .Voice__filter dd + dt {
    padding-left: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .Voice__filter select {
    font-size: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    padding: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px) clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px) clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px) clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .Voice__empty {
    font-size: clamp(9.3405405405px, 1.2162162162vw, 19.4594594595px);
    padding: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px) 0;
  }
  .VoiceDetail .Title1 .Title1__sub {
    font-size: clamp(6.227027027px, 0.8108108108vw, 12.972972973px);
    line-height: 3;
    margin-top: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
  }
  .VoiceDetail .Title1 .Title1__sub br {
    display: block;
  }
  .VoiceDetail__user {
    margin-bottom: clamp(46.7027027027px, 6.0810810811vw, 97.2972972973px);
  }
  .VoiceDetail__user .Background__content {
    padding: clamp(18.1621621622px, 2.3648648649vw, 37.8378378378px) 0;
  }
  .VoiceDetail__box {
    -webkit-column-gap: clamp(58.1189189189px, 7.5675675676vw, 121.0810810811px);
    -moz-column-gap: clamp(58.1189189189px, 7.5675675676vw, 121.0810810811px);
    column-gap: clamp(58.1189189189px, 7.5675675676vw, 121.0810810811px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: clamp(560.4324324324px, 72.972972973vw, 1167.5675675676px);
    padding: clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px) clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px) clamp(7.7837837838px, 1.0135135135vw, 16.2162162162px) clamp(38.9189189189px, 5.0675675676vw, 81.0810810811px);
  }
  .VoiceDetail__box__photo {
    margin-bottom: 0;
  }
  .VoiceDetail__box__photo .Image {
    width: clamp(176.9513513514px, 23.0405405405vw, 368.6486486486px);
  }
  .VoiceDetail__box__text {
    font-size: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    line-height: 2;
  }
  .VoiceDetail__lead {
    margin-top: clamp(44.627027027px, 5.8108108108vw, 92.972972973px);
  }
  .VoiceDetail__inner {
    margin-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .VoiceDetail__bg {
    margin: 0 auto clamp(46.7027027027px, 6.0810810811vw, 97.2972972973px);
    max-width: 1600px;
  }
  .VoiceDetail__bgInner {
    padding: 0 clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .VoiceDetail__bgContent .Flex__textArea {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-top: clamp(62.2702702703px, 8.1081081081vw, 129.7297297297px);
  }
  .VoiceDetail__bgContent .Flex__image {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 clamp(384px, 50vw, 800px);
    flex: 1 1 clamp(384px, 50vw, 800px);
    margin-right: clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
  }
  .VoiceDetail__bgInner::after {
    height: clamp(202.3783783784px, 26.3513513514vw, 421.6216216216px);
    left: clamp(255.827027027px, 33.3108108108vw, 532.972972973px);
    right: auto;
    width: 100vw !important;
  }
  .VoiceDetail__section {
    margin-bottom: clamp(44.1081081081px, 5.7432432432vw, 91.8918918919px);
    padding: 0;
  }
}
/**
 * WhatsNew
 */
.WhatsNew .WhatsNew__date {
  color: var(--color-02-black);
  font-size: 3.7333333333vw;
  letter-spacing: 0.1em;
  line-height: 1;
  margin-bottom: 8vw;
}
.WhatsNew .WhatsNew__content {
  padding-bottom: 6.6666666667vw;
}
.WhatsNew .WhatsNew__content h2 {
  color: var(--color-01-navy);
  font-size: 4.8vw;
  line-height: 1.5;
  margin-bottom: 4vw;
  margin-top: 4vw;
}
.WhatsNew .WhatsNew__content h3 {
  color: var(--color-01-navy);
  font-size: 4.2666666667vw;
  line-height: 1.5;
  margin-bottom: 4vw;
  margin-top: 4vw;
}
.WhatsNew .WhatsNew__content h4 {
  color: var(--color-01-navy);
  font-size: 4vw;
  line-height: 1.5;
  margin-bottom: 4vw;
  margin-top: 4vw;
}
.WhatsNew .WhatsNew__content p {
  font-size: 3.7333333333vw;
  letter-spacing: 0.1em;
  line-height: 2.4285714286;
  margin-bottom: 4vw;
}
.WhatsNew .WhatsNew__content p em {
  font-weight: bold;
}
.WhatsNew .WhatsNew__content ul {
  margin-bottom: 5.3333333333vw;
  margin-left: 2.6666666667vw;
  padding-left: 2.6666666667vw;
}
.WhatsNew .WhatsNew__content ul li {
  font-size: 3.7333333333vw;
  line-height: 160%;
  list-style-type: disc;
  margin-bottom: 1.3333333333vw;
}
.WhatsNew .WhatsNew__content ol {
  margin-bottom: 5.3333333333vw;
  margin-left: 2.6666666667vw;
  padding-left: 2.6666666667vw;
}
.WhatsNew .WhatsNew__content ol li {
  font-size: 3.7333333333vw;
  line-height: 160%;
  list-style-type: decimal;
  margin-bottom: 1.3333333333vw;
  padding-left: 0.1333333333vw;
}
.WhatsNew .WhatsNew__content a {
  text-decoration: underline;
  word-break: break-all;
}
.WhatsNew .WhatsNew__content .wp-block-pullquote {
  padding: 0;
}
.WhatsNew .WhatsNew__content .wp-block-pullquote p {
  font-size: 3.7333333333vw;
  line-height: 160%;
  margin-bottom: 0;
  padding: 0;
}
.WhatsNew .WhatsNew__content .wp-block-image {
  display: block;
  margin: 0 auto 5.3333333333vw;
}
.WhatsNew .WhatsNew__content .wp-block-image img {
  display: block;
  margin: 0 auto;
  max-width: 600px;
}
.WhatsNew .WhatsNew__content .wp-block-image figcaption {
  font-size: 3.7333333333vw;
  line-height: 150%;
  margin-top: 2.6666666667vw;
}
.WhatsNew .WhatsNew__content p img {
  display: block;
  margin: 0 auto;
  max-width: 600px;
}
.WhatsNew .WhatsNew__content .wp-block-group {
  background-color: var(--color-03-gray);
  margin: 0 -0.6666666667vw 5.3333333333vw;
  padding: 6.6666666667vw 2.6666666667vw;
}
.WhatsNew .WhatsNew__content blockquote p,
.WhatsNew .WhatsNew__content .wp-block-quote p {
  background-color: var(--color-03-gray);
  display: block;
  font-size: 3.7333333333vw;
  line-height: 140%;
  margin: 0 0 4vw 0;
  padding: 2.6666666667vw 0 2.6666666667vw 5.3333333333vw;
  position: relative;
}
.WhatsNew .WhatsNew__content blockquote p::before,
.WhatsNew .WhatsNew__content .wp-block-quote p::before {
  border-left: 2px solid var(--color-01-navy);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}
.WhatsNew .WhatsNew__content blockquote cite,
.WhatsNew .WhatsNew__content .wp-block-quote cite {
  font-size: 3.4666666667vw;
  font-style: italic;
  line-height: 160%;
}
@media print, screen and (min-width: 768px) {
  .WhatsNew .WhatsNew__date {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    margin-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .WhatsNew .WhatsNew__content {
    padding-bottom: clamp(51.8918918919px, 6.7567567568vw, 108.1081081081px);
  }
  .WhatsNew .WhatsNew__content h2 {
    font-size: clamp(14.5297297297px, 1.8918918919vw, 30.2702702703px);
    margin-bottom: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    margin-top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .WhatsNew .WhatsNew__content h3 {
    font-size: clamp(12.4540540541px, 1.6216216216vw, 25.9459459459px);
    margin-bottom: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    margin-top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .WhatsNew .WhatsNew__content h4 {
    font-size: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    margin-bottom: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
    margin-top: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .WhatsNew .WhatsNew__content p {
    font-size: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    margin-bottom: clamp(15.5675675676px, 2.027027027vw, 32.4324324324px);
  }
  .WhatsNew .WhatsNew__content ul {
    margin-bottom: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    margin-left: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    padding-left: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .WhatsNew .WhatsNew__content ul li {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    margin-bottom: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
  }
  .WhatsNew .WhatsNew__content ol {
    margin-bottom: clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    margin-left: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
    padding-left: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .WhatsNew .WhatsNew__content ol li {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    margin-bottom: clamp(5.1891891892px, 0.6756756757vw, 10.8108108108px);
    padding-left: clamp(0.5189189189px, 0.0675675676vw, 1.0810810811px);
  }
  .WhatsNew .WhatsNew__content .wp-block-pullquote p {
    font-size: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
  }
  .WhatsNew .WhatsNew__content .wp-block-image {
    margin: 0 auto clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    max-width: 900px;
  }
  .WhatsNew .WhatsNew__content .wp-block-image img {
    max-width: 900px;
  }
  .WhatsNew .WhatsNew__content .wp-block-image figcaption {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    margin-top: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .WhatsNew .WhatsNew__content p img {
    max-width: 900px;
  }
  .WhatsNew .WhatsNew__content .wp-block-group {
    margin: 0 clamp(-5.4054054054px, -0.3378378378vw, -2.5945945946px) clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
    padding: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px) clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px);
  }
  .WhatsNew .WhatsNew__content blockquote p,
  .WhatsNew .WhatsNew__content .wp-block-quote p {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    margin: 0 0 clamp(15.5675675676px, 2.027027027vw, 32.4324324324px) 0;
    padding: clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px) 0 clamp(10.3783783784px, 1.3513513514vw, 21.6216216216px) clamp(20.7567567568px, 2.7027027027vw, 43.2432432432px);
  }
  .WhatsNew .WhatsNew__content blockquote cite,
  .WhatsNew .WhatsNew__content .wp-block-quote cite {
    font-size: clamp(6.7459459459px, 0.8783783784vw, 14.0540540541px);
  }
}

/**
 * WhatsNewArchive
 */
.WhatsNewArchive .WhatsNewArchive__item {
  border-bottom: 1px solid var(--color-04-gray);
  margin-bottom: 4vw;
  padding-bottom: 4vw;
}
.WhatsNewArchive .WhatsNewArchive__item a {
  display: block;
}
.WhatsNewArchive .WhatsNewArchive__item a[href$=".pdf"] .WhatsNewArchive__text:not(.-date)::after {
  background-image: url("../images/common/icon_pdf.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 3.7333333333vw;
  margin-left: 0.4vw;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transform: translateY(0.4vw) !important;
  transform: translateY(0.4vw) !important;
  width: 3.7333333333vw;
}
.WhatsNewArchive .WhatsNewArchive__text {
  color: var(--color-03-black);
  font-size: 3.2vw;
  letter-spacing: 0.1em;
  line-height: 1.833;
  vertical-align: baseline;
}
@media print, screen and (min-width: 768px) {
  .WhatsNewArchive .WhatsNewArchive__list {
    margin: 0 clamp(-54.0540540541px, -3.3783783784vw, -25.9459459459px);
  }
  .WhatsNewArchive .WhatsNewArchive__list a {
    display: block;
  }
  .WhatsNewArchive .WhatsNewArchive__list a[href$=".pdf"] .WhatsNewArchive__text:not(.-date)::after {
    height: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
    margin-left: clamp(2.5945945946px, 0.3378378378vw, 5.4054054054px);
    -webkit-transform: translateY(clamp(1.0378378378px, 0.1351351351vw, 2.1621621622px)) !important;
    transform: translateY(clamp(1.0378378378px, 0.1351351351vw, 2.1621621622px)) !important;
    width: clamp(8.3027027027px, 1.0810810811vw, 17.2972972973px);
  }
  .WhatsNewArchive .WhatsNewArchive__item {
    margin-bottom: clamp(18.1621621622px, 2.3648648649vw, 37.8378378378px);
    padding-bottom: clamp(18.1621621622px, 2.3648648649vw, 37.8378378378px);
    padding-left: clamp(25.9459459459px, 3.3783783784vw, 54.0540540541px);
  }
  .WhatsNewArchive .WhatsNewArchive__text {
    font-size: clamp(7.2648648649px, 0.9459459459vw, 15.1351351351px);
    line-height: 2.429;
  }
}

/* js-inview */
.js-inview {
  opacity: 0;
  -webkit-transition: opacity 600ms ease-out 200ms;
  transition: opacity 600ms ease-out 200ms;
}
.js-inview.-show {
  opacity: 1;
}