@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Carlito&family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Serif+JP:wght@400;500;600&display=swap");
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    background-attachment: initial;
    scroll-behavior: auto;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  touch-action: manipulation;
}

iframe,
img,
input,
select,
textarea {
  max-width: 100%;
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

ol, ul {
  list-style: none;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

a {
  color: inherit;
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

button {
  border-radius: 0;
  text-transform: none;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

:root {
  --s: 1px;
  --h: 1px;
  --f: 1px;
}
@media screen and (min-width: 960.02px) and (max-width: 1760px) {
  :root {
    --s: 0.0568vw;
    --h: 1px;
    --f: 1px;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1460px) {
  :root {
    --f: 0.9px;
  }
}
@media screen and (max-width: 960px) {
  :root {
    --s: 0.23256vw;
    --h: 0.23256vw;
    --f: 0.23256vw;
  }
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  text-align: justify;
  font-feature-settings: "palt";
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: calc(var(--f) * 16);
  line-height: 1.67;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: #343C46;
}
@media screen and (max-width: 960px) {
  body {
    font-size: calc(var(--f) * 16);
  }
}

h1, h2, h3, h4, h5, h6, b, strong, dt, th {
  font-weight: inherit;
}

br.sp {
  display: none;
}

@media screen and (max-width: 960px) {
  br.pc {
    display: none;
  }
  br.sp {
    display: inline;
  }
}
span.nl {
  display: inline-block;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
}
@media screen and (min-width: 960.02px) {
  .header {
    border-bottom: calc(var(--s) * 5) solid #004F99;
  }
  .header__container {
    width: calc(var(--s) * 1620);
    margin-right: auto;
    margin-left: auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    height: calc(var(--s) * 104 - 3px);
  }
}
@media screen and (min-width: 960.02px) and (max-width: 960px) {
  .header__container {
    width: 90vw;
  }
}
@media screen and (min-width: 960.02px) {
  .header__logo {
    display: flex;
    align-items: center;
    align-content: center;
  }
  .header__logo img {
    width: calc(var(--s) * 168);
  }
  .header__cta {
    display: flex;
    align-items: center;
    align-content: center;
  }
  .header__cta a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    display: inline-block;
    padding: 0.125em 2em;
    color: #fff;
    white-space: nowrap;
    background: #004F99;
    border: 2px solid #004F99;
    border-radius: 999px;
    transition-duration: 300ms;
  }
  .header__cta a:hover {
    color: #004F99;
    background: #fff;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1200px) {
  .header__cta a {
    padding-right: 1em;
    padding-left: 1em;
    font-size: calc(var(--s) * 19);
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1080px) {
  .header__cta a {
    font-size: calc(var(--s) * 17);
  }
}
@media screen and (max-width: 960px) {
  .header__container {
    width: calc(var(--s) * 1620);
    margin-right: auto;
    margin-left: auto;
    height: calc(var(--s) * 50);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .header__container {
    width: 90vw;
  }
}
@media screen and (max-width: 960px) {
  .header__logo {
    padding-top: calc(var(--s) * 17);
  }
  .header__logo img {
    display: block;
    width: calc(var(--s) * 100);
  }
  .header__cta {
    display: none;
  }
}

.nav__lang {
  position: absolute;
  left: 100%;
  top: 0;
  height: calc(var(--f) * 25);
  display: flex;
  border: 1px solid #004F99;
}
.nav__lang__btn {
  width: calc(var(--f) * 26);
  padding: 0.15em 0 0;
  color: #fff;
  font-size: calc(var(--f) * 10);
  letter-spacing: 0;
  text-align: center;
  background: #004F99;
}
.nav__lang__btn::after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 1.3em;
  height: 1px;
  background: #fff;
}
.nav__lang__btn--current {
  width: calc(var(--f) * 24);
  color: #004F99;
  background: #fff;
}
.nav__lang__btn--current::after {
  background: #004F99;
}
@media only screen and (min-width: 960.02px) and (max-width: 1320px) {
  .nav__lang {
    left: unset;
    right: calc(var(--f) * -40);
  }
  .nav__lang__btn {
    width: calc(var(--f) * 20);
  }
  .nav__lang__btn--current {
    width: calc(var(--f) * 18);
  }
}
@media screen and (max-width: 960px) {
  .nav__lang {
    left: unset;
    top: calc(var(--f) * 13);
    right: calc(var(--f) * 67);
  }
}
@media screen and (min-width: 960.02px) {
  .nav__btn, .nav__label, .nav__sub__btn, .nav__sub__label, .nav__cta {
    display: none;
  }
  .nav__wrap {
    display: flex;
    width: 100%;
  }
  .nav__list {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
  .nav__item {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
    padding: 0 calc(var(--s) * 40) 0 0;
  }
  .nav__link {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    position: relative;
    display: block;
    font-size: calc(var(--f) * 16);
    white-space: nowrap;
  }
  .nav__link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 2px;
    background: #343C46;
    transition-duration: 300ms;
  }
  .nav__link:hover::before {
    width: 100%;
  }
  .nav__sub {
    position: absolute;
    left: calc(var(--s) * 15);
    top: calc(var(--s) * 100);
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    max-height: 0;
    white-space: nowrap;
    transition-duration: 600ms;
  }
  .nav__sub::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: calc(var(--s) * 5);
    background: #004F99;
  }
  .nav__sub::after {
    content: "";
    position: absolute;
    left: -100vw;
    top: calc(var(--s) * 5);
    z-index: -1;
    display: block;
    width: 200vw;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
  }
  .nav__sub .nav__sub {
    position: static;
    transition-duration: 600ms;
  }
  .nav__sub .nav__sub::before, .nav__sub .nav__sub::after {
    content: none;
  }
  .nav__sub .nav__sub .nav__sub__container {
    padding: 0 0.5em 0 2em;
  }
  .nav__sub .nav__sub .nav__sub__link {
    position: relative;
  }
  .nav__sub .nav__sub .nav__sub__link a::after {
    content: "";
    width: 1.125em;
    height: 1px;
    margin-right: 0.3em;
    background: #707070;
    transition-duration: 300ms;
    order: -1;
  }
  .nav__item:hover > .nav__sub {
    max-height: 100vh;
    pointer-events: all;
    opacity: 1;
  }
  .nav__item > .nav__sub ul > li:hover > .nav__sub {
    max-height: 100vh;
    pointer-events: all;
    opacity: 1;
  }
  .nav__sub__container {
    padding: calc(var(--s) * 33) 0 calc(var(--s) * 22);
  }
  .nav__sub__link a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    align-content: center;
    line-height: 2.1875;
    transition-duration: 300ms;
  }
  .nav__sub__link a::before {
    content: "";
    width: 1.125em;
    height: 1px;
    margin-right: 0.7em;
    background: #707070;
    transition-duration: 300ms;
  }
  .nav__sub__link a:hover {
    color: #004F99;
  }
  .nav__sub__link a:hover::before {
    background: #004F99;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1560px) {
  .nav__item {
    padding-right: calc(var(--s) * 30);
  }
  .nav__link {
    font-size: calc(var(--f) * 15);
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1200px) {
  .nav__item {
    padding-right: calc(var(--s) * 20);
  }
  .nav__link {
    font-size: calc(var(--f) * 14);
  }
}
@media screen and (max-width: 960px) {
  .nav__btn, .nav__sub__btn {
    display: none;
  }
  .nav__label {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: calc(var(--s) * 66);
    height: 100%;
  }
  .nav__label span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 40%;
    height: 2px;
    margin: auto;
    background: #004F99;
    transition-duration: 300ms;
  }
  .nav__label span::before, .nav__label span::after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #004F99;
    transition-duration: 300ms;
  }
  .nav__label span::before {
    top: calc(var(--s) * -8);
  }
  .nav__label span::after {
    top: calc(var(--s) * 8);
  }
  .nav__btn:checked + .nav__label span {
    width: 45%;
    background: transparent;
  }
  .nav__btn:checked + .nav__label span::before {
    top: 0;
    transform: rotate(38deg);
  }
  .nav__btn:checked + .nav__label span::after {
    top: 0;
    transform: rotate(-38deg);
  }
  .nav__wrap {
    position: absolute;
    left: 0;
    top: 100%;
    overflow-y: scroll;
    pointer-events: none;
    opacity: 0;
    width: 100vw;
    height: 100vh;
    padding: calc(var(--s) * 57) 5vw calc(var(--s) * 120);
    background: #fff;
    transition-duration: 400ms;
  }
  .nav__btn:checked + .nav__label + .nav__wrap {
    pointer-events: all;
    opacity: 1;
  }
  .nav__item {
    border-bottom: 1px solid #707070;
  }
  .nav__sub__label:not(.nav__sub__label--deep), .nav__link {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    position: relative;
    display: block;
    padding: calc(var(--s) * 24) calc(var(--f) * 5);
    font-size: calc(var(--f) * 18);
  }
  .nav__sub__label + .nav__link {
    display: none;
  }
  .nav__sub__label::before, .nav__sub__label::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(var(--f) * 5);
    bottom: 0;
    display: block;
    width: calc(var(--f) * 16);
    height: 2px;
    margin: auto 0;
    background: #004F99;
  }
  .nav__sub__label::after {
    transform: rotate(90deg);
  }
  .nav__sub__btn:checked + .nav__sub__label::after {
    display: none;
  }
  .nav__sub__link {
    position: relative;
    padding: 0 calc(var(--s) * 10) calc(var(--s) * 20);
  }
  .nav__sub__link a {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    display: flex;
    align-items: center;
    align-content: center;
    line-height: 2;
  }
  .nav__sub__link a::before {
    content: "";
    width: 1em;
    height: 1px;
    margin-right: 0.7em;
    background: #707070;
    transition-duration: 300ms;
  }
  .nav__sub {
    position: relative;
    overflow: hidden;
    max-height: 0;
    transition-duration: 600ms;
  }
  .nav__sub .nav__sub {
    max-height: initial;
  }
  .nav__sub .nav__sub a {
    padding-left: 0.5em;
  }
  .nav__sub .nav__sub a::after {
    content: "";
    width: 1em;
    height: 1px;
    margin-right: 0.3em;
    background: #707070;
    transition-duration: 300ms;
    order: -1;
  }
  .nav__sub__btn:checked + .nav__sub__label + .nav__link + .nav__sub {
    max-height: 50vh;
  }
  .nav__cta {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    display: block;
    padding: calc(var(--f) * 3);
    margin: calc(var(--s) * 41) 0 0;
    color: #fff;
    font-size: calc(var(--f) * 18);
    text-align: center;
    background: #004F99;
    border-radius: 999px;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .nav__cta {
    font-size: calc(var(--f) * 18);
  }
}

.main--home {
  position: relative;
  overflow: hidden;
}
.main--news {
  position: relative;
}
@media screen and (min-width: 960.02px) {
  .main {
    padding-top: calc(var(--s) * 104);
  }
}
@media screen and (max-width: 960px) {
  .main {
    padding-top: calc(var(--s) * 50);
  }
}

.footer {
  position: relative;
  color: #fff;
  background: #004F99;
}
.footer__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  padding: calc(var(--h) * 108) 0 calc(var(--h) * 80);
}
@media screen and (max-width: 960px) {
  .footer__container {
    width: 90vw;
  }
}
.footer__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.footer__text a {
  transition-duration: 300ms;
}
.footer__text a:hover {
  opacity: 0.7;
}
.footer__text__logo {
  margin: 0 0 calc(var(--h) * 56);
}
.footer__text__logo img {
  display: block;
  width: calc(var(--f) * 240);
  margin: 0 0 calc(var(--h) * 26);
}
.footer__text__logo small {
  font-size: 1em;
}
.footer__text__address {
  margin-bottom: calc(var(--h) * 20);
}
.footer__text__tel {
  margin-bottom: calc(var(--h) * 8);
}
.footer__text__fax {
  margin-bottom: calc(var(--h) * 20);
}
.footer__nav__item {
  margin: 0 0 calc(var(--f) * 26);
}
.footer__nav__item a {
  transition-duration: 300ms;
}
.footer__nav__item a:hover {
  opacity: 0.7;
}
.footer__nav__link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  font-size: calc(var(--f) * 18);
}
.footer__nav__sub {
  margin: calc(var(--h) * 16) 0 0;
}
.footer__nav__sub a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  display: block;
  font-size: calc(var(--f) * 14);
  line-height: 2.5;
}
@media screen and (max-width: 960px) {
  .footer__nav__sub a {
    font-size: calc(var(--f) * 10);
  }
}
.footer__nav__sub a::before {
  content: "─ ";
}
.footer__nav__sub .footer__nav__sub {
  margin-top: 0;
}
.footer__nav__sub .footer__nav__sub a::before {
  content: "─ ─ ";
}
.footer__bottom__copyright, .footer__bottom__link {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: calc(var(--f) * 14);
}
@media screen and (max-width: 960px) {
  .footer__bottom__copyright, .footer__bottom__link {
    font-size: calc(var(--f) * 10);
  }
}
.footer__bottom__copyright a, .footer__bottom__link a {
  transition-duration: 300ms;
}
.footer__bottom__copyright a:hover, .footer__bottom__link a:hover {
  color: #b3cbe1;
}
.footer__bottom__link a {
  position: relative;
  display: inline-block;
  margin-right: 1em;
}
.footer__bottom__link a::after {
  content: "｜";
  position: absolute;
  left: 100%;
  top: 0;
  color: #fff;
}
.footer__bottom__link a:last-child {
  margin-right: 0;
}
.footer__bottom__link a:last-child::after {
  display: none;
}
@media screen and (min-width: 960.02px) {
  .footer__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footer__text {
    margin-bottom: calc(var(--h) * 40);
  }
  .footer__nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: calc(var(--h) * 70);
  }
  .footer__nav__box {
    margin-left: calc(var(--s) * 60);
  }
  .footer__nav__box:first-child {
    margin-left: 0;
  }
  .footer__bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .footer__container {
    padding: calc(var(--h) * 36) 0 calc(var(--h) * 18);
  }
  .footer__text__logo {
    margin-bottom: calc(var(--s) * 10);
  }
  .footer__text__logo img {
    width: calc(var(--f) * 200);
    margin: 0 auto calc(var(--s) * 10);
  }
  .footer__text__logo span {
    display: block;
    text-align: center;
  }
  .footer__bottom__copyright {
    display: block;
    text-align: center;
  }
  .footer__text__address, .footer__text__tel, .footer__text__fax, .footer__text__map, .footer__nav, .footer__bottom__link {
    display: none;
  }
}

.home-mv {
  position: relative;
}
.home-mv .swiper-slide__img {
  height: calc(var(--s) * 720);
}
.home-mv .swiper-slide__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-mv__text {
  position: absolute;
  right: 0;
  left: 0;
  top: calc(var(--s) * 302);
  z-index: 700;
  display: block;
  width: calc(var(--s) * 1640);
  margin: 0 auto;
}
.home-mv__text img {
  display: block;
  width: calc(var(--f) * 868);
}
.home-mv__pagination {
  position: absolute;
  right: 0 !important;
  bottom: calc(var(--s) * 66) !important;
  left: unset !important;
  width: calc(var(--f) * 80) !important;
  z-index: 600;
}
.home-mv__pagination span.swiper-pagination-bullet {
  position: relative;
  display: block;
  opacity: 1 !important;
  width: calc(var(--f) * 80);
  height: calc(var(--f) * 80);
  padding: 0;
  margin: 0;
  background: none !important;
  border-radius: 0;
}
.home-mv__pagination span.swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  opacity: 0.5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: calc(var(--f) * 6);
  height: 100%;
  margin: auto;
  background: #fff;
}
.home-mv__pagination span.swiper-pagination-bullet-active::before {
  opacity: 1;
}
.home-mv__scroll {
  position: absolute;
  right: 0;
  bottom: calc(var(--f) * -90);
  left: 0;
  z-index: 500;
  display: block;
  margin: 0 auto;
}
.home-mv__scroll img {
  display: block;
  width: calc(var(--f) * 9);
  margin: 0 auto;
}
@media screen and (max-width: 960px) {
  .home-mv .swiper-slide__img {
    height: calc(var(--s) * 710);
  }
  .home-mv__text {
    left: calc(var(--s) * 12);
    top: calc(var(--s) * 217);
  }
  .home-mv__text img {
    width: calc(var(--f) * 359);
  }
  .home-mv__pagination, .home-mv__scroll {
    display: none;
  }
}

.home-news__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: 0 0 calc(var(--h) * 118);
}
@media screen and (max-width: 960px) {
  .home-news__container {
    width: 90vw;
  }
}
.home-news__head h2 {
  position: relative;
  overflow: hidden;
  margin-bottom: calc(var(--h) * 38);
}
.home-news__head h2 b {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 0 calc(var(--f) * 20);
}
.home-news__head h2 img {
  position: relative;
  display: block;
  height: calc(var(--f) * 52);
  transition-duration: 600ms;
}
.home-news__head h2 small {
  position: relative;
  display: block;
  color: #6F7781;
  font-size: calc(var(--f) * 20);
  letter-spacing: 0.025em;
  transition-duration: 600ms;
}
@media screen and (max-width: 960px) {
  .home-news__head h2 small {
    font-size: calc(var(--f) * 20);
  }
}
.home-news__head h2.anime-off img {
  transform: translateY(calc(var(--f) * 80));
}
.home-news__head h2.anime-off small {
  transform: translateY(calc(var(--f) * 30));
}
@media screen and (max-width: 960px) {
  .home-news__head h2 b {
    margin-bottom: calc(var(--f) * 12);
  }
  .home-news__head h2 small {
    font-size: calc(var(--f) * 18);
  }
}
.home-news__head h2 img {
  height: calc(var(--f) * 51.2);
}
.home-news__list__items {
  margin-bottom: calc(var(--h) * 40);
  border-top: 1px solid #707070;
}
.home-news__list__item {
  border-bottom: 1px solid #707070;
}
.home-news__list__link {
  transition-duration: 300ms;
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  padding: calc(var(--f) * 40) 0;
}
.home-news__list__link:hover {
  opacity: 0.7;
}
.home-news__list__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - var(--s) * 80 - var(--f) * 21.5);
  bottom: 0;
  display: block;
  width: calc(var(--f) * 21.5);
  height: calc(var(--f) * 21.5);
  margin: auto 0;
  background: url(../img/_common/btn-arrow-black.svg) right center/auto calc(var(--f) * 10.5) no-repeat;
  transition-duration: 160ms;
}
.home-news__list__link .cate {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: calc(var(--s) * 166);
  flex-shrink: 0;
  color: #004F99;
  line-height: 1.7;
  text-align: center;
  white-space: nowrap;
  border-radius: calc(var(--f) * 7);
  border: 2px solid #004F99;
}
.home-news__list__link .date {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  flex-shrink: 0;
  margin: 0 1em 0 2em;
  white-space: nowrap;
}
.home-news__list__link .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: 100%;
  padding-right: calc(var(--s) * 130);
}
.home-news__list__link:hover::after {
  width: calc(var(--f) * 33.2);
}
.home-news__more {
  text-align: center;
}
.home-news__more .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .home-news__more .label {
    font-size: calc(var(--f) * 16);
  }
}
.home-news__more .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.home-news__more .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.home-news__more .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .home-news__more .label img {
    height: calc(var(--f) * 13);
  }
}
.home-news__more .label {
  color: #004F99;
}
.home-news__more .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
@media only screen and (min-width: 1460.01px) {
  .home-news__container {
    display: flex;
    justify-content: space-between;
  }
  .home-news__head {
    padding-top: calc(var(--s) * 50);
  }
  .home-news__list {
    width: calc(var(--s) * 976);
  }
  .home-news__more {
    text-align: right;
  }
}
@media screen and (max-width: 960px) {
  .home-news__container {
    padding-top: 0;
    padding-bottom: calc(var(--h) * 50);
  }
  .home-news__head h2 {
    text-align: center;
    margin-bottom: calc(var(--h) * 22);
  }
  .home-news__head h2 b {
    margin-bottom: calc(var(--f) * 20);
  }
  .home-news__head h2 img {
    height: calc(var(--f) * 38);
    margin: 0 auto;
  }
  .home-news__list {
    margin-bottom: calc(var(--h) * 40);
  }
  .home-news__list__items {
    margin-bottom: calc(var(--h) * 50);
  }
  .home-news__list__link {
    display: block;
    padding: calc(var(--h) * 32) 0 calc(var(--h) * 68);
    text-align: left;
  }
  .home-news__list__link::after {
    left: unset;
    right: calc(var(--s) * 5);
    top: unset;
    bottom: calc(var(--s) * 22);
  }
  .home-news__list__link .cate {
    display: inline-block;
    width: calc(var(--s) * 140);
    margin: 0 calc(100% - var(--s) * 140) calc(var(--h) * 20) 0;
  }
  .home-news__list__link .date {
    display: inline;
    margin: 0;
    font-size: calc(var(--f) * 18);
  }
  .home-news__list__link .title {
    display: inline;
    padding-right: calc(var(--f) * 60);
    font-size: calc(var(--f) * 18);
  }
  .home-news__more .label {
    padding-left: 0;
  }
}

.home-brands__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  padding: calc(var(--h) * 166) 0 calc(var(--h) * 268);
}
@media screen and (max-width: 960px) {
  .home-brands__container {
    width: 90vw;
  }
}
.home-brands__head h2 {
  position: relative;
  overflow: hidden;
  margin-bottom: calc(var(--h) * 38);
  margin-bottom: calc(var(--h) * 24);
}
.home-brands__head h2 b {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 0 calc(var(--f) * 20);
}
.home-brands__head h2 img {
  position: relative;
  display: block;
  height: calc(var(--f) * 52);
  transition-duration: 600ms;
}
.home-brands__head h2 small {
  position: relative;
  display: block;
  color: #6F7781;
  font-size: calc(var(--f) * 20);
  letter-spacing: 0.025em;
  transition-duration: 600ms;
}
@media screen and (max-width: 960px) {
  .home-brands__head h2 small {
    font-size: calc(var(--f) * 20);
  }
}
.home-brands__head h2.anime-off img {
  transform: translateY(calc(var(--f) * 80));
}
.home-brands__head h2.anime-off small {
  transform: translateY(calc(var(--f) * 30));
}
@media screen and (max-width: 960px) {
  .home-brands__head h2 b {
    margin-bottom: calc(var(--f) * 12);
  }
  .home-brands__head h2 small {
    font-size: calc(var(--f) * 18);
  }
}
.home-brands__head h2 img {
  height: calc(var(--f) * 50.4);
  margin-right: auto;
  margin-left: auto;
}
.home-brands__head h2 small {
  text-align: center;
}
.home-brands__head p {
  margin-bottom: calc(var(--h) * 80);
  text-align: center;
}
.home-brands__list__items {
  margin-bottom: calc(var(--s) * 120);
}
.home-brands__list__item .img {
  margin: 0 0 calc(var(--s) * 46);
}
.home-brands__list__item .img img {
  display: block;
  width: 100%;
}
.home-brands__list__item p {
  text-align: center;
}
.home-brands__more {
  text-align: center;
}
.home-brands__more .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .home-brands__more .label {
    font-size: calc(var(--f) * 16);
  }
}
.home-brands__more .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.home-brands__more .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.home-brands__more .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .home-brands__more .label img {
    height: calc(var(--f) * 13);
  }
}
.home-brands__more .label {
  color: #004F99;
}
.home-brands__more .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
@media screen and (min-width: 960.02px) {
  .home-brands__list__items {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--s) * 100) calc(var(--s) * 170);
    width: 1420px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .home-brands__list__item {
    width: calc((100% - var(--s) * 342) / 3);
  }
  .home-brands__more {
    width: 1420px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
  }
}
@media screen and (max-width: 960px) {
  .home-brands__container {
    padding: calc(var(--h) * 130) 0 calc(var(--h) * 108);
  }
  .home-brands__head h2 {
    margin-bottom: calc(var(--h) * 36);
  }
  .home-brands__head h2 b {
    margin-bottom: calc(var(--f) * 26);
  }
  .home-brands__head h2 img {
    height: calc(var(--f) * 37);
  }
  .home-brands__head p {
    margin-bottom: calc(var(--h) * 60);
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .home-brands__head p {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .home-brands__list__items {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--s) * 48) calc(var(--s) * 24);
    padding: 0 calc(var(--s) * 5);
    margin-bottom: calc(var(--s) * 50);
  }
  .home-brands__list__item {
    width: calc((100% - var(--s) * 25) / 2);
  }
  .home-brands__list__item .img {
    margin-bottom: calc(var(--s) * 36);
  }
  .home-brands__list__item p {
    font-size: calc(var(--f) * 14);
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .home-brands__list__item p {
    font-size: 14px;
  }
}

.home-company {
  position: relative;
  overflow: visible;
  z-index: 10;
}
.home-company::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 180px;
  pointer-events: none;
  z-index: -1;
  margin-left: -2080px;
  display: block;
  width: 3029px;
  aspect-ratio: 3029/1097;
  background: url(../img/home/company-bg.svg) center/contain no-repeat;
}
.home-company__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  padding-top: calc(var(--h) * 170);
  padding-bottom: calc(var(--h) * 292);
}
@media screen and (max-width: 960px) {
  .home-company__container {
    width: 90vw;
  }
}
.home-company__head {
  width: 742px;
  max-width: 100%;
  margin: 0 auto calc(var(--h) * 126);
}
.home-company__head h2 {
  margin: 0 0 calc(var(--h) * 40);
  text-align: center;
}
.home-company__head h2 img {
  display: inline-block;
  height: calc(var(--f) * 70);
}
.home-company__head p {
  font-size: calc(var(--f) * 16);
  line-height: 1.81;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .home-company__head p {
    font-size: calc(var(--f) * 16);
  }
}
.home-company__box__text {
  width: 100%;
}
.home-company__box__text h2 {
  position: relative;
  overflow: hidden;
  margin-bottom: calc(var(--h) * 38);
}
.home-company__box__text h2 b {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 0 calc(var(--f) * 20);
}
.home-company__box__text h2 img {
  position: relative;
  display: block;
  height: calc(var(--f) * 52);
  transition-duration: 600ms;
}
.home-company__box__text h2 small {
  position: relative;
  display: block;
  color: #6F7781;
  font-size: calc(var(--f) * 20);
  letter-spacing: 0.025em;
  transition-duration: 600ms;
}
@media screen and (max-width: 960px) {
  .home-company__box__text h2 small {
    font-size: calc(var(--f) * 20);
  }
}
.home-company__box__text h2.anime-off img {
  transform: translateY(calc(var(--f) * 80));
}
.home-company__box__text h2.anime-off small {
  transform: translateY(calc(var(--f) * 30));
}
@media screen and (max-width: 960px) {
  .home-company__box__text h2 b {
    margin-bottom: calc(var(--f) * 12);
  }
  .home-company__box__text h2 small {
    font-size: calc(var(--f) * 18);
  }
}
.home-company__box__text h2 img {
  height: calc(var(--h) * 62);
}
.home-company__box__text p {
  margin: 0 0 calc(var(--h) * 74);
}
.home-company__box__text .more {
  text-align: center;
  text-align: right;
}
.home-company__box__text .more .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .home-company__box__text .more .label {
    font-size: calc(var(--f) * 16);
  }
}
.home-company__box__text .more .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.home-company__box__text .more .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.home-company__box__text .more .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .home-company__box__text .more .label img {
    height: calc(var(--f) * 13);
  }
}
.home-company__box__text .more .label {
  color: #004F99;
}
.home-company__box__text .more .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
@media screen and (min-width: 960.02px) {
  .home-company__box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
  .home-company__box__img {
    width: calc(var(--s) * 648);
    flex-shrink: 0;
    margin-right: calc(var(--s) * 298);
  }
  .home-company__box__text {
    width: 100%;
    padding-bottom: calc(var(--h) * 65);
  }
}
@media screen and (max-width: 960px) {
  .home-company::before {
    top: unset;
    right: calc(var(--s) * 2);
    bottom: 0;
    left: unset;
    margin-left: 0;
    width: calc(var(--s) * 680);
  }
  .home-company__container {
    padding-top: calc(var(--h) * 90);
    padding-bottom: calc(var(--h) * 85);
  }
  .home-company__head {
    margin-bottom: calc(var(--h) * 82);
  }
  .home-company__head h2 img {
    height: calc(var(--f) * 130);
  }
  .home-company__head p {
    font-size: calc(var(--f) * 18);
    line-height: 1.55;
  }
  .home-company__box__text {
    padding: calc(var(--h) * 58) calc(var(--s) * 5) 0;
  }
  .home-company__box__text h2 img {
    height: calc(var(--h) * 45);
  }
  .home-company__box__text p {
    margin-bottom: calc(var(--h) * 48);
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .home-company__box__text p {
    font-size: 14px;
  }
}
.home-company.anime-set::before {
  transition-duration: 1200ms;
  transition-delay: 200ms;
}
.home-company.anime-off::before {
  opacity: 0;
  transform: translateY(calc(var(--h) * 200));
}

.home-contact {
  position: relative;
  overflow: visible;
  z-index: 10;
  color: #fff;
  background: #004F99;
}
.home-contact__text {
  margin: 0 0 calc(var(--s) * 55);
}
.home-contact__text h2 {
  margin: 0 0 calc(var(--h) * 40);
  font-size: calc(var(--f) * 34);
  letter-spacing: 0.025em;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .home-contact__text h2 {
    font-size: calc(var(--f) * 30);
  }
}
.home-contact__text p {
  margin: 0 0 calc(var(--h) * 60);
  text-align: center;
}
.home-contact__text .more {
  text-align: center;
}
.home-contact__text .more a {
  text-align: center;
  display: inline-block;
  width: calc(var(--f) * 320);
  padding-top: 1em;
  padding-bottom: 1em;
  background: #fff;
  border-radius: 999px;
}
.home-contact__text .more a .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .home-contact__text .more a .label {
    font-size: calc(var(--f) * 16);
  }
}
.home-contact__text .more a .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.home-contact__text .more a .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.home-contact__text .more a .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .home-contact__text .more a .label img {
    height: calc(var(--f) * 13);
  }
}
.home-contact__text .more a .label {
  color: #004F99;
}
.home-contact__text .more a .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
.home-contact__text .more a .label {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 960.02px) {
  .home-contact::before, .home-contact::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/home/contact-bg.svg) left center/174px auto no-repeat;
  }
  .home-contact::after {
    transform: scale(-1, 1);
  }
  .home-contact__container {
    width: calc(var(--s) * 1620);
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 10;
    padding: calc(var(--h) * 70) 0 calc(var(--h) * 6);
  }
}
@media screen and (min-width: 960.02px) and (max-width: 960px) {
  .home-contact__container {
    width: 90vw;
  }
}
@media screen and (min-width: 960.02px) {
  .home-contact__container::before, .home-contact__container::after {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    display: block;
    width: calc(var(--s) * 150);
    height: 100%;
  }
  .home-contact__container::before {
    left: 0;
    border-right: 2px solid #fff;
    background: url(../img/home/contact.svg) left calc(var(--s) * 63) center/calc(var(--s) * 74.7) auto no-repeat;
  }
  .home-contact__container::after {
    right: 0;
    border-left: 2px solid #fff;
    background: url(../img/home/contact.svg) right calc(var(--s) * 63) center/calc(var(--s) * 74.7) auto no-repeat;
  }
  .home-contact__text p {
    width: 585px;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 960px) {
  .home-contact {
    padding: calc(var(--h) * 154) 0;
  }
  .home-contact::before, .home-contact::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/home/contact-bg-sp.svg) center top/calc(var(--s) * 318) auto no-repeat;
  }
  .home-contact::after {
    transform: rotate(180deg);
  }
  .home-contact__container {
    padding: calc(var(--h) * 60) 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .home-contact__container::before, .home-contact__container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    display: block;
    width: calc(var(--s) * 150);
    height: calc(var(--s) * 150);
    margin: 0 auto;
    transform: rotate(-90deg);
    background: url(../img/home/contact.svg) center/contain no-repeat;
  }
  .home-contact__container::before {
    top: calc(var(--h) * 50);
  }
  .home-contact__container::after {
    bottom: calc(var(--h) * 50);
  }
  .home-contact__text {
    margin-bottom: 0;
  }
  .home-contact__text h2 {
    font-size: calc(var(--f) * 32);
  }
  .home-contact__text p {
    font-size: calc(var(--f) * 20);
    line-height: 1.9;
  }
  .home-contact__text .more a .label {
    font-size: calc(var(--f) * 20);
  }
}

.home-manufacturing {
  position: relative;
  overflow: visible;
  z-index: 10;
}
.home-manufacturing::before {
  content: "";
  position: absolute;
  right: 0;
  top: -226px;
  opacity: 0.3;
  pointer-events: none;
  z-index: -1;
  display: block;
  width: 1264px;
  aspect-ratio: 1264/2326;
  background: url(../img/home/manufacturing-bg.svg) center right/contain no-repeat;
}
.home-manufacturing__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-bottom: calc(var(--h) * 150);
}
@media screen and (max-width: 960px) {
  .home-manufacturing__container {
    width: 90vw;
  }
}
.home-manufacturing__head h2 {
  position: relative;
  overflow: hidden;
  margin-bottom: calc(var(--h) * 38);
}
.home-manufacturing__head h2 b {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 0 calc(var(--f) * 20);
}
.home-manufacturing__head h2 img {
  position: relative;
  display: block;
  height: calc(var(--f) * 52);
  transition-duration: 600ms;
}
.home-manufacturing__head h2 small {
  position: relative;
  display: block;
  color: #6F7781;
  font-size: calc(var(--f) * 20);
  letter-spacing: 0.025em;
  transition-duration: 600ms;
}
@media screen and (max-width: 960px) {
  .home-manufacturing__head h2 small {
    font-size: calc(var(--f) * 20);
  }
}
.home-manufacturing__head h2.anime-off img {
  transform: translateY(calc(var(--f) * 80));
}
.home-manufacturing__head h2.anime-off small {
  transform: translateY(calc(var(--f) * 30));
}
@media screen and (max-width: 960px) {
  .home-manufacturing__head h2 b {
    margin-bottom: calc(var(--f) * 12);
  }
  .home-manufacturing__head h2 small {
    font-size: calc(var(--f) * 18);
  }
}
.home-manufacturing__head h2 img {
  height: calc(var(--f) * 66);
}
.home-manufacturing__list li img {
  display: block;
  margin: 0 0 calc(var(--h) * 44);
}
.home-manufacturing__list li h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: calc(var(--h) * 14);
  font-size: calc(var(--f) * 24);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .home-manufacturing__list li h3 {
    font-size: calc(var(--f) * 24);
  }
}
.home-manufacturing__list li p {
  margin-bottom: calc(var(--h) * 35);
  line-height: 1.375;
}
.home-manufacturing__list li .more {
  text-align: center;
}
.home-manufacturing__list li .more .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .home-manufacturing__list li .more .label {
    font-size: calc(var(--f) * 16);
  }
}
.home-manufacturing__list li .more .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.home-manufacturing__list li .more .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.home-manufacturing__list li .more .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .home-manufacturing__list li .more .label img {
    height: calc(var(--f) * 13);
  }
}
.home-manufacturing__list li .more .label {
  color: #004F99;
}
.home-manufacturing__list li .more .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
@media screen and (min-width: 960.02px) {
  .home-manufacturing__head {
    position: absolute;
    right: 0;
    top: 0;
  }
  .home-manufacturing__head h2 small {
    text-align: right;
  }
  .home-manufacturing__list ul {
    display: flex;
    justify-content: space-between;
  }
  .home-manufacturing__list li {
    width: calc((100% - var(--s) * 120) / 3);
  }
  .home-manufacturing__list li:nth-child(2) {
    margin-top: 188px;
  }
  .home-manufacturing__list li:nth-child(3) {
    margin-top: 318px;
  }
}
@media screen and (max-width: 960px) {
  .home-manufacturing::before {
    top: calc(var(--s) * 28);
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/home/manufacturing-bg-sp.svg);
    background-position: center top;
  }
  .home-manufacturing__container {
    max-width: 88vw;
    padding-top: calc(var(--h) * 94);
    padding-bottom: calc(var(--h) * 37);
  }
  .home-manufacturing__head h2 b {
    margin-bottom: calc(var(--f) * 4);
  }
  .home-manufacturing__head h2 img {
    height: calc(var(--f) * 106);
  }
  .home-manufacturing__list li {
    margin-bottom: calc(var(--h) * 54);
  }
  .home-manufacturing__list li img {
    margin-bottom: calc(var(--h) * 26);
  }
  .home-manufacturing__list li p {
    margin-bottom: calc(var(--f) * 16);
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .home-manufacturing__list li p {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .home-manufacturing__list li .more .label {
    padding-left: 0;
  }
}
.home-manufacturing.anime-set::before {
  transition-duration: 1200ms;
  transition-delay: 200ms;
}
.home-manufacturing.anime-off::before {
  opacity: 0;
  transform: translateY(calc(var(--h) * 200));
}

.home-oem-odm {
  position: relative;
  overflow: visible;
  z-index: 10;
}
.home-oem-odm::before {
  content: "";
  position: absolute;
  right: 0;
  top: 24px;
  opacity: 0.3;
  pointer-events: none;
  z-index: -1;
  display: block;
  width: 1484px;
  aspect-ratio: 1484/1170;
  background: url(../img/home/oem-odm-bg.svg) center left/contain no-repeat;
}
.home-oem-odm__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-bottom: calc(var(--h) * 164);
}
@media screen and (max-width: 960px) {
  .home-oem-odm__container {
    width: 90vw;
  }
}
.home-oem-odm__text {
  margin: 0 0 calc(var(--s) * 55);
}
.home-oem-odm__text h2 {
  position: relative;
  overflow: hidden;
  margin-bottom: calc(var(--h) * 38);
  margin-bottom: calc(var(--h) * 55);
}
.home-oem-odm__text h2 b {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 0 calc(var(--f) * 20);
}
.home-oem-odm__text h2 img {
  position: relative;
  display: block;
  height: calc(var(--f) * 52);
  transition-duration: 600ms;
}
.home-oem-odm__text h2 small {
  position: relative;
  display: block;
  color: #6F7781;
  font-size: calc(var(--f) * 20);
  letter-spacing: 0.025em;
  transition-duration: 600ms;
}
@media screen and (max-width: 960px) {
  .home-oem-odm__text h2 small {
    font-size: calc(var(--f) * 20);
  }
}
.home-oem-odm__text h2.anime-off img {
  transform: translateY(calc(var(--f) * 80));
}
.home-oem-odm__text h2.anime-off small {
  transform: translateY(calc(var(--f) * 30));
}
@media screen and (max-width: 960px) {
  .home-oem-odm__text h2 b {
    margin-bottom: calc(var(--f) * 12);
  }
  .home-oem-odm__text h2 small {
    font-size: calc(var(--f) * 18);
  }
}
.home-oem-odm__text h2 img {
  height: calc(var(--f) * 51.6);
}
.home-oem-odm__text .more {
  text-align: center;
  text-align: right;
}
.home-oem-odm__text .more .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .home-oem-odm__text .more .label {
    font-size: calc(var(--f) * 16);
  }
}
.home-oem-odm__text .more .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.home-oem-odm__text .more .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.home-oem-odm__text .more .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .home-oem-odm__text .more .label img {
    height: calc(var(--f) * 13);
  }
}
.home-oem-odm__text .more .label {
  color: #004F99;
}
.home-oem-odm__text .more .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
@media screen and (min-width: 960.02px) {
  .home-oem-odm__text {
    width: calc(var(--f) * 800);
    margin-left: calc(100% - var(--f) * 800);
  }
  .home-oem-odm__text h2 img {
    width: calc(100% - var(--f) * 160);
    height: unset;
    margin-left: calc(var(--f) * 160);
  }
  .home-oem-odm__text h2 small {
    text-align: right;
  }
  .home-oem-odm__text p {
    margin-bottom: calc(var(--h) * 80);
    text-align: right;
  }
  .home-oem-odm__img {
    position: relative;
    aspect-ratio: 1620/624;
  }
  .home-oem-odm__img__1, .home-oem-odm__img__2, .home-oem-odm__img__3 {
    position: absolute;
    display: block;
  }
  .home-oem-odm__img__1 {
    left: 0;
    bottom: 0;
    width: calc((100% - var(--s) * 60) * 0.31);
  }
  .home-oem-odm__img__2 {
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    margin: 0 auto;
  }
  .home-oem-odm__img__3 {
    right: 0;
    top: 0;
    width: calc((100% - var(--s) * 60) * 0.31);
  }
}
@media screen and (max-width: 960px) {
  .home-oem-odm::before {
    content: "";
    position: absolute;
    right: 0;
    top: 24px;
    opacity: 0.3;
    z-index: -1;
    display: block;
    width: 1484px;
    aspect-ratio: 1484/1170;
    background: url(../img/home/oem-odm-bg.svg) center left/contain no-repeat;
    top: calc(var(--s) * 106);
    width: 100%;
    height: 100%;
    aspect-ratio: unset;
    background-image: url(../img/home/oem-odm-bg-sp.svg);
    background-position: center top;
  }
  .home-oem-odm__container {
    padding-bottom: calc(var(--h) * 120);
  }
  .home-oem-odm__text {
    padding: 0 calc(var(--s) * 5);
    margin: 0 0 calc(var(--h) * 32);
  }
  .home-oem-odm__text h2 {
    margin-bottom: calc(var(--h) * 35);
  }
  .home-oem-odm__text h2 img {
    height: calc(var(--h) * 96);
    margin-bottom: calc(var(--f) * 10);
  }
  .home-oem-odm__text p {
    margin-bottom: calc(var(--h) * 55);
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .home-oem-odm__text p {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .home-oem-odm__img__1, .home-oem-odm__img__2 {
    margin-bottom: calc(var(--h) * 24);
  }
}
.home-oem-odm.anime-set::before {
  transition-duration: 1200ms;
  transition-delay: 200ms;
}
.home-oem-odm.anime-off::before {
  opacity: 0;
  transform: translateY(calc(var(--h) * 200));
}

.home-planning {
  position: relative;
  overflow: visible;
  z-index: 10;
}
.home-planning::before {
  content: "";
  position: absolute;
  left: 0;
  top: -546px;
  opacity: 0.3;
  pointer-events: none;
  z-index: -1;
  display: block;
  width: 975px;
  aspect-ratio: 975/2101;
  background: url(../img/home/planning-bg.svg) center left/contain no-repeat;
}
.home-planning__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  position: relative;
  margin-bottom: calc(var(--h) * 155);
}
@media screen and (max-width: 960px) {
  .home-planning__container {
    width: 90vw;
  }
}
.home-planning__text h2 {
  position: relative;
  overflow: hidden;
  margin-bottom: calc(var(--h) * 38);
  margin-bottom: calc(var(--h) * 78);
}
.home-planning__text h2 b {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0 0 calc(var(--f) * 20);
}
.home-planning__text h2 img {
  position: relative;
  display: block;
  height: calc(var(--f) * 52);
  transition-duration: 600ms;
}
.home-planning__text h2 small {
  position: relative;
  display: block;
  color: #6F7781;
  font-size: calc(var(--f) * 20);
  letter-spacing: 0.025em;
  transition-duration: 600ms;
}
@media screen and (max-width: 960px) {
  .home-planning__text h2 small {
    font-size: calc(var(--f) * 20);
  }
}
.home-planning__text h2.anime-off img {
  transform: translateY(calc(var(--f) * 80));
}
.home-planning__text h2.anime-off small {
  transform: translateY(calc(var(--f) * 30));
}
@media screen and (max-width: 960px) {
  .home-planning__text h2 b {
    margin-bottom: calc(var(--f) * 12);
  }
  .home-planning__text h2 small {
    font-size: calc(var(--f) * 18);
  }
}
.home-planning__text h2 img {
  height: calc(var(--f) * 65.2);
}
.home-planning__text p {
  margin-bottom: calc(var(--h) * 80);
}
.home-planning__text .more {
  text-align: center;
  text-align: right;
}
.home-planning__text .more .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .home-planning__text .more .label {
    font-size: calc(var(--f) * 16);
  }
}
.home-planning__text .more .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.home-planning__text .more .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.home-planning__text .more .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .home-planning__text .more .label img {
    height: calc(var(--f) * 13);
  }
}
.home-planning__text .more .label {
  color: #004F99;
}
.home-planning__text .more .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
@media screen and (min-width: 960.02px) {
  .home-planning__text {
    padding-right: calc(var(--s) * 760);
    padding-bottom: calc(var(--s) * 500);
  }
  .home-planning__img__1 {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: calc(var(--s) * 600);
  }
  .home-planning__img__2 {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: calc(var(--s) * 860);
  }
}
@media screen and (max-width: 960px) {
  .home-planning::before {
    top: calc(var(--s) * -190);
    width: 100%;
    height: 150%;
    aspect-ratio: unset;
    background-image: url(../img/home/planning-bg-sp.svg);
    background-position: center top;
  }
  .home-planning__container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 calc(var(--s) * 205);
    margin-bottom: calc(var(--h) * 116);
  }
  .home-planning__text {
    padding: 0 calc(var(--s) * 5);
  }
  .home-planning__text h2 {
    margin-bottom: calc(var(--h) * 40);
  }
  .home-planning__text h2 img {
    height: calc(var(--f) * 108);
  }
  .home-planning__text p {
    margin-bottom: calc(var(--h) * 50);
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .home-planning__text p {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .home-planning__img {
    order: -1;
    margin-bottom: calc(var(--h) * 50);
  }
  .home-planning__img__2 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
.home-planning.anime-set {
  transition-duration: 1200ms;
  transition-delay: 0ms;
}
.home-planning.anime-set::before {
  transition-duration: 1200ms;
  transition-delay: 200ms;
}
.home-planning.anime-off {
  opacity: 0;
  transform: translateY(calc(var(--h) * 200));
}
.home-planning.anime-off::before {
  opacity: 0;
  transform: translateY(calc(var(--h) * 200));
}

.page-title {
  position: relative;
  z-index: 100;
  background: #004F99;
}
.page-title__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 1420px;
  max-width: 90vw;
}
@media screen and (max-width: 960px) {
  .page-title__container {
    width: 90vw;
  }
}
.page-title__text {
  padding: 0 0 calc(var(--h) * 95);
  color: #fff;
}
.page-title__text b.en {
  display: block;
  padding: calc(var(--h) * 92) 0 0;
  margin: 0 0 calc(var(--f) * 34);
}
.page-title__text b.en img {
  display: block;
  height: calc(var(--f) * 48);
}
.page-title__text b.ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  padding: calc(var(--h) * 80) 0 0;
  margin: 0 0 calc(var(--f) * 24);
  font-size: calc(var(--f) * 34);
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .page-title__text b.ja {
    font-size: calc(var(--f) * 30);
  }
}
.page-title__text small {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  font-size: calc(var(--f) * 20);
}
.page-title__text--privacy b.en, .page-title__text--manufacturing b.en, .page-title__text--sustainability b.en, .page-title__text--planning-production b.en, .page-title__text--overview b.en, .page-title__text--factory b.en {
  margin-bottom: calc(var(--f) * 17);
}
.page-title__text--privacy b.en img, .page-title__text--manufacturing b.en img, .page-title__text--sustainability b.en img, .page-title__text--planning-production b.en img, .page-title__text--overview b.en img, .page-title__text--factory b.en img {
  height: calc(var(--f) * 65);
}
.page-title__text--oem-odm b.en {
  margin-bottom: calc(var(--f) * 40);
}
.page-title__text--oem-odm b.en img {
  height: calc(var(--f) * 44);
}
.page-title__topicpath {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: absolute;
  left: 0;
  top: 100%;
  color: #6F7781;
}
.page-title__topicpath ul {
  display: flex;
  flex-wrap: wrap;
  padding: calc(var(--f) * 36) 0;
}
.page-title__topicpath li {
  font-size: calc(var(--f) * 11);
}
.page-title__topicpath li::after {
  content: ">";
  display: inline-block;
  margin: 0 0.3em;
}
.page-title__topicpath li:last-child::after {
  display: none;
}
@media screen and (min-width: 960.02px) {
  .main.main--news .page-title__text {
    padding: calc(var(--h) * 26) 0;
  }
  .main.main--news .page-title__text b.en {
    padding: 0;
    margin: 0 0 calc(var(--f) * 15);
  }
  .main.main--news .page-title__text b.en img {
    height: calc(var(--f) * 32);
  }
  .main.main--news .page-title__text small {
    font-size: calc(var(--f) * 16);
  }
  .page-title .news-cate {
    display: none;
  }
}
@media screen and (max-width: 960px) {
  .page-title__text {
    padding-bottom: calc(var(--h) * 45);
  }
  .page-title__text b.en {
    padding-top: calc(var(--h) * 43);
    margin-bottom: calc(var(--f) * 6);
  }
  .page-title__text b.en img {
    height: calc(var(--f) * 22);
  }
  .page-title__text b.ja {
    padding-top: calc(var(--h) * 25);
    margin-bottom: 0;
  }
  .page-title__text small {
    font-size: calc(var(--f) * 15);
  }
  .page-title__text--privacy b.en, .page-title__text--manufacturing b.en, .page-title__text--sustainability b.en, .page-title__text--planning-production b.en, .page-title__text--overview b.en, .page-title__text--factory b.en {
    margin-bottom: 0;
  }
  .page-title__text--privacy b.en img, .page-title__text--manufacturing b.en img, .page-title__text--sustainability b.en img, .page-title__text--planning-production b.en img, .page-title__text--overview b.en img, .page-title__text--factory b.en img {
    height: calc(var(--f) * 29);
  }
  .page-title__topicpath ul {
    padding: calc(var(--f) * 10) 0;
  }
  .page-title .news-cate {
    margin: 0 -5vw;
  }
}

.main.main--news .breadcrumbs_list {
  padding: calc(var(--f) * 13) 0;
}

.single-post .page-title .page-title__topicpath {
  display: none;
}

.single-post .news-detail .page-title__topicpath {
  position: relative;
  left: unset;
  top: unset;
}

.aboutus-info {
  position: relative;
  overflow: hidden;
}
.aboutus-info__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 150) 0 calc(var(--h) * 195);
}
@media screen and (max-width: 960px) {
  .aboutus-info__container {
    width: 90vw;
  }
}
.aboutus-info__head {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: calc(var(--f) * 34);
  display: block;
  padding: 0 0 calc(var(--h) * 22);
  margin: 0 0 calc(var(--h) * 100);
  text-align: center;
}
.aboutus-info__head::before, .aboutus-info__head::after {
  content: "";
  position: absolute;
  top: 100%;
  background: #004F99;
}
.aboutus-info__head::before {
  width: 100vw;
  height: 2px;
}
.aboutus-info__head::after {
  width: calc(var(--vw, 1vw) * 71.3);
  height: 1px;
  margin-top: 1px;
  transform: rotate(-0.5deg);
  transform-origin: right top;
}
@media only screen and (min-width: 960.02px) and (min-width: 1544.02px) {
  .aboutus-info__head::before, .aboutus-info__head::after {
    right: calc((var(--vw, 1vw) * 100 - 1420px) * -0.5);
  }
}
@media only screen and (min-width: 960.02px) and (min-width: 1920.01px) {
  .aboutus-info__head::before, .aboutus-info__head::after {
    right: -250px;
  }
  .aboutus-info__head::before {
    width: 1920px;
  }
  .aboutus-info__head::after {
    width: 1368.96px;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1544px) {
  .aboutus-info__head::before, .aboutus-info__head::after {
    right: -5vw;
  }
}
@media screen and (max-width: 960px) {
  .aboutus-info__head::before {
    right: -5vw;
  }
  .aboutus-info__head::after {
    right: -5vw;
    width: 94vw;
    transform: rotate(-3deg);
  }
}
@media screen and (max-width: 960px) {
  .aboutus-info__head {
    font-size: calc(var(--f) * 30);
  }
}
.aboutus-info__data {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}
.aboutus-info__data table {
  width: 100%;
}
.aboutus-info__data table iframe {
  display: block;
  width: 100%;
  height: calc(var(--h) * 330);
}
@media screen and (min-width: 960.02px) {
  .aboutus-info__data table {
    border-top: 1px solid #6F7781;
  }
  .aboutus-info__data table th, .aboutus-info__data table td {
    padding: calc(var(--h) * 36) calc(var(--s) * 76);
    border-bottom: 1px solid #6F7781;
    vertical-align: top;
  }
  .aboutus-info__data table td {
    padding-left: 0;
  }
}
@media screen and (max-width: 960px) {
  .aboutus-info__container {
    padding-top: calc(var(--h) * 60);
    padding-bottom: calc(var(--h) * 72);
  }
  .aboutus-info__data table th, .aboutus-info__data table td {
    display: block;
    padding-right: 1em;
    padding-left: 1em;
    font-size: calc(var(--f) * 20);
  }
  .aboutus-info__data table th {
    padding-top: 1.5em;
    padding-bottom: 0.6em;
    border-top: 1px solid #6F7781;
  }
  .aboutus-info__data table td {
    padding-bottom: 1.5em;
  }
  .aboutus-info__data table iframe {
    height: calc(var(--h) * 200);
  }
}

.aboutus-message {
  position: relative;
  overflow: hidden;
  background: #F7F6F3;
}
.aboutus-message__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 165) 0 calc(var(--h) * 140);
}
@media screen and (max-width: 960px) {
  .aboutus-message__container {
    width: 90vw;
  }
}
.aboutus-message__head {
  position: relative;
  padding: 0 0 calc(var(--h) * 26);
  margin: 0 0 calc(var(--h) * 100);
}
.aboutus-message__head::before, .aboutus-message__head::after {
  content: "";
  position: absolute;
  top: 100%;
  background: #004F99;
}
.aboutus-message__head::before {
  width: 100vw;
  height: 2px;
}
.aboutus-message__head::after {
  width: calc(var(--vw, 1vw) * 71.3);
  height: 1px;
  margin-top: 1px;
  transform: rotate(-0.5deg);
  transform-origin: right top;
}
@media only screen and (min-width: 960.02px) and (min-width: 1544.02px) {
  .aboutus-message__head::before, .aboutus-message__head::after {
    right: calc((var(--vw, 1vw) * 100 - 1420px) * -0.5);
  }
}
@media only screen and (min-width: 960.02px) and (min-width: 1920.01px) {
  .aboutus-message__head::before, .aboutus-message__head::after {
    right: -250px;
  }
  .aboutus-message__head::before {
    width: 1920px;
  }
  .aboutus-message__head::after {
    width: 1368.96px;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1544px) {
  .aboutus-message__head::before, .aboutus-message__head::after {
    right: -5vw;
  }
}
@media screen and (max-width: 960px) {
  .aboutus-message__head::before {
    right: -5vw;
  }
  .aboutus-message__head::after {
    right: -5vw;
    width: 94vw;
    transform: rotate(-3deg);
  }
}
.aboutus-message__head .en {
  display: block;
  margin: 0 0 calc(var(--f) * 16);
  text-align: center;
}
.aboutus-message__head .en img {
  display: inline-block;
  height: calc(var(--f) * 33);
}
.aboutus-message__head .ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  color: #6F7781;
  font-size: calc(var(--f) * 18);
  text-align: center;
}
.aboutus-message__text {
  line-height: 1.65;
}
.aboutus-message__text p {
  margin: 0 0 1.65em;
}
.aboutus-message__text p.top {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 0 1.4em;
  font-size: calc(var(--f) * 34);
  line-height: 1.45;
  letter-spacing: 0;
  text-align: left;
}
@media screen and (max-width: 960px) {
  .aboutus-message__text p.top {
    font-size: calc(var(--f) * 30);
  }
}
.aboutus-message__text p.name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin-top: calc(var(--h) * 60);
  font-size: calc(var(--f) * 18);
  text-align: right;
}
@media screen and (max-width: 960px) {
  .aboutus-message__text p.name {
    font-size: calc(var(--f) * 18);
  }
}
.aboutus-message__text p.name b {
  display: inline-block;
  margin-left: 1em;
  font-size: 1.25em;
}
@media screen and (min-width: 960.02px) {
  .aboutus-message__text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
  }
  .aboutus-message__text p:last-child {
    margin-bottom: 0;
  }
  .aboutus-message__text__1 {
    order: -2;
    width: 50%;
    padding-bottom: 0.5em;
  }
  .aboutus-message__text__2 {
    width: 100%;
    margin-top: calc(var(--h) * 60);
  }
  .aboutus-message__text__photo {
    order: -1;
    width: 45.8%;
  }
}
@media screen and (max-width: 960px) {
  .aboutus-message__container {
    padding-top: calc(var(--h) * 60);
  }
  .aboutus-message__head {
    margin-bottom: calc(var(--h) * 140);
  }
  .aboutus-message__head .en img {
    height: calc(var(--f) * 26);
  }
  .aboutus-message__head .ja {
    font-size: calc(var(--f) * 14);
  }
  .aboutus-message__text {
    display: flex;
    flex-wrap: wrap;
    padding: 0 calc(var(--s) * 5);
  }
  .aboutus-message__text p {
    font-size: calc(var(--f) * 18);
  }
  .aboutus-message__text p.top {
    margin-bottom: 1.7em;
    font-size: calc(var(--f) * 48);
  }
  .aboutus-message__text__1 {
    width: 100%;
  }
  .aboutus-message__text__2 {
    width: 100%;
    order: 99;
  }
  .aboutus-message__text__photo {
    width: 100%;
    padding: calc(var(--h) * 10) 0 calc(var(--h) * 40);
  }
}

.aboutus-philosophy {
  position: relative;
  overflow: hidden;
}
.aboutus-philosophy__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  max-width: 90vw;
  padding-top: calc(var(--h) * 134);
}
@media screen and (max-width: 960px) {
  .aboutus-philosophy__container {
    width: 90vw;
  }
}
.aboutus-philosophy__item {
  position: relative;
  margin: 0 0 calc(var(--h) * 90);
}
.aboutus-philosophy__title {
  padding: 0 0 calc(var(--h) * 26);
  margin: 0 0 calc(var(--h) * 25);
}
.aboutus-philosophy__title .en {
  display: block;
  margin: 0 0 calc(var(--f) * 8);
}
.aboutus-philosophy__title .en img {
  display: inline-block;
  height: calc(var(--f) * 28);
}
.aboutus-philosophy__title .ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  color: #6F7781;
  font-size: calc(var(--f) * 20);
}
.aboutus-philosophy__catch {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding-top: calc(var(--s) * 10);
  margin: 0 0 calc(var(--h) * 25);
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .aboutus-philosophy__catch {
    font-size: calc(var(--f) * 20);
  }
}
.aboutus-philosophy__text {
  line-height: 1.65;
}
@media screen and (min-width: 960.02px) {
  .aboutus-philosophy__item {
    padding-left: calc(var(--s) * 360);
  }
  .aboutus-philosophy__title {
    position: absolute;
    left: 0;
    top: calc(var(--h) * 13);
  }
}
@media screen and (max-width: 960px) {
  .aboutus-philosophy__container {
    max-width: 88vw;
    padding-top: calc(var(--h) * 134);
  }
  .aboutus-philosophy__title .en {
    margin-bottom: calc(var(--f) * 4);
  }
  .aboutus-philosophy__title .en img {
    height: calc(var(--f) * 21);
  }
  .aboutus-philosophy__title .ja {
    font-size: calc(var(--f) * 14);
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .aboutus-philosophy__title .ja {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .aboutus-philosophy__catch {
    font-size: calc(var(--f) * 24);
    line-height: 1.67;
  }
  .aboutus-philosophy__text {
    font-size: calc(var(--f) * 18);
  }
}

.aboutus-history {
  position: relative;
  overflow: hidden;
  background: #F7F6F3;
}
.aboutus-history__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 136) 0 calc(var(--h) * 195);
}
@media screen and (max-width: 960px) {
  .aboutus-history__container {
    width: 90vw;
  }
}
.aboutus-history__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: calc(var(--f) * 34);
  display: block;
  margin: 0 0 calc(var(--h) * 30);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .aboutus-history__head {
    font-size: calc(var(--f) * 30);
  }
}
.aboutus-history__text {
  font-size: calc(var(--f) * 20);
  margin: 0 0 calc(var(--h) * 120);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .aboutus-history__text {
    font-size: calc(var(--f) * 20);
  }
}
.aboutus-history__timeline__item {
  position: relative;
  padding: 0 0 calc(var(--h) * 160) calc(var(--s) * 140);
}
.aboutus-history__timeline__item::before {
  content: "";
  position: absolute;
  left: calc(var(--s) * 55);
  top: calc(var(--h) * 90);
  width: 2px;
  height: calc(100% - var(--h) * 120);
  background: url(../img/overview/history-border.svg) left top/contain repeat-y;
}
.aboutus-history__timeline__item .y {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--s) * 112);
}
.aboutus-history__timeline__item .y img {
  display: block;
  height: calc(var(--f) * 30);
  margin: 0 auto calc(var(--f) * 5);
}
.aboutus-history__timeline__item .y span {
  display: block;
  color: #004F99;
  text-align: center;
}
.aboutus-history__timeline__item .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: calc(var(--f) * 18);
  display: inline-block;
  padding: 0 1em 0.5em 0;
  margin: 0 0 1em;
  line-height: 1.5;
  border-bottom: 2px solid #004F99;
}
@media screen and (max-width: 960px) {
  .aboutus-history__timeline__item .title {
    font-size: calc(var(--f) * 18);
  }
}
.aboutus-history__timeline__item .title p {
  margin-bottom: 1em;
}
.aboutus-history__timeline__item .title p:last-child {
  margin-bottom: 0;
}
.aboutus-history__timeline__item .m th, .aboutus-history__timeline__item .m td {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.aboutus-history__timeline__item .m th {
  padding: 0 1em 0 0;
  white-space: nowrap;
}
@media screen and (min-width: 960.02px) {
  .aboutus-history__timeline {
    display: flex;
    justify-content: space-between;
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
  }
  .aboutus-history__timeline__item .photo {
    display: none;
  }
  .aboutus-history__timeline__item .m tr:first-child th, .aboutus-history__timeline__item .m tr:first-child td {
    padding-top: calc(var(--h) * 10);
  }
  .aboutus-history__timeline__photo {
    flex-shrink: 0;
    padding: calc(var(--f) * 198) calc(var(--s) * 10) 0 calc(var(--s) * 60);
  }
}
@media screen and (max-width: 960px) {
  .aboutus-history__container {
    padding-top: calc(var(--h) * 116);
    padding-bottom: calc(var(--h) * 96);
  }
  .aboutus-history__head {
    margin-bottom: calc(var(--h) * 20);
  }
  .aboutus-history__text {
    margin-bottom: calc(var(--h) * 86);
    font-size: calc(var(--f) * 18);
  }
  .aboutus-history__timeline__item {
    padding-left: calc(var(--s) * 78);
    padding-bottom: calc(var(--h) * 94);
  }
  .aboutus-history__timeline__item::before {
    left: calc(var(--s) * 24);
  }
  .aboutus-history__timeline__item .photo img {
    display: block;
    width: 100%;
    margin: 0 0 calc(var(--h) * 20);
  }
  .aboutus-history__timeline__item .y {
    width: calc(var(--s) * 54);
  }
  .aboutus-history__timeline__item .y img {
    height: calc(var(--f) * 20);
  }
  .aboutus-history__timeline__item .y span {
    font-size: calc(var(--f) * 14);
  }
  .aboutus-history__timeline__item .title {
    line-height: 1.44;
  }
  .aboutus-history__timeline__item .m th, .aboutus-history__timeline__item .m td {
    font-size: calc(var(--f) * 14);
    display: block;
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .aboutus-history__timeline__item .m th, .aboutus-history__timeline__item .m td {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .aboutus-history__timeline__item:first-child {
    padding-bottom: calc(var(--h) * 160);
  }
  .aboutus-history__timeline__photo {
    display: none;
  }
}

.aboutus-coc {
  position: relative;
}
.aboutus-coc__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  max-width: 90vw;
  padding: calc(var(--h) * 67) 0 calc(var(--h) * 140);
  border-top: 1px solid #6F7781;
}
@media screen and (max-width: 960px) {
  .aboutus-coc__container {
    width: 90vw;
  }
}
.aboutus-coc__head .en {
  display: block;
  margin: 0 0 calc(var(--f) * 8);
}
.aboutus-coc__head .en img {
  display: inline-block;
  height: calc(var(--f) * 60);
}
.aboutus-coc__head .ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  color: #6F7781;
  font-size: calc(var(--f) * 20);
}
.aboutus-coc__text {
  line-height: 1.44;
}
.aboutus-coc__doc {
  text-align: center;
  margin-top: calc(var(--h) * 70);
}
.aboutus-coc__doc .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .aboutus-coc__doc .label {
    font-size: calc(var(--f) * 16);
  }
}
.aboutus-coc__doc .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.aboutus-coc__doc .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.aboutus-coc__doc .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .aboutus-coc__doc .label img {
    height: calc(var(--f) * 13);
  }
}
.aboutus-coc__doc .label {
  padding-left: 0;
  font-size: calc(var(--f) * 18);
  text-decoration: underline;
}
@media screen and (min-width: 960.02px) {
  .aboutus-coc__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
  .aboutus-coc__head {
    padding: calc(var(--h) * 26) calc(var(--s) * 42) calc(var(--h) * 10) 0;
    border-right: 1px solid #6F7781;
  }
  .aboutus-coc__text {
    width: calc(100% - var(--f) * 500);
  }
  .aboutus-coc__doc {
    width: 100%;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1280px) {
  .aboutus-coc__text {
    width: calc(100% - var(--f) * 400);
  }
}
@media screen and (max-width: 960px) {
  .aboutus-coc__container {
    padding: calc(var(--h) * 82) calc(var(--s) * 5) calc(var(--h) * 140);
  }
  .aboutus-coc__head .en {
    margin-bottom: calc(var(--f) * 4);
  }
  .aboutus-coc__head .en img {
    height: calc(var(--f) * 46);
  }
  .aboutus-coc__head .ja {
    font-size: calc(var(--f) * 14);
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .aboutus-coc__head .ja {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .aboutus-coc__head::after {
    content: "";
    display: block;
    width: calc(var(--s) * 80);
    height: 1px;
    margin: calc(var(--h) * 52) 0 calc(var(--h) * 40);
    background: #6F7781;
  }
  .aboutus-coc__text {
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .aboutus-coc__text {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .aboutus-coc__doc .label {
    font-size: calc(var(--f) * 16);
  }
}

.sustainability-effort .aboutus-coc__container {
  padding-bottom: calc(var(--h) * 70);
  border-bottom: 1px solid #6F7781;
}

.news-list {
  position: relative;
  overflow: hidden;
}
.news-list__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 142) 0;
}
@media screen and (max-width: 960px) {
  .news-list__container {
    width: 90vw;
  }
}
.news-list__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 62);
  text-align: center;
}
.news-list__head h2 {
  position: relative;
  padding: 0 0 calc(var(--f) * 30);
  font-size: calc(var(--f) * 34);
}
@media screen and (max-width: 960px) {
  .news-list__head h2 {
    font-size: calc(var(--f) * 30);
  }
}
.news-list__head h2::before, .news-list__head h2::after {
  content: "";
  position: absolute;
  top: 100%;
  background: #004F99;
}
.news-list__head h2::before {
  width: 100vw;
  height: 2px;
}
.news-list__head h2::after {
  width: 94%;
  height: 1px;
  margin-top: 1px;
  transform: rotate(-1deg);
  transform-origin: right top;
}
.news-list__list {
  margin: 0 0 calc(var(--h) * 134);
}
.news-list__list__link {
  transition-duration: 300ms;
  position: relative;
  display: flex;
  align-items: center;
  align-content: center;
  padding: calc(var(--f) * 27) 0;
}
.news-list__list__link:hover {
  opacity: 0.7;
}
.news-list__list__link::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(var(--s) * 80);
  bottom: 0;
  display: block;
  width: calc(var(--f) * 21.5);
  aspect-ratio: 1/1;
  margin: auto 0;
  background: url(../img/_common/arrow-black.svg) center/contain no-repeat;
}
.news-list__list__link .cate {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: calc(var(--s) * 166);
  flex-shrink: 0;
  color: #004F99;
  line-height: 1.7;
  text-align: center;
  white-space: nowrap;
  border-radius: calc(var(--f) * 7);
  border: 2px solid #004F99;
}
.news-list__list__link .date {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  flex-shrink: 0;
  margin: 0 1em 0 2em;
  white-space: nowrap;
}
.news-list__list__link .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: 100%;
  padding-right: calc(var(--s) * 130);
}
.news-list__pager {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: flex;
  justify-content: center;
  margin: 0 0 calc(var(--h) * 60);
}
.news-list__pager .page-numbers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--f) * 62);
  aspect-ratio: 1/1;
  margin: 0 calc(var(--s) * 10);
  font-size: calc(var(--f) * 20);
  letter-spacing: 0;
}
.news-list__pager .page-numbers.current::after {
  content: "";
  position: absolute;
  top: calc(50% + 0.7em);
  right: 0;
  left: 0;
  display: block;
  width: 0.9em;
  height: 3px;
  margin: 0 auto;
  background: #004F99;
}
.news-list__pager .page-numbers.dots {
  width: calc(var(--f) * 20);
  margin: 0;
  color: #A5A5A5;
}
.news-list__pager .page-numbers.prev::after, .news-list__pager .page-numbers.next::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.1em;
  display: block;
  width: 0.75em;
  aspect-ratio: 15/17;
  margin: auto 0;
  background: #6F7781;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.news-list__pager .page-numbers.prev {
  transform: scale(-1, 1);
}
.news-list__pager .page-numbers:hover {
  color: #004F99;
}
.news-list__pager .page-numbers:hover.prev::after, .news-list__pager .page-numbers:hover.next::after {
  background: #004F99;
}
.news-list__back {
  text-align: center;
  text-align: center;
}
.news-list__back .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .news-list__back .label {
    font-size: calc(var(--f) * 16);
  }
}
.news-list__back .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.news-list__back .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.news-list__back .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .news-list__back .label img {
    height: calc(var(--f) * 13);
  }
}
.news-list__back .label {
  color: #004F99;
}
.news-list__back .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
.news-list__back .label {
  padding-left: 0;
}
.news-list__recruit__box {
  max-width: 1020px;
  background: #004F99;
}
.news-list__recruit__text {
  padding: calc(var(--h) * 72) 2em calc(var(--h) * 40);
  color: #fff;
  text-align: center;
  transition-duration: 300ms;
}
.news-list__recruit__text .title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--f) * 18);
  font-size: calc(var(--f) * 32);
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.news-list__recruit__text .text {
  margin: 0 0 calc(var(--f) * 50);
  line-height: 1.44;
}
.news-list__recruit__text .btn {
  text-align: center;
}
.news-list__recruit__text .btn .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .news-list__recruit__text .btn .label {
    font-size: calc(var(--f) * 16);
  }
}
.news-list__recruit__text .btn .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.news-list__recruit__text .btn .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.news-list__recruit__text .btn .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .news-list__recruit__text .btn .label img {
    height: calc(var(--f) * 13);
  }
}
.news-list__recruit__text .btn .label {
  color: #fff;
}
.news-list__recruit__text .btn .label::after {
  background-image: url(../img/_common/btn-arrow-white.svg);
}
@media screen and (min-width: 960.02px) {
  .news-list__container {
    padding-right: 230px;
  }
  .news-list__head h2::before, .news-list__head h2::after {
    right: calc((var(--vw, 1vw) * 100 - 2180px) * -0.5 - 230px);
  }
  .news-list__recruit__box {
    display: flex;
  }
  .news-list__recruit__photo {
    position: relative;
    width: 44%;
    flex-shrink: 0;
  }
  .news-list__recruit__photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .news-list__recruit__text {
    width: 100%;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1720px) {
  .news-list__container {
    padding-right: 380px;
  }
  .news-list__head h2::before, .news-list__head h2::after {
    right: calc((var(--vw, 1vw) * 100 - 2180px) * -0.5 - 380px);
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1556px) {
  .news-list__head h2::before, .news-list__head h2::after {
    right: -4.37vw;
  }
}
@media screen and (max-width: 960px) {
  .news-list__container {
    padding-top: calc(var(--h) * 76);
  }
  .news-list__head {
    text-align: left;
  }
  .news-list__head h2 {
    padding-bottom: calc(var(--h) * 22);
    line-height: 1.6;
  }
  .news-list__head h2::before, .news-list__head h2::after {
    right: -5vw;
  }
  .news-list__head h2::after {
    width: 80%;
  }
  .news-list__list {
    margin-bottom: calc(var(--h) * 40);
  }
  .news-list__list__link {
    display: block;
    padding: calc(var(--h) * 10) calc(var(--f) * 40) calc(var(--h) * 40) 0;
    text-align: left;
  }
  .news-list__list__link::after {
    right: 0;
  }
  .news-list__list__link .cate {
    display: inline-block;
    width: calc(var(--s) * 140);
    margin: 0 calc(100% - var(--s) * 140) calc(var(--h) * 20) 0;
  }
  .news-list__list__link .date {
    display: inline;
    margin: 0;
    font-size: calc(var(--f) * 18);
  }
  .news-list__list__link .title {
    display: inline;
    padding-right: 0;
    font-size: calc(var(--f) * 18);
  }
  .news-list__recruit__text {
    padding: calc(var(--h) * 50) 0 calc(var(--h) * 70);
  }
  .news-list__recruit__text .text {
    margin-bottom: calc(var(--f) * 60);
  }
  .news-list__recruit__text .btn {
    margin-right: 2em;
  }
  .news-list__recruit__text .btn .label {
    padding-left: 1.5em;
  }
  .news-list__pager {
    margin-bottom: calc(var(--h) * 170);
  }
  .news-list__pager .page-numbers {
    width: calc(var(--f) * 40);
    font-size: calc(var(--f) * 16);
    margin: 0;
  }
  .news-list__pager .page-numbers.prev {
    margin-right: calc(var(--f) * 30);
  }
  .news-list__pager .page-numbers.next {
    margin-left: calc(var(--f) * 30);
  }
}

.news-detail {
  position: relative;
  overflow: hidden;
}
.news-detail__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: 0 0 calc(var(--h) * 142);
}
@media screen and (max-width: 960px) {
  .news-detail__container {
    width: 90vw;
  }
}
.news-detail__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 55);
}
.news-detail__head h2 {
  position: relative;
  padding: 0 0 calc(var(--f) * 17);
  font-size: calc(var(--f) * 24);
}
.news-detail__head h2::before, .news-detail__head h2::after {
  content: "";
  position: absolute;
  top: 100%;
  background: #004F99;
}
.news-detail__head h2::before {
  width: 100vw;
  height: 2px;
}
.news-detail__head h2::after {
  width: 94%;
  height: 1px;
  margin-top: 1px;
  transform: rotate(-1deg);
  transform-origin: right top;
}
.news-detail__thumb {
  margin: 0 0 calc(var(--h) * 36);
}
.news-detail__thumb img {
  display: block;
  width: 1020px;
  max-width: 100%;
}
.news-detail__date {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  margin: 0 0 calc(var(--h) * 40);
}
.news-detail__date time {
  margin: 0 1.75em 0 0;
  color: #6F7781;
}
.news-detail__date .cate {
  display: flex;
  flex-wrap: wrap;
}
.news-detail__date .cate li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: calc(var(--s) * 166);
  flex-shrink: 0;
  margin: 0 1em 0 0;
  color: #004F99;
  line-height: 1.75;
  text-align: center;
  white-space: nowrap;
  border-radius: calc(var(--f) * 7);
  border: 2px solid #004F99;
}
.news-detail__contents {
  margin: 0 0 calc(var(--h) * 130);
}
.news-detail__contents > * {
  margin: 0 0 1.68em;
}
.news-detail__contents h1, .news-detail__contents h2, .news-detail__contents h3, .news-detail__contents h4, .news-detail__contents h5, .news-detail__contents h6 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.news-detail__contents h1 {
  font-size: 1.32em;
}
.news-detail__contents h2 {
  font-size: 1.27em;
}
.news-detail__contents h3 {
  font-size: 1.22em;
}
.news-detail__contents h4 {
  font-size: 1.17em;
}
.news-detail__contents h5 {
  font-size: 1.12em;
}
.news-detail__contents h6 {
  font-size: 1.07em;
}
.news-detail__contents a {
  color: #004F99;
  text-decoration: underline;
}
.news-detail__pager {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  padding: 0 calc(var(--f) * 26);
  max-width: 1020px;
}
.news-detail__pager .back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: inline-block;
  margin: auto;
  text-align: center;
  transition-duration: 300ms;
}
.news-detail__pager .back:hover {
  color: #004F99;
}
.news-detail__pager .prev {
  text-align: center;
}
.news-detail__pager .prev .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .news-detail__pager .prev .label {
    font-size: calc(var(--f) * 16);
  }
}
.news-detail__pager .prev .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.news-detail__pager .prev .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.news-detail__pager .prev .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .news-detail__pager .prev .label img {
    height: calc(var(--f) * 13);
  }
}
.news-detail__pager .prev .label {
  color: #004F99;
}
.news-detail__pager .prev .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
.news-detail__pager .prev .label::after {
  right: calc(100% - 1.36em);
  left: unset;
  background-image: url(../img/_common/btn-arrow-blue-reverse.svg);
  background-position: left bottom 1px;
}
.news-detail__pager .prev .label {
  color: #343C46;
}
.news-detail__pager .next {
  text-align: center;
}
.news-detail__pager .next .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .news-detail__pager .next .label {
    font-size: calc(var(--f) * 16);
  }
}
.news-detail__pager .next .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.news-detail__pager .next .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.news-detail__pager .next .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .news-detail__pager .next .label img {
    height: calc(var(--f) * 13);
  }
}
.news-detail__pager .next .label {
  color: #004F99;
}
.news-detail__pager .next .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
.news-detail__pager .next .label {
  color: #343C46;
}
@media screen and (min-width: 960.02px) {
  .news-detail__container {
    padding-right: 230px;
  }
  .news-detail__head h2::before, .news-detail__head h2::after {
    right: calc((var(--vw, 1vw) * 100 - 2180px) * -0.5 - 230px);
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1720px) {
  .news-detail__container {
    padding-right: 380px;
  }
  .news-detail__head h2::before, .news-detail__head h2::after {
    right: calc((var(--vw, 1vw) * 100 - 2180px) * -0.5 - 380px);
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1556px) {
  .news-detail__head h2::before, .news-detail__head h2::after {
    right: -4.37vw;
  }
}
@media screen and (max-width: 960px) {
  .news-detail__container {
    padding-bottom: calc(var(--h) * 100);
  }
  .news-detail__head {
    margin-bottom: calc(var(--h) * 45);
  }
  .news-detail__head h2 {
    padding-bottom: calc(var(--h) * 15);
    line-height: 1.6;
  }
  .news-detail__head h2::before, .news-detail__head h2::after {
    right: -5vw;
  }
  .news-detail__head h2::after {
    width: 80%;
  }
  .news-detail__thumb {
    margin-bottom: calc(var(--h) * 16);
  }
  .news-detail__thumb img {
    display: block;
    width: 1020px;
    max-width: 100%;
  }
  .news-detail__date {
    margin-bottom: calc(var(--h) * 60);
  }
  .news-detail__date time {
    margin: 0 0 1em;
  }
  .news-detail__date .cate {
    display: flex;
    flex-wrap: wrap;
  }
  .news-detail__date .cate li {
    width: calc(var(--s) * 140);
  }
  .news-detail__contents {
    font-size: calc(var(--f) * 18);
    margin-bottom: calc(var(--h) * 80);
  }
  .news-detail__contents > * {
    margin: 0 0 1.68em;
  }
  .news-detail__contents h1, .news-detail__contents h2, .news-detail__contents h3, .news-detail__contents h4, .news-detail__contents h5, .news-detail__contents h6 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  .news-detail__contents h1 {
    font-size: 1.32em;
  }
  .news-detail__contents h2 {
    font-size: 1.27em;
  }
  .news-detail__contents h3 {
    font-size: 1.22em;
  }
  .news-detail__contents h4 {
    font-size: 1.17em;
  }
  .news-detail__contents h5 {
    font-size: 1.12em;
  }
  .news-detail__contents h6 {
    font-size: 1.07em;
  }
  .news-detail__pager {
    padding: 0 0 calc(var(--h) * 100);
  }
  .news-detail__pager .back {
    top: unset;
    margin-top: unset;
    margin-bottom: unset;
  }
}

.news-cate {
  background: #DEE8F2;
}
.news-cate__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 40);
  font-size: calc(var(--f) * 20);
}
@media screen and (max-width: 960px) {
  .news-cate__head {
    font-size: calc(var(--f) * 20);
  }
}
.news-cate__items a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  margin: 0 0 calc(var(--s) * 43);
}
@media screen and (min-width: 960.02px) {
  .news-cate {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    width: 380px;
    height: 100%;
    padding: 0;
  }
  .news-cate__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    height: 100%;
    max-height: 800px;
    padding-left: 30%;
  }
  .news-cate__head, .news-cate__items {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .news-cate {
    position: relative;
    padding: calc(var(--h) * 38) 0 calc(var(--h) * 12) 5vw;
  }
  .news-cate__head {
    margin-bottom: calc(var(--h) * 18);
    font-size: calc(var(--f) * 28);
  }
  .news-cate__items {
    display: flex;
    flex-wrap: wrap;
  }
  .news-cate__items li {
    margin: 0 calc(var(--f) * 20) calc(var(--f) * 18) 0;
    font-size: calc(var(--f) * 20);
  }
  .news-cate__items a {
    margin: 0;
  }
  body.post-type-archive-post .news-list .news-cate {
    display: none;
  }
}

.brands-list {
  position: relative;
  overflow: hidden;
  padding: calc(var(--h) * 160) 0 calc(var(--h) * 300);
  background: #DEE8F2;
}
.brands-list__head {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  margin: 0 auto calc(var(--h) * 110);
}
@media screen and (max-width: 960px) {
  .brands-list__head {
    width: 90vw;
  }
}
.brands-list__head h2 {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: relative;
  padding: 0 0 calc(var(--f) * 20);
  font-size: calc(var(--f) * 34);
  text-align: center;
}
.brands-list__head h2::before, .brands-list__head h2::after {
  content: "";
  position: absolute;
  top: 100%;
  background: #004F99;
}
.brands-list__head h2::before {
  width: 100vw;
  height: 2px;
}
.brands-list__head h2::after {
  width: calc(var(--vw, 1vw) * 71.3);
  height: 1px;
  margin-top: 1px;
  transform: rotate(-0.5deg);
  transform-origin: right top;
}
@media only screen and (min-width: 960.02px) and (min-width: 1544.02px) {
  .brands-list__head h2::before, .brands-list__head h2::after {
    right: calc((var(--vw, 1vw) * 100 - 1420px) * -0.5);
  }
}
@media only screen and (min-width: 960.02px) and (min-width: 1920.01px) {
  .brands-list__head h2::before, .brands-list__head h2::after {
    right: -250px;
  }
  .brands-list__head h2::before {
    width: 1920px;
  }
  .brands-list__head h2::after {
    width: 1368.96px;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1544px) {
  .brands-list__head h2::before, .brands-list__head h2::after {
    right: -5vw;
  }
}
@media screen and (max-width: 960px) {
  .brands-list__head h2::before {
    right: -5vw;
  }
  .brands-list__head h2::after {
    right: -5vw;
    width: 94vw;
    transform: rotate(-3deg);
  }
}
@media screen and (max-width: 960px) {
  .brands-list__head h2 {
    font-size: calc(var(--f) * 30);
  }
}
.brands-list__list {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  max-width: 90vw;
}
@media screen and (max-width: 960px) {
  .brands-list__list {
    width: 90vw;
  }
}
.brands-list__list__item {
  position: relative;
  background: #fff;
  border-radius: calc(var(--f) * 15);
}
.brands-list__list__item .img {
  padding: calc(var(--f) * 24) 0 0;
}
.brands-list__list__item .img img {
  display: block;
  width: 100%;
}
.brands-list__list__item h3 {
  margin: 0 0 1.5em;
  font-size: calc(var(--f) * 20);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .brands-list__list__item h3 {
    font-size: calc(var(--f) * 20);
  }
}
.brands-list__list__item .about {
  padding: 0 calc(var(--f) * 36);
  line-height: 1.55;
}
@media screen and (min-width: 960.02px) {
  .brands-list__list__items {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--f) * 16);
  }
  .brands-list__list__item {
    width: calc((100% - var(--f) * 32) / 3);
  }
  .brands-list__list__item .about {
    min-height: calc(var(--f) * 300);
  }
  .brands-list__list__item .more {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: calc(var(--s) * 34);
    display: block;
    width: 100%;
    text-align: center;
  }
  .brands-list__list__item .more .label {
    position: relative;
    display: inline-block;
    padding: 0 2.5em;
    font-size: calc(var(--f) * 16);
    border: none;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
}
@media screen and (min-width: 960.02px) and (max-width: 960px) {
  .brands-list__list__item .more .label {
    font-size: calc(var(--f) * 16);
  }
}
@media screen and (min-width: 960.02px) {
  .brands-list__list__item .more .label img {
    display: block;
    margin-bottom: 0.3em;
    height: 0.9em;
  }
  .brands-list__list__item .more .label::after {
    content: "";
    position: absolute;
    left: calc(100% - 1.36em);
    bottom: 36%;
    display: block;
    width: 1.36em;
    height: 0.84em;
    background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
    transition-duration: 160ms;
  }
  .brands-list__list__item .more .label:hover::after {
    width: 2.1em;
  }
}
@media screen and (min-width: 960.02px) and (max-width: 960px) {
  .brands-list__list__item .more .label img {
    height: calc(var(--f) * 13);
  }
}
@media screen and (min-width: 960.02px) {
  .brands-list__list__item .more .label {
    color: #004F99;
  }
  .brands-list__list__item .more .label::after {
    background-image: url(../img/_common/btn-arrow-blue.svg);
  }
  .brands-list__list__item .more .label {
    padding-left: 0;
  }
  .brands-list__list__item .more .label img {
    height: 0.7em;
  }
}
@media screen and (max-width: 960px) {
  .brands-list {
    padding-top: calc(var(--h) * 60);
    padding-bottom: calc(var(--h) * 135);
  }
  .brands-list__head {
    margin-bottom: calc(var(--h) * 100);
  }
  .brands-list__list__item {
    padding-bottom: calc(var(--h) * 26);
    margin: 0 calc(var(--s) * 20) calc(var(--h) * 16);
  }
  .brands-list__list__item .about {
    padding: calc(var(--h) * 14) calc(var(--s) * 36) calc(var(--h) * 72);
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .brands-list__list__item .about {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .brands-list__list__item .more {
    text-align: center;
  }
  .brands-list__list__item .more .label {
    position: relative;
    display: inline-block;
    padding: 0 2.5em;
    font-size: calc(var(--f) * 16);
    border: none;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .brands-list__list__item .more .label {
    font-size: calc(var(--f) * 16);
  }
}
@media screen and (max-width: 960px) {
  .brands-list__list__item .more .label img {
    display: block;
    margin-bottom: 0.3em;
    height: 0.9em;
  }
  .brands-list__list__item .more .label::after {
    content: "";
    position: absolute;
    left: calc(100% - 1.36em);
    bottom: 36%;
    display: block;
    width: 1.36em;
    height: 0.84em;
    background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
    transition-duration: 160ms;
  }
  .brands-list__list__item .more .label:hover::after {
    width: 2.1em;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .brands-list__list__item .more .label img {
    height: calc(var(--f) * 13);
  }
}
@media screen and (max-width: 960px) {
  .brands-list__list__item .more .label {
    color: #004F99;
  }
  .brands-list__list__item .more .label::after {
    background-image: url(../img/_common/btn-arrow-blue.svg);
  }
  .brands-list__list__item .more .label {
    padding-left: 0;
  }
  .brands-list__list__item .more .label img {
    height: 0.7em;
  }
}

.contact-form b.required {
  color: #E5101E;
}
.contact-form__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  max-width: 90vw;
  padding: calc(var(--h) * 155) 0;
}
@media screen and (max-width: 960px) {
  .contact-form__container {
    width: 90vw;
  }
}
.contact-form__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 50);
  text-align: center;
}
.contact-form__head h2 {
  margin: 0 0 calc(var(--f) * 8);
  font-size: calc(var(--f) * 34);
}
@media screen and (max-width: 960px) {
  .contact-form__head h2 {
    font-size: calc(var(--f) * 30);
  }
}
.contact-form__head p {
  color: #6F7781;
}
.contact-form__table {
  margin-bottom: calc(var(--h) * 55);
}
.contact-form__table table {
  width: 100%;
}
.contact-form__table table th {
  white-space: nowrap;
}
.contact-form__table table td input[type=text],
.contact-form__table table td input[type=email],
.contact-form__table table td input[type=tel] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: calc(var(--f) * 56);
  padding: 0.5em 1em;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #F2F2F2;
  border-radius: 6px;
}
.contact-form__table table td textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: calc(var(--h) * 300);
  padding: 0.5em 1em;
  border: 3px solid #DEDEDE;
  border-radius: 6px;
}
.contact-form__table table td .name {
  display: flex;
  justify-content: space-between;
}
.contact-form__table table td .name .wpcf7-form-control-wrap {
  width: calc((100% - var(--s) * 40) / 2);
}
.contact-form__table table td .radio__items {
  display: flex;
  flex-wrap: wrap;
  gap: 2em 1em;
  padding: calc(var(--h) * 28) 0;
}
.contact-form__table table td .radio__items .wpcf7-form-control-wrap input {
  display: none;
}
.contact-form__table table td .radio__items .wpcf7-form-control-wrap .wpcf7-list-item-label {
  cursor: pointer;
}
.contact-form__table table td .radio__items .wpcf7-form-control-wrap .wpcf7-list-item-label::before {
  content: "";
  display: inline-block;
  width: 0.9em;
  aspect-ratio: 1/1;
  margin: 0 0.5em 0 0;
  border: 1px solid #707070;
  border-radius: 999px;
  vertical-align: middle;
}
.contact-form__table table td .radio__items .wpcf7-form-control-wrap input:checked + .wpcf7-list-item-label::before {
  border-color: #004F99;
  background: #004F99;
  box-shadow: 0 0 0 2px #fff inset;
}
.contact-form__agree {
  margin: 0 0 calc(var(--h) * 50);
  text-align: center;
}
.contact-form__agree p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: 0 0 calc(var(--h) * 20);
  line-height: 2;
}
.contact-form__agree p a {
  color: #6F7781;
  text-decoration: underline;
}
.contact-form__agree .wpcf7-form-control-wrap input {
  display: inline-block;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}
.contact-form__submit {
  text-align: center;
}
.contact-form__submit p {
  width: 100%;
  margin: 0 0 calc(var(--f) * 18);
}
.contact-form__submit .submit,
.contact-form__submit .back {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: calc(var(--f) * 548);
  max-width: 100%;
  font-size: calc(var(--f) * 18);
  line-height: 2.8;
  background: #004F99;
  border: 2px solid #004F99;
  border-radius: 999px;
  transition-duration: 300ms;
}
@media screen and (max-width: 960px) {
  .contact-form__submit .submit,
  .contact-form__submit .back {
    font-size: calc(var(--f) * 18);
  }
}
.contact-form__submit .submit::after,
.contact-form__submit .back::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 1.1em;
  aspect-ratio: 1/1;
  margin: auto;
  background: url(../img/_common/btn-arrow-white.svg) right bottom 75%/auto 40% no-repeat;
  transition-duration: 300ms;
}
.contact-form__submit .submit input, .contact-form__submit .submit a,
.contact-form__submit .back input,
.contact-form__submit .back a {
  cursor: pointer;
  display: block;
  width: 100%;
  color: #fff;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  transition-duration: 300ms;
}
.contact-form__submit .submit:hover,
.contact-form__submit .back:hover {
  background: #fff;
}
.contact-form__submit .submit:hover::after,
.contact-form__submit .back:hover::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
.contact-form__submit .submit:hover input, .contact-form__submit .submit:hover a,
.contact-form__submit .back:hover input,
.contact-form__submit .back:hover a {
  color: #004F99;
}
.contact-form__submit .submit::after {
  transform: translateX(3em);
}
.contact-form__submit .submit input, .contact-form__submit .submit a {
  padding-right: 1.5em;
}
.contact-form__submit .back {
  margin-right: calc(var(--s) * 26);
  background: none;
}
.contact-form__submit .back::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
  transform: translateX(-1.5em) scale(-1, 1);
}
.contact-form__submit .back input, .contact-form__submit .back a {
  color: #004F99;
  padding-left: 1.5em;
}
.contact-form__submit .back:hover {
  background: #004F99;
}
.contact-form__submit .back:hover::after {
  background-image: url(../img/_common/btn-arrow-white.svg);
}
.contact-form__submit .back:hover input, .contact-form__submit .back:hover a {
  color: #fff;
}
.contact-form__thanks {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
.contact-form__thanks h2 {
  margin: 0 0 calc(var(--s) * 50);
  font-size: calc(var(--f) * 24);
}
@media screen and (max-width: 960px) {
  .contact-form__thanks h2 {
    font-size: calc(var(--f) * 24);
  }
}
.contact-form__thanks .text {
  margin-bottom: calc(var(--s) * 60);
  color: #6F7781;
}
.contact-form__thanks .btn {
  text-align: center;
}
.contact-form__thanks .btn .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .contact-form__thanks .btn .label {
    font-size: calc(var(--f) * 16);
  }
}
.contact-form__thanks .btn .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.contact-form__thanks .btn .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.contact-form__thanks .btn .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .contact-form__thanks .btn .label img {
    height: calc(var(--f) * 13);
  }
}
.contact-form__thanks .btn .label {
  color: #004F99;
}
.contact-form__thanks .btn .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
@media screen and (min-width: 960.02px) {
  .contact-form__table table {
    border-top: 1px solid #6F7781;
  }
  .contact-form__table table th, .contact-form__table table td {
    padding: calc(var(--h) * 22) 0;
    border-bottom: 1px solid #6F7781;
  }
  .contact-form__table table th {
    padding-top: calc(var(--h) * 32);
    padding-right: calc(var(--s) * 170);
    padding-left: calc(var(--s) * 20);
    text-align: right;
    vertical-align: top;
  }
  .contact-form__table table .radio th {
    vertical-align: middle;
    padding-top: calc(var(--h) * 22);
  }
  .contact-form__submit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .contact-form__submit .back,
  .contact-form__submit .back + .submit {
    width: calc((100% - var(--s) * 26) / 2);
  }
}
@media screen and (max-width: 960px) {
  .contact-form__container {
    padding-top: calc(var(--h) * 50);
    padding-bottom: calc(var(--h) * 100);
  }
  .contact-form__head {
    margin-bottom: calc(var(--h) * 30);
  }
  .contact-form__table table {
    border-bottom: 1px solid #6F7781;
  }
  .contact-form__table table th, .contact-form__table table td {
    display: block;
    width: 100%;
  }
  .contact-form__table table th {
    padding: calc(var(--h) * 24) 0 calc(var(--h) * 18);
    font-size: calc(var(--f) * 20);
    border-top: 1px solid #6F7781;
  }
  .contact-form__table table td {
    padding: 0 0 calc(var(--h) * 18);
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .contact-form__table table td input[type=text],
  .contact-form__table table td input[type=email],
  .contact-form__table table td input[type=tel],
  .contact-form__table table td textarea {
    font-size: 16px;
  }
}
@media screen and (max-width: 960px) {
  .contact-form__table table td textarea {
    height: calc(var(--h) * 173);
  }
  .contact-form__table table td .name .wpcf7-form-control-wrap {
    width: calc((100% - var(--s) * 20) / 2);
  }
  .contact-form__table table td .radio__items {
    display: block;
    padding: 0;
  }
  .contact-form__table table td .radio__items .wpcf7-form-control-wrap {
    display: block;
    padding: 0 0 1.4em;
    font-size: calc(var(--f) * 15);
  }
  .contact-form__table table td .radio__items .wpcf7-form-control-wrap:last-child {
    padding-bottom: 0.5em;
  }
  .contact-form__submit .submit,
  .contact-form__submit .back {
    font-size: calc(var(--f) * 20);
  }
  .contact-form__submit .back {
    margin-bottom: calc(var(--h) * 36);
  }
  .contact-form--confirm .contact-form__table table td {
    padding: calc(var(--h) * 10) 0 calc(var(--h) * 35) calc(var(--s) * 20);
  }
  .contact-form__thanks {
    padding-top: calc(var(--h) * 78);
  }
  .contact-form__thanks h2 {
    font-size: calc(var(--f) * 30);
    line-height: 1.47;
  }
  .contact-form__thanks .text {
    margin-bottom: calc(var(--s) * 90);
  }
  .contact-form__thanks .btn .label {
    padding-left: 0;
  }
}

.error-page {
  position: relative;
}
.error-page__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  max-width: 90vw;
  padding: calc(var(--h) * 173) 0 calc(var(--h) * 150);
}
@media screen and (max-width: 960px) {
  .error-page__container {
    width: 90vw;
  }
}
.error-page__head {
  margin: 0 0 calc(var(--h) * 55);
}
.error-page__head .en {
  display: block;
  margin: 0 0 calc(var(--h) * 105);
  text-align: center;
}
.error-page__head .en img {
  display: inline-block;
  height: calc(var(--f) * 230);
}
.error-page__head .ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  font-size: calc(var(--f) * 22);
  text-align: center;
}
.error-page__text p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 50);
  font-size: calc(var(--f) * 16);
  text-align: center;
}
.error-page__text .back {
  text-align: center;
  text-align: center;
}
.error-page__text .back .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .error-page__text .back .label {
    font-size: calc(var(--f) * 16);
  }
}
.error-page__text .back .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.error-page__text .back .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.error-page__text .back .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .error-page__text .back .label img {
    height: calc(var(--f) * 13);
  }
}
.error-page__text .back .label {
  color: #004F99;
}
.error-page__text .back .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
.error-page__text .back .label {
  padding-left: 0;
}
@media screen and (max-width: 960px) {
  .error-page__container {
    padding-top: calc(var(--h) * 92);
    padding-bottom: calc(var(--h) * 160);
  }
  .error-page__head {
    margin-bottom: calc(var(--h) * 48);
  }
  .error-page__head .en {
    margin-bottom: calc(var(--h) * 60);
  }
  .error-page__head .en img {
    height: calc(var(--f) * 172);
  }
  .error-page__head .ja {
    font-size: calc(var(--f) * 30);
    line-height: 1.46;
  }
  .error-page__text p {
    margin-bottom: calc(var(--h) * 110);
    font-size: calc(var(--f) * 16);
    line-height: 1.5;
  }
}

.manufacturing-top {
  position: relative;
}
.manufacturing-top__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 170) 0 calc(var(--h) * 140);
}
@media screen and (max-width: 960px) {
  .manufacturing-top__container {
    width: 90vw;
  }
}
.manufacturing-top__head {
  padding: calc(var(--h) * 155) 0 calc(var(--h) * 135);
  background: #DEE8F2;
}
.manufacturing-top__head h2 {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: 1420px;
  max-width: 90vw;
  margin-bottom: 0.2em;
  font-size: calc(var(--f) * 34);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .manufacturing-top__head h2 {
    width: 90vw;
  }
}
@media screen and (max-width: 960px) {
  .manufacturing-top__head h2 {
    font-size: calc(var(--f) * 30);
  }
}
.manufacturing-top__head p {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: 1420px;
  max-width: 90vw;
  font-size: calc(var(--f) * 18);
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .manufacturing-top__head p {
    width: 90vw;
  }
}
@media screen and (max-width: 960px) {
  .manufacturing-top__head p {
    font-size: calc(var(--f) * 18);
  }
}
.manufacturing-top__text p.text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 1.2em;
  font-size: calc(var(--f) * 26);
}
@media screen and (max-width: 960px) {
  .manufacturing-top__text p.text {
    font-size: calc(var(--f) * 26);
  }
}
.manufacturing-top__text p.btn {
  text-align: center;
  text-align: left;
}
.manufacturing-top__text p.btn .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .manufacturing-top__text p.btn .label {
    font-size: calc(var(--f) * 16);
  }
}
.manufacturing-top__text p.btn .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.manufacturing-top__text p.btn .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.manufacturing-top__text p.btn .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .manufacturing-top__text p.btn .label img {
    height: calc(var(--f) * 13);
  }
}
.manufacturing-top__text p.btn .label {
  color: #004F99;
}
.manufacturing-top__text p.btn .label::after {
  background-image: url(../img/_common/btn-arrow-blue.svg);
}
.manufacturing-top__text p.btn .label {
  padding-left: 0;
}
@media screen and (min-width: 960.02px) {
  .manufacturing-top__box {
    display: flex;
    justify-content: flex-end;
  }
  .manufacturing-top__text {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    width: 420px;
    padding-bottom: calc(var(--s) * 45);
  }
  .manufacturing-top__text p.text,
  .manufacturing-top__text p.btn {
    width: 100%;
  }
  .manufacturing-top__photo {
    position: relative;
    width: 50%;
  }
  .manufacturing-top__photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .manufacturing-top__item:nth-child(2n) .manufacturing-top__text {
    width: 50%;
    padding-left: calc(var(--s) * 100);
  }
  .manufacturing-top__item:nth-child(2n) .manufacturing-top__photo {
    order: -1;
  }
}
@media screen and (max-width: 960px) {
  .manufacturing-top__container {
    width: calc(var(--s) * 1620);
    margin-right: auto;
    margin-left: auto;
    width: 1420px;
    max-width: 90vw;
    padding: calc(var(--h) * 170) 0 calc(var(--h) * 140);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .manufacturing-top__container {
    width: 90vw;
  }
}
@media screen and (max-width: 960px) {
  .manufacturing-top__head {
    padding: calc(var(--h) * 100) 0 calc(var(--h) * 65);
  }
  .manufacturing-top__head h2 {
    position: relative;
    padding-bottom: calc(var(--f) * 13);
    margin-bottom: calc(var(--h) * 56);
  }
  .manufacturing-top__head h2::before, .manufacturing-top__head h2::after {
    content: "";
    position: absolute;
    top: 100%;
    background: #004F99;
  }
  .manufacturing-top__head h2::before {
    width: 100vw;
    height: 2px;
  }
  .manufacturing-top__head h2::after {
    width: calc(var(--vw, 1vw) * 71.3);
    height: 1px;
    margin-top: 1px;
    transform: rotate(-0.5deg);
    transform-origin: right top;
  }
}
@media only screen and (max-width: 960px) and (min-width: 960.02px) and (min-width: 1544.02px) {
  .manufacturing-top__head h2::before, .manufacturing-top__head h2::after {
    right: calc((var(--vw, 1vw) * 100 - 1420px) * -0.5);
  }
}
@media only screen and (max-width: 960px) and (min-width: 960.02px) and (min-width: 1920.01px) {
  .manufacturing-top__head h2::before, .manufacturing-top__head h2::after {
    right: -250px;
  }
  .manufacturing-top__head h2::before {
    width: 1920px;
  }
  .manufacturing-top__head h2::after {
    width: 1368.96px;
  }
}
@media only screen and (max-width: 960px) and (min-width: 960.02px) and (max-width: 1544px) {
  .manufacturing-top__head h2::before, .manufacturing-top__head h2::after {
    right: -5vw;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .manufacturing-top__head h2::before {
    right: -5vw;
  }
  .manufacturing-top__head h2::after {
    right: -5vw;
    width: 94vw;
    transform: rotate(-3deg);
  }
}
@media screen and (max-width: 960px) {
  .manufacturing-top__head p {
    line-height: 1.78;
  }
  .manufacturing-top__text {
    padding: calc(var(--h) * 120) calc(var(--s) * 40) calc(var(--h) * 110);
  }
  .manufacturing-top__text p.text {
    margin-bottom: 0.85em;
  }
}

.manufacturing-contents {
  position: relative;
  overflow: hidden;
}
.manufacturing-contents--1, .manufacturing-contents--3 {
  background: #F7F6F3;
}
.manufacturing-contents__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 100) 0;
}
@media screen and (max-width: 960px) {
  .manufacturing-contents__container {
    width: 90vw;
  }
}
.manufacturing-contents__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 72);
  font-size: calc(var(--f) * 24);
  line-height: 1.78;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .manufacturing-contents__head {
    font-size: calc(var(--f) * 24);
  }
}
.manufacturing-contents__text__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
  font-size: calc(var(--f) * 28);
  line-height: 1.64;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .manufacturing-contents__text__title {
    font-size: calc(var(--f) * 28);
  }
}
.manufacturing-contents--1 .manufacturing-contents__text__title {
  padding: 0 0 calc(var(--h) * 50);
  margin: 0 0 calc(var(--h) * 50);
}
.manufacturing-contents--1 .manufacturing-contents__text__title::before, .manufacturing-contents--1 .manufacturing-contents__text__title::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  background: #004F99;
}
.manufacturing-contents--1 .manufacturing-contents__text__title::before {
  width: 100vw;
  height: 2px;
}
.manufacturing-contents--1 .manufacturing-contents__text__title::after {
  width: 120%;
  height: 1px;
  margin-top: 1px;
  transform: rotate(-1.6deg);
  transform-origin: right top;
}
.manufacturing-contents--2 .manufacturing-contents__text__title {
  padding: 0 0 calc(var(--h) * 50);
  margin: 0 0 calc(var(--h) * 50);
}
.manufacturing-contents--2 .manufacturing-contents__text__title::before, .manufacturing-contents--2 .manufacturing-contents__text__title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  background: #004F99;
}
.manufacturing-contents--2 .manufacturing-contents__text__title::before {
  width: 100vw;
  height: 2px;
}
.manufacturing-contents--2 .manufacturing-contents__text__title::after {
  width: 125%;
  height: 1px;
  margin-top: 1px;
  transform: rotate(0.8deg);
  transform-origin: left top;
}
.manufacturing-contents__text__text p {
  margin-bottom: 1.55em;
  line-height: 1.55;
}
.manufacturing-contents__text-2col__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
  padding: 0 0 calc(var(--h) * 50);
  margin: 0 0 calc(var(--h) * 50);
  font-size: calc(var(--f) * 28);
  line-height: 1.64;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .manufacturing-contents__text-2col__title {
    font-size: calc(var(--f) * 28);
  }
}
.manufacturing-contents__text-2col__title::before, .manufacturing-contents__text-2col__title::after {
  content: "";
  position: absolute;
  right: 15%;
  top: 100%;
  background: #004F99;
}
.manufacturing-contents__text-2col__title::before {
  width: 100vw;
  height: 2px;
}
.manufacturing-contents__text-2col__title::after {
  width: 94%;
  height: 1px;
  margin-top: 1px;
  transform: rotate(-5.1deg);
  transform-origin: right top;
}
.manufacturing-contents__text-2col__photo img {
  display: block;
  width: 100%;
}
.manufacturing-contents__text-2col__text p {
  margin-bottom: 1.55em;
  line-height: 1.55;
}
@media screen and (min-width: 960.02px) {
  .manufacturing-contents__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    align-content: flex-end;
  }
  .manufacturing-contents__head {
    width: 100%;
  }
  .manufacturing-contents__text {
    width: 50%;
  }
  .manufacturing-contents__photo {
    width: 45%;
  }
  .manufacturing-contents--2 .manufacturing-contents__text {
    order: 99;
  }
  .manufacturing-contents__text-2col {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
  }
  .manufacturing-contents__text-2col__title {
    width: calc(40% + 100px);
    margin-top: calc(var(--s) * 100);
  }
  .manufacturing-contents__text-2col__photo {
    width: 58%;
    margin-right: -100px;
  }
  .manufacturing-contents__text-2col__text {
    width: 100%;
    margin-top: calc(var(--h) * 85);
  }
}
@media screen and (max-width: 960px) {
  .manufacturing-contents__container {
    padding: calc(var(--h) * 75) 0;
  }
  .manufacturing-contents__head {
    font-size: calc(var(--f) * 20);
    line-height: 1.9;
  }
  .manufacturing-contents__text__title {
    font-size: calc(var(--f) * 30);
    line-height: 1.46;
    white-space: nowrap;
  }
  .manufacturing-contents__text__text {
    padding: 0 calc(var(--s) * 5);
  }
  .manufacturing-contents__text__text p {
    font-size: calc(var(--f) * 18);
  }
  .manufacturing-contents__text__text p:last-child {
    margin-bottom: 0;
  }
  .manufacturing-contents__photo {
    margin-top: calc(var(--h) * 40);
    padding: 0 calc(var(--s) * 5);
  }
  .manufacturing-contents--1 .manufacturing-contents__text__title {
    padding-bottom: calc(var(--h) * 44);
    margin-bottom: calc(var(--h) * 75);
  }
  .manufacturing-contents--1 .manufacturing-contents__text__title::after {
    width: 99%;
    transform: rotate(-2.5deg);
  }
  .manufacturing-contents--2 .manufacturing-contents__head {
    margin-bottom: calc(var(--h) * 36);
  }
  .manufacturing-contents--2 .manufacturing-contents__text__title {
    margin-bottom: calc(var(--h) * 70);
  }
  .manufacturing-contents--2 .manufacturing-contents__text__title::before, .manufacturing-contents--2 .manufacturing-contents__text__title::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    background: #004F99;
  }
  .manufacturing-contents--2 .manufacturing-contents__text__title::before {
    width: 100vw;
    height: 2px;
  }
  .manufacturing-contents--2 .manufacturing-contents__text__title::after {
    width: 125%;
    height: 1px;
    margin-top: 1px;
    transform: rotate(0.8deg);
    transform-origin: left top;
  }
  .manufacturing-contents--2 .manufacturing-contents__text__title::after {
    width: 99%;
    transform: rotate(2.2deg);
  }
  .manufacturing-contents--3 .manufacturing-contents__head {
    margin-bottom: calc(var(--h) * 36);
  }
  .manufacturing-contents__text-2col {
    display: flex;
    flex-wrap: wrap;
  }
  .manufacturing-contents__text-2col__title {
    width: 100%;
    padding-bottom: calc(var(--h) * 44);
    margin-bottom: calc(var(--h) * 75);
  }
  .manufacturing-contents__text-2col__title::before, .manufacturing-contents__text-2col__title::after {
    right: 0;
  }
  .manufacturing-contents__text-2col__title::after {
    width: 99%;
    transform: rotate(-2.5deg);
  }
  .manufacturing-contents__text-2col__photo {
    order: 99;
    margin-top: calc(var(--h) * 40);
  }
  .manufacturing-contents__text-2col__text {
    width: 100%;
  }
  .manufacturing-contents__text-2col__text p {
    font-size: calc(var(--f) * 18);
  }
  .manufacturing-contents__text-2col__text p:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 960.02px) {
  .page-title + .manufacturing-contents--1 {
    margin-top: calc(var(--h) * 100);
  }
}
@media screen and (max-width: 960px) {
  .page-title + .manufacturing-contents--1 {
    margin-top: calc(var(--h) * 40);
  }
}

.manufacturing-interviewee {
  position: relative;
}
.manufacturing-interviewee__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 170) 0 calc(var(--h) * 140);
}
@media screen and (max-width: 960px) {
  .manufacturing-interviewee__container {
    width: 90vw;
  }
}
.manufacturing-interviewee__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: relative;
  padding: 0 0 calc(var(--h) * 40);
  margin: 0 0 calc(var(--h) * 70);
  font-size: calc(var(--f) * 24);
  line-height: 1.64;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 960px) {
  .manufacturing-interviewee__head {
    font-size: calc(var(--f) * 24);
  }
}
.manufacturing-interviewee__head::before, .manufacturing-interviewee__head::after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  background: #004F99;
}
.manufacturing-interviewee__head::before {
  width: 100vw;
  height: 2px;
}
.manufacturing-interviewee__head::after {
  width: 90%;
  height: 1px;
  margin-top: 1px;
  transform: rotate(-1.25deg);
  transform-origin: right top;
}
.manufacturing-interviewee__list__title {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 30);
  font-size: calc(var(--f) * 20);
}
@media screen and (max-width: 960px) {
  .manufacturing-interviewee__list__title {
    font-size: calc(var(--f) * 20);
  }
}
.manufacturing-interviewee__list__items {
  line-height: 2.22;
}
.manufacturing-interviewee__list__items dt, .manufacturing-interviewee__list__items dd {
  display: block;
}
.manufacturing-interviewee__list__items dd {
  margin: 0 0 2.22em;
}
.manufacturing-interviewee__list__items dd:last-child {
  margin-bottom: 0;
}
.manufacturing-interviewee__photo .caption {
  padding: calc(var(--f) * 10) 0 0;
  text-align: center;
}
@media screen and (min-width: 960.02px) {
  .manufacturing-interviewee__container {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
  }
  .manufacturing-interviewee__text {
    width: 100%;
  }
  .manufacturing-interviewee__photo {
    width: calc(var(--s) * 480);
    flex-shrink: 0;
    padding-top: calc(var(--f) * 5);
    margin-left: calc(var(--s) * 30);
  }
}
@media screen and (max-width: 960px) {
  .manufacturing-interviewee__container {
    padding-top: calc(var(--h) * 50);
    padding-bottom: calc(var(--h) * 76);
    max-width: unset;
  }
  .manufacturing-interviewee__head {
    padding-right: calc(var(--s) * 5);
    padding-bottom: calc(var(--h) * 50);
    padding-left: calc(var(--s) * 5);
  }
  .manufacturing-interviewee__head::after {
    width: 99%;
    transform: rotate(-2.4deg);
  }
  .manufacturing-interviewee__text {
    padding: 0 calc(var(--s) * 5);
  }
  .manufacturing-interviewee__list__title {
    font-size: calc(var(--f) * 20);
  }
  .manufacturing-interviewee__list__items {
    line-height: 2;
  }
  .manufacturing-interviewee__list__items dt, .manufacturing-interviewee__list__items dd {
    font-size: calc(var(--f) * 18);
  }
  .manufacturing-interviewee__list__items dd {
    margin-bottom: 2em;
  }
  .manufacturing-interviewee__photo {
    padding: calc(var(--h) * 40) calc(var(--s) * 5) 0;
  }
}

@media screen and (min-width: 960.02px) {
  .manufacturing-contents + .manufacturing-interviewee .manufacturing-interviewee__container {
    padding-top: calc(var(--h) * 85);
    padding-bottom: 0;
  }
  .manufacturing-contents + .manufacturing-interviewee .manufacturing-interviewee__photo {
    width: calc(var(--s) * 440);
  }
}

.manufacturing-pager {
  background: #F7F6F3;
}
.manufacturing-pager__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 130) 0;
}
@media screen and (max-width: 960px) {
  .manufacturing-pager__container {
    width: 90vw;
  }
}
.manufacturing-pager .btn {
  text-align: center;
  text-align: center;
}
.manufacturing-pager .btn .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .manufacturing-pager .btn .label {
    font-size: calc(var(--f) * 16);
  }
}
.manufacturing-pager .btn .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.manufacturing-pager .btn .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.manufacturing-pager .btn .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .manufacturing-pager .btn .label img {
    height: calc(var(--f) * 13);
  }
}
.manufacturing-pager .btn .label {
  padding-left: 0;
  font-size: calc(var(--f) * 18);
  white-space: nowrap;
}
.manufacturing-pager .prev,
.manufacturing-pager .next {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: relative;
  overflow: hidden;
  z-index: 10;
  display: inline-block;
  font-size: calc(var(--f) * 20);
  line-height: 2.6;
  border-radius: 999px;
  transition-duration: 300ms;
}
.manufacturing-pager .prev::before, .manufacturing-pager .prev::after,
.manufacturing-pager .next::before,
.manufacturing-pager .next::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  width: 2.6em;
  height: 2.6em;
}
.manufacturing-pager .prev::before,
.manufacturing-pager .next::before {
  border: 2px solid #004F99;
  border-radius: 999px;
  transition-duration: 600ms;
}
.manufacturing-pager .prev::after,
.manufacturing-pager .next::after {
  background: url(../img/_common/arrow-blue.svg) center center/0.85em auto no-repeat;
  transition-duration: 300ms;
}
.manufacturing-pager .prev:hover,
.manufacturing-pager .next:hover {
  color: #fff;
}
.manufacturing-pager .prev:hover::before,
.manufacturing-pager .next:hover::before {
  width: 20em;
  background: #004F99;
}
.manufacturing-pager .prev:hover::after,
.manufacturing-pager .next:hover::after {
  background-image: url(../img/_common/arrow-white.svg);
}
.manufacturing-pager .prev {
  padding: 0 2em 0 3.3em;
}
.manufacturing-pager .prev::before, .manufacturing-pager .prev::after {
  left: 0;
}
.manufacturing-pager .prev::after {
  transform: scale(-1, 1);
}
.manufacturing-pager .next {
  padding: 0 3.3em 0 2em;
}
.manufacturing-pager .next::before, .manufacturing-pager .next::after {
  right: 0;
}
.manufacturing-pager .current {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--s) * 470);
  height: calc(var(--h) * 100);
  color: #fff;
  font-size: calc(var(--f) * 20);
  background: #7FA6CC;
  border-radius: calc(var(--f) * 20);
}
@media screen and (max-width: 960px) {
  .manufacturing-pager .btn .label {
    font-size: calc(var(--f) * 18);
  }
}

.manufacturing-interviewee + .manufacturing-pager {
  background: none;
}

.oem-odm-about {
  position: relative;
  overflow: hidden;
  background: #DEE8F2;
}
.oem-odm-about__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 150) 0 calc(var(--h) * 85);
}
@media screen and (max-width: 960px) {
  .oem-odm-about__container {
    width: 90vw;
  }
}
.oem-odm-about__head {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0 0 calc(var(--h) * 26);
  margin: 0 0 calc(var(--h) * 48);
  font-size: calc(var(--f) * 34);
  text-align: center;
}
.oem-odm-about__head::before, .oem-odm-about__head::after {
  content: "";
  position: absolute;
  top: 100%;
  background: #004F99;
}
.oem-odm-about__head::before {
  width: 100vw;
  height: 2px;
}
.oem-odm-about__head::after {
  width: calc(var(--vw, 1vw) * 71.3);
  height: 1px;
  margin-top: 1px;
  transform: rotate(-0.5deg);
  transform-origin: right top;
}
@media only screen and (min-width: 960.02px) and (min-width: 1544.02px) {
  .oem-odm-about__head::before, .oem-odm-about__head::after {
    right: calc((var(--vw, 1vw) * 100 - 1420px) * -0.5);
  }
}
@media only screen and (min-width: 960.02px) and (min-width: 1920.01px) {
  .oem-odm-about__head::before, .oem-odm-about__head::after {
    right: -250px;
  }
  .oem-odm-about__head::before {
    width: 1920px;
  }
  .oem-odm-about__head::after {
    width: 1368.96px;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1544px) {
  .oem-odm-about__head::before, .oem-odm-about__head::after {
    right: -5vw;
  }
}
@media screen and (max-width: 960px) {
  .oem-odm-about__head::before {
    right: -5vw;
  }
  .oem-odm-about__head::after {
    right: -5vw;
    width: 94vw;
    transform: rotate(-3deg);
  }
}
@media screen and (max-width: 960px) {
  .oem-odm-about__head {
    font-size: calc(var(--f) * 30);
  }
}
.oem-odm-about__about {
  width: 1080px;
  max-width: 90vw;
  margin: 0 auto calc(var(--h) * 188);
  line-height: 1.65;
  text-align: center;
}
.oem-odm-about__nav ul {
  display: flex;
  justify-content: center;
}
.oem-odm-about__nav li {
  border-right: 1px solid #707070;
}
.oem-odm-about__nav li:first-child {
  border-left: 1px solid #707070;
}
.oem-odm-about__nav a {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  position: relative;
  display: block;
  padding: 1.8em 2.35em 2.5em;
  font-size: calc(var(--f) * 18);
}
@media screen and (max-width: 960px) {
  .oem-odm-about__nav a {
    font-size: calc(var(--f) * 18);
  }
}
.oem-odm-about__nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: calc(var(--f) * 10);
  left: 0;
  display: block;
  width: calc(var(--f) * 36);
  aspect-ratio: 48/13;
  margin: 0 auto;
  background: #6F7781;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (max-width: 960px) {
  .oem-odm-about__container {
    padding-top: calc(var(--h) * 60);
    padding-bottom: calc(var(--h) * 60);
  }
  .oem-odm-about__head {
    padding-bottom: calc(var(--h) * 16);
  }
  .oem-odm-about__about {
    margin-bottom: calc(var(--h) * 100);
    font-size: calc(var(--f) * 18);
    line-height: 1.78;
  }
  .oem-odm-about__nav li {
    display: flex;
    width: 25%;
  }
  .oem-odm-about__nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1.2em 0 2em;
    font-size: calc(var(--f) * 12);
    line-height: 1.66;
    text-align: center;
    white-space: nowrap;
  }
  .oem-odm-about__nav a::after {
    width: calc(var(--f) * 24);
  }
}

.oem-odm-step {
  position: relative;
}
.oem-odm-step__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  max-width: 90vw;
  padding: calc(var(--h) * 212) 0 calc(var(--h) * 152);
}
@media screen and (max-width: 960px) {
  .oem-odm-step__container {
    width: 90vw;
  }
}
.oem-odm-step__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 45);
  font-size: calc(var(--f) * 34);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .oem-odm-step__head {
    font-size: calc(var(--f) * 30);
  }
}
.oem-odm-step__intro {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 84);
  text-align: center;
}
.oem-odm-step__items {
  position: relative;
}
.oem-odm-step__items::before {
  content: "";
  position: absolute;
  left: calc(var(--f) * 87);
  top: 0;
  z-index: -1;
  display: block;
  width: 4px;
  height: 100%;
  background: #004F99;
}
.oem-odm-step__item {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  margin: 0 0 calc(var(--h) * 52);
}
.oem-odm-step__item:last-child {
  margin-bottom: 0;
  background: #fff;
}
.oem-odm-step__count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--f) * 178);
  flex-shrink: 0;
  aspect-ratio: 1/1;
  margin: 0 calc(var(--s) * 90) 0 0;
  background: #fff;
  border: 3px solid #004F99;
  border-radius: 50%;
}
.oem-odm-step__count img {
  display: block;
  height: calc(var(--f) * 25);
}
.oem-odm-step__text {
  width: 100%;
}
.oem-odm-step__text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--f) * 10);
  font-size: calc(var(--f) * 24);
}
@media screen and (max-width: 960px) {
  .oem-odm-step__text h3 {
    font-size: calc(var(--f) * 24);
  }
}
.oem-odm-step__text .period {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--f) * 10);
}
.oem-odm-step__text .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 960px) {
  .oem-odm-step__container {
    padding-top: calc(var(--h) * 138);
    padding-bottom: calc(var(--h) * 138);
  }
  .oem-odm-step__head {
    margin-bottom: calc(var(--h) * 36);
  }
  .oem-odm-step__intro {
    margin-bottom: calc(var(--h) * 76);
    font-size: calc(var(--f) * 18);
    line-height: 1.78;
  }
  .oem-odm-step__items::before {
    left: calc(var(--f) * 54);
    width: 2px;
  }
  .oem-odm-step__count {
    width: calc(var(--f) * 110);
    margin-right: calc(var(--s) * 30);
    border-width: 2px;
  }
  .oem-odm-step__count img {
    height: calc(var(--f) * 18);
  }
  .oem-odm-step__text h3 {
    margin-bottom: calc(var(--f) * 5);
  }
  .oem-odm-step__text .period {
    font-size: calc(var(--f) * 14);
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .oem-odm-step__text .period {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .oem-odm-step__text .text {
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .oem-odm-step__text .text {
    font-size: 14px;
  }
}

.oem-odm-merit {
  position: relative;
  background: #F7F6F3;
}
.oem-odm-merit__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  max-width: 90vw;
  padding: calc(var(--h) * 110) 0 calc(var(--h) * 160);
}
@media screen and (max-width: 960px) {
  .oem-odm-merit__container {
    width: 90vw;
  }
}
.oem-odm-merit__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 118);
  font-size: calc(var(--f) * 34);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .oem-odm-merit__head {
    font-size: calc(var(--f) * 30);
  }
}
.oem-odm-merit__list__items {
  position: relative;
  margin: 0 0 calc(var(--h) * 78);
}
.oem-odm-merit__list__item {
  position: relative;
  background: #fff;
}
.oem-odm-merit__list__text {
  position: relative;
  z-index: 10;
  background: #fff;
}
.oem-odm-merit__list__text h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0 0 0.25em;
  margin: 0 0 calc(var(--h) * 23);
  font-size: calc(var(--f) * 24);
  border-bottom: 2px solid #004F99;
}
@media screen and (max-width: 960px) {
  .oem-odm-merit__list__text h3 {
    font-size: calc(var(--f) * 24);
  }
}
.oem-odm-merit__list__text p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.55;
}
.oem-odm-merit__more {
  text-align: center;
}
.oem-odm-merit__more a {
  text-align: center;
  display: inline-block;
  padding: 0.9em 3.2em;
  color: #fff;
  background: #004F99;
  border-radius: 999px;
}
.oem-odm-merit__more a .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .oem-odm-merit__more a .label {
    font-size: calc(var(--f) * 16);
  }
}
.oem-odm-merit__more a .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.oem-odm-merit__more a .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.oem-odm-merit__more a .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .oem-odm-merit__more a .label img {
    height: calc(var(--f) * 13);
  }
}
.oem-odm-merit__more a .label {
  color: #fff;
}
.oem-odm-merit__more a .label::after {
  background-image: url(../img/_common/btn-arrow-white.svg);
}
.oem-odm-merit__more a .label {
  font-size: calc(var(--f) * 20);
  padding-right: 1.75em;
  padding-left: 1em;
}
@media screen and (min-width: 960.02px) {
  .oem-odm-merit__list__photo {
    position: relative;
  }
  .oem-odm-merit__list__photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .oem-odm-merit__list__item--1 {
    display: flex;
    align-items: center;
    align-content: center;
    margin: 0 0 calc(var(--h) * 90);
  }
  .oem-odm-merit__list__item--1 .oem-odm-merit__list__text {
    width: 50%;
    padding: 0 calc(var(--s) * 70) calc(var(--s) * 60);
  }
  .oem-odm-merit__list__item--1 .oem-odm-merit__list__photo {
    order: -1;
    width: 50%;
  }
  .oem-odm-merit__list__item--2 {
    width: 53%;
    height: calc(var(--h) * 486);
    clip-path: polygon(0 0, calc(100% - var(--h) * 96) 0, 100% 100%, 0 100%);
  }
  .oem-odm-merit__list__item--2 .oem-odm-merit__list__text {
    padding: calc(var(--f) * 20) calc(var(--f) * 152) calc(var(--f) * 20) calc(var(--s) * 36);
  }
  .oem-odm-merit__list__item--2 .oem-odm-merit__list__photo {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .oem-odm-merit__list__item--3 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: calc(var(--h) * 486);
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(var(--h) * 96) 100%);
  }
  .oem-odm-merit__list__item--3 .oem-odm-merit__list__text {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: calc(var(--f) * 20) calc(var(--s) * 30) calc(var(--f) * 40) calc(var(--f) * 122);
  }
}
@media screen and (max-width: 960px) {
  .oem-odm-merit__container {
    padding-top: calc(var(--h) * 94);
    padding-bottom: calc(var(--h) * 124);
  }
  .oem-odm-merit__head {
    margin-bottom: calc(var(--h) * 55);
  }
  .oem-odm-merit__list__item {
    margin: 0 calc(var(--s) * 5);
  }
  .oem-odm-merit__list__text {
    padding: calc(var(--h) * 60) calc(var(--s) * 24);
  }
  .oem-odm-merit__list__text h3 {
    padding-bottom: 0.6em;
  }
  .oem-odm-merit__list__text p {
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .oem-odm-merit__list__text p {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .oem-odm-merit__list__item--1 {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(var(--h) * 60);
  }
  .oem-odm-merit__list__item--1 .oem-odm-merit__list__text {
    width: 100%;
  }
  .oem-odm-merit__list__item--1 .oem-odm-merit__list__photo {
    order: -1;
    width: 100%;
  }
  .oem-odm-merit__list__item--2 {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - var(--s) * 28));
    margin-bottom: calc(var(--h) * 10);
  }
  .oem-odm-merit__list__item--3 {
    clip-path: polygon(0 0, 100% calc(var(--s) * 28), 100% 100%, 0 100%);
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(var(--h) * 60);
  }
  .oem-odm-merit__list__item--3 .oem-odm-merit__list__text {
    width: 100%;
  }
  .oem-odm-merit__list__item--3 .oem-odm-merit__list__photo {
    order: -1;
    width: 100%;
  }
  .oem-odm-merit__more {
    text-align: center;
  }
  .oem-odm-merit__more a {
    padding: 0.9em 3.2em;
  }
  .oem-odm-merit__more a .label {
    font-size: calc(var(--f) * 16);
  }
}

.oem-odm-result {
  position: relative;
}
.oem-odm-result__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  max-width: 90vw;
  padding: calc(var(--h) * 110) 0 calc(var(--h) * 134);
}
@media screen and (max-width: 960px) {
  .oem-odm-result__container {
    width: 90vw;
  }
}
.oem-odm-result__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 0 0 calc(var(--h) * 120);
  font-size: calc(var(--f) * 34);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .oem-odm-result__head {
    font-size: calc(var(--f) * 30);
  }
}
.oem-odm-result__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
}
.oem-odm-result__text p {
  line-height: 1.94;
}
.oem-odm-result__brand img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 960.02px) {
  .oem-odm-result__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .oem-odm-result__head {
    width: 100%;
  }
  .oem-odm-result__text {
    width: 50%;
  }
  .oem-odm-result__brand {
    width: calc(50% - var(--s) * 70);
  }
}
@media screen and (max-width: 960px) {
  .oem-odm-result__container {
    display: flex;
    flex-wrap: wrap;
    padding-top: calc(var(--h) * 94);
    padding-bottom: calc(var(--h) * 94);
  }
  .oem-odm-result__head {
    width: 100%;
    margin-bottom: calc(var(--h) * 54);
  }
  .oem-odm-result__text {
    width: 100%;
    order: 99;
    padding: calc(var(--h) * 40) calc(var(--s) * 5) 0;
  }
  .oem-odm-result__text p {
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .oem-odm-result__text p {
    font-size: 14px;
  }
}
@media screen and (max-width: 960px) {
  .oem-odm-result__brand {
    width: 100%;
  }
}

.oem-odm-faq {
  position: relative;
  background: #F7F6F3;
}
.oem-odm-faq__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1080px;
  max-width: 90vw;
  padding: calc(var(--h) * 145) 0;
}
@media screen and (max-width: 960px) {
  .oem-odm-faq__container {
    width: 90vw;
  }
}
.oem-odm-faq__head {
  margin: 0 0 calc(var(--h) * 106);
  text-align: center;
}
.oem-odm-faq__head .en {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: block;
  margin: 0 0 calc(var(--h) * 8);
  font-size: calc(var(--f) * 34);
}
@media screen and (max-width: 960px) {
  .oem-odm-faq__head .en {
    font-size: calc(var(--f) * 30);
  }
}
.oem-odm-faq__head .ja {
  display: block;
  font-size: calc(var(--f) * 18);
}
@media screen and (max-width: 960px) {
  .oem-odm-faq__head .ja {
    font-size: calc(var(--f) * 18);
  }
}
.oem-odm-faq__list {
  border-bottom: 2px solid #6F7781;
}
.oem-odm-faq__list__btn {
  display: none;
}
.oem-odm-faq__list__q {
  display: block;
  padding: calc(var(--h) * 30) calc(var(--s) * 150) calc(var(--h) * 30) calc(var(--s) * 90);
  font-size: calc(var(--f) * 20);
  line-height: 1.29;
  border-top: 2px solid #6F7781;
  background: url(../img/oem-odm/faq-q.svg) left calc(var(--s) * 40) top calc(var(--h) * 33)/auto calc(var(--f) * 22) no-repeat;
}
@media screen and (max-width: 960px) {
  .oem-odm-faq__list__q {
    font-size: calc(var(--f) * 20);
  }
}
.oem-odm-faq__list__a {
  position: relative;
  overflow: hidden;
  padding: 0 calc(var(--s) * 150) 0 calc(var(--s) * 90);
  background: url(../img/oem-odm/faq-a.svg) left calc(var(--s) * 38) top calc(var(--h) * 20)/auto calc(var(--f) * 23) no-repeat;
  transition-duration: 600ms;
}
.oem-odm-faq__list__a p:first-child {
  padding-top: calc(var(--h) * 16);
}
.oem-odm-faq__list__a p:last-child {
  padding-bottom: calc(var(--h) * 36);
}
.oem-odm-faq__list__btn:checked + .oem-odm-faq__list__q + .oem-odm-faq__list__a {
  max-height: 100vh;
}
@media screen and (max-width: 960px) {
  .oem-odm-faq__head {
    margin-bottom: calc(var(--h) * 76);
  }
  .oem-odm-faq__list__q {
    padding: calc(var(--h) * 36) calc(var(--s) * 40) calc(var(--h) * 36) calc(var(--s) * 48);
    font-size: calc(var(--f) * 20);
    line-height: 1.9;
    background-position: left calc(var(--s) * 6) top calc(var(--h) * 48);
    background-size: calc(var(--s) * 22) auto;
  }
  .oem-odm-faq__list__q::before, .oem-odm-faq__list__q::after {
    top: calc(var(--h) * 55);
    right: 0;
    bottom: unset;
    width: calc(var(--f) * 24);
    margin: unset;
  }
  .oem-odm-faq__list__a {
    padding: 0 0 0 calc(var(--s) * 48);
    font-size: calc(var(--f) * 18);
    line-height: 1.56;
    background-position: left calc(var(--s) * 6) top calc(var(--h) * 48);
    background-size: calc(var(--s) * 22) auto;
  }
  .oem-odm-faq__list__a p:first-child {
    padding-top: calc(var(--h) * 40);
  }
  .oem-odm-faq__list__a p:last-child {
    padding-bottom: calc(var(--h) * 36);
  }
}

.planning-production-flow {
  position: relative;
  overflow: hidden;
}
.planning-production-flow__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 147) 0 0;
}
@media screen and (max-width: 960px) {
  .planning-production-flow__container {
    width: 90vw;
  }
}
.planning-production-flow__head {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0 0 calc(var(--h) * 26);
  margin: 0 0 calc(var(--h) * 48);
  font-size: calc(var(--f) * 34);
  text-align: center;
  white-space: nowrap;
}
.planning-production-flow__head::before, .planning-production-flow__head::after {
  content: "";
  position: absolute;
  top: 100%;
  background: #004F99;
}
.planning-production-flow__head::before {
  width: 100vw;
  height: 2px;
}
.planning-production-flow__head::after {
  width: calc(var(--vw, 1vw) * 71.3);
  height: 1px;
  margin-top: 1px;
  transform: rotate(-0.5deg);
  transform-origin: right top;
}
@media only screen and (min-width: 960.02px) and (min-width: 1544.02px) {
  .planning-production-flow__head::before, .planning-production-flow__head::after {
    right: calc((var(--vw, 1vw) * 100 - 1420px) * -0.5);
  }
}
@media only screen and (min-width: 960.02px) and (min-width: 1920.01px) {
  .planning-production-flow__head::before, .planning-production-flow__head::after {
    right: -250px;
  }
  .planning-production-flow__head::before {
    width: 1920px;
  }
  .planning-production-flow__head::after {
    width: 1368.96px;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1544px) {
  .planning-production-flow__head::before, .planning-production-flow__head::after {
    right: -5vw;
  }
}
@media screen and (max-width: 960px) {
  .planning-production-flow__head::before {
    right: -5vw;
  }
  .planning-production-flow__head::after {
    right: -5vw;
    width: 94vw;
    transform: rotate(-3deg);
  }
}
@media screen and (max-width: 960px) {
  .planning-production-flow__head {
    font-size: calc(var(--f) * 30);
  }
}
.planning-production-flow__about {
  width: 1080px;
  max-width: 90vw;
  margin: 0 auto calc(var(--h) * 185);
  line-height: 1.65;
  text-align: center;
}
.planning-production-flow__list {
  width: 1080px;
  max-width: 90vw;
  margin: 0 auto;
}
.planning-production-flow__list__item {
  margin: 0 0 calc(var(--h) * 127);
}
.planning-production-flow__list__text h3 {
  position: relative;
  padding: 0 0 calc(var(--h) * 16);
  margin: 0 0 calc(var(--h) * 26);
  border-bottom: 2px solid #004F99;
}
.planning-production-flow__list__text h3 .num {
  position: absolute;
  right: 0;
  bottom: calc(var(--f) * 10);
  display: block;
  height: calc(var(--f) * 88);
}
.planning-production-flow__list__text h3 .ja {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  display: block;
  padding: calc(var(--h) * 40) 0 0;
  font-size: calc(var(--f) * 24);
}
@media screen and (max-width: 960px) {
  .planning-production-flow__list__text h3 .ja {
    font-size: calc(var(--f) * 24);
  }
}
.planning-production-flow__list__text p {
  line-height: 1.55;
}
@media screen and (min-width: 960.02px) {
  .planning-production-flow__list__item {
    display: flex;
    justify-content: space-between;
  }
  .planning-production-flow__list__photo {
    width: calc(var(--f) * 462);
    flex-shrink: 0;
    margin-left: calc(var(--s) * 68);
  }
  .planning-production-flow__list__text {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .planning-production-flow__container {
    padding-top: calc(var(--h) * 60);
    padding-bottom: 0;
  }
  .planning-production-flow__head {
    font-size: calc(var(--f) * 26);
  }
  .planning-production-flow__about {
    margin-bottom: calc(var(--h) * 137);
    font-size: calc(var(--f) * 18);
    letter-spacing: 0;
  }
  .planning-production-flow__list__item {
    margin: 0 calc(var(--s) * 5) calc(var(--h) * 98);
  }
  .planning-production-flow__list__text {
    margin: 0 0 calc(var(--h) * 40);
  }
  .planning-production-flow__list__text h3 .num {
    height: calc(var(--f) * 69);
  }
  .planning-production-flow__list__text h3 .ja {
    font-size: calc(var(--f) * 22);
  }
  .planning-production-flow__list__text p {
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .planning-production-flow__list__text p {
    font-size: 14px;
  }
}

.planning-production-pager__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 1420px;
  max-width: 90vw;
  padding: 0 0 calc(var(--h) * 150);
}
@media screen and (max-width: 960px) {
  .planning-production-pager__container {
    width: 90vw;
  }
}
.planning-production-pager .btn {
  text-align: center;
  text-align: center;
}
.planning-production-pager .btn .label {
  position: relative;
  display: inline-block;
  padding: 0 2.5em;
  font-size: calc(var(--f) * 16);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 960px) {
  .planning-production-pager .btn .label {
    font-size: calc(var(--f) * 16);
  }
}
.planning-production-pager .btn .label img {
  display: block;
  margin-bottom: 0.3em;
  height: 0.9em;
}
.planning-production-pager .btn .label::after {
  content: "";
  position: absolute;
  left: calc(100% - 1.36em);
  bottom: 36%;
  display: block;
  width: 1.36em;
  height: 0.84em;
  background: url(../img/_common/btn-arrow-black.svg) right bottom 1px/auto 70% no-repeat;
  transition-duration: 160ms;
}
.planning-production-pager .btn .label:hover::after {
  width: 2.1em;
}
@media screen and (max-width: 960px) {
  .planning-production-pager .btn .label img {
    height: calc(var(--f) * 13);
  }
}
.planning-production-pager .btn .label {
  padding-left: 0;
  font-size: calc(var(--f) * 18);
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  .planning-production-pager .btn .label {
    font-size: calc(var(--f) * 18);
  }
}

.privacy-policy__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  width: 1020px;
  max-width: 90vw;
  padding: calc(var(--h) * 160) 0 calc(var(--h) * 300);
  line-height: 1.5;
}
@media screen and (max-width: 960px) {
  .privacy-policy__container {
    width: 90vw;
  }
}
.privacy-policy__head {
  margin: 0 0 3em;
}
.privacy-policy__head h2 {
  margin: 0 0 calc(var(--h) * 100);
  font-size: calc(var(--f) * 34);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .privacy-policy__head h2 {
    font-size: calc(var(--f) * 30);
  }
}
.privacy-policy__items {
  margin: 0 0 calc(var(--h) * 56);
}
.privacy-policy__items li {
  position: relative;
  margin: 0 0 1.5em;
}
.privacy-policy__items li .count {
  position: absolute;
  left: -1em;
  top: -0.1em;
  font-size: 1.15em;
}
.privacy-policy__contact {
  margin: 0 0 calc(var(--h) * 60);
}
.privacy-policy__contact a {
  color: #6F7781;
  text-decoration: underline;
}
.privacy-policy__bottom {
  position: relative;
  right: -1.5em;
  text-align: right;
}
@media screen and (max-width: 960px) {
  .privacy-policy__container {
    padding: calc(var(--h) * 52) 0 calc(var(--h) * 100);
  }
  .privacy-policy__head {
    margin-bottom: 3em;
  }
  .privacy-policy__head h2 {
    margin-bottom: calc(var(--h) * 82);
  }
  .privacy-policy__head p {
    padding: 0 calc(var(--s) * 5) 0 calc(var(--s) * 25);
  }
  .privacy-policy__items {
    padding: 0 calc(var(--s) * 5) 0 calc(var(--s) * 25);
    margin-bottom: calc(var(--h) * 38);
  }
  .privacy-policy__contact {
    padding: 0 0 0 calc(var(--s) * 25);
    margin-bottom: calc(var(--s) * 46);
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
  .privacy-policy__bottom {
    right: 0;
  }
}

.sustainability-effort {
  position: relative;
  overflow: hidden;
}
.sustainability-effort__container {
  width: calc(var(--s) * 1620);
  margin-right: auto;
  margin-left: auto;
  width: 1420px;
  max-width: 90vw;
  padding: calc(var(--h) * 147) 0 calc(var(--h) * 150);
}
@media screen and (max-width: 960px) {
  .sustainability-effort__container {
    width: 90vw;
  }
}
.sustainability-effort__head {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0 0 calc(var(--h) * 26);
  margin: 0 0 calc(var(--h) * 48);
  font-size: calc(var(--f) * 34);
  text-align: center;
}
.sustainability-effort__head::before, .sustainability-effort__head::after {
  content: "";
  position: absolute;
  top: 100%;
  background: #004F99;
}
.sustainability-effort__head::before {
  width: 100vw;
  height: 2px;
}
.sustainability-effort__head::after {
  width: calc(var(--vw, 1vw) * 71.3);
  height: 1px;
  margin-top: 1px;
  transform: rotate(-0.5deg);
  transform-origin: right top;
}
@media only screen and (min-width: 960.02px) and (min-width: 1544.02px) {
  .sustainability-effort__head::before, .sustainability-effort__head::after {
    right: calc((var(--vw, 1vw) * 100 - 1420px) * -0.5);
  }
}
@media only screen and (min-width: 960.02px) and (min-width: 1920.01px) {
  .sustainability-effort__head::before, .sustainability-effort__head::after {
    right: -250px;
  }
  .sustainability-effort__head::before {
    width: 1920px;
  }
  .sustainability-effort__head::after {
    width: 1368.96px;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1544px) {
  .sustainability-effort__head::before, .sustainability-effort__head::after {
    right: -5vw;
  }
}
@media screen and (max-width: 960px) {
  .sustainability-effort__head::before {
    right: -5vw;
  }
  .sustainability-effort__head::after {
    right: -5vw;
    width: 94vw;
    transform: rotate(-3deg);
  }
}
@media screen and (max-width: 960px) {
  .sustainability-effort__head {
    font-size: calc(var(--f) * 30);
  }
}
.sustainability-effort__about {
  width: 1080px;
  max-width: 90vw;
  margin: 0 auto calc(var(--h) * 40);
  line-height: 1.65;
}
.sustainability-effort__photo {
  width: 1080px;
  max-width: 90vw;
  margin: 0 auto calc(var(--h) * 35);
}
.sustainability-effort__list {
  width: 1080px;
  max-width: 90vw;
  margin: 0 auto;
}
.sustainability-effort__list__head {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  padding: calc(var(--h) * 68) 0 calc(var(--h) * 64);
  font-size: calc(var(--f) * 20);
  text-align: center;
}
@media screen and (max-width: 960px) {
  .sustainability-effort__list__head {
    font-size: calc(var(--f) * 20);
  }
}
.sustainability-effort__list__item {
  padding: calc(var(--h) * 50) calc(var(--s) * 25) calc(var(--h) * 36);
  background: #F7F6F3;
  border-radius: calc(var(--f) * 15);
}
.sustainability-effort__list__item .illust {
  margin: 0 0 calc(var(--h) * 24);
  text-align: center;
}
.sustainability-effort__list__item .illust img {
  display: inline-block;
  width: calc(var(--s) * 150);
}
.sustainability-effort__list__item h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-size: calc(var(--f) * 20);
  line-height: 1.46;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .sustainability-effort__list__item h4 {
    font-size: calc(var(--f) * 20);
  }
}
@media screen and (min-width: 960.02px) {
  .sustainability-effort__list__items {
    display: flex;
    justify-content: space-between;
  }
  .sustainability-effort__list__item {
    width: calc((100% - 32px) / 3);
  }
  .sustainability-effort__list__item h4 {
    min-height: calc(var(--h) * 80);
  }
}
@media screen and (max-width: 960px) {
  .sustainability-effort__container {
    padding-top: calc(var(--h) * 60);
    padding-bottom: calc(var(--h) * 100);
  }
  .sustainability-effort__about {
    padding: 0 calc(var(--s) * 5);
    margin-bottom: calc(var(--h) * 25);
    font-size: calc(var(--f) * 18);
    line-height: 1.778;
  }
  .sustainability-effort__photo {
    aspect-ratio: 372/117;
  }
  .sustainability-effort__photo img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .sustainability-effort__list__head {
    padding: calc(var(--h) * 76) 0 calc(var(--h) * 70);
    font-size: calc(var(--f) * 18);
  }
  .sustainability-effort__list__item {
    padding: calc(var(--h) * 42) calc(var(--s) * 25) calc(var(--h) * 36);
    margin: 0 calc(var(--s) * 15) calc(var(--h) * 32);
  }
  .sustainability-effort__list__item .illust {
    margin: 0 0 calc(var(--h) * 28);
  }
  .sustainability-effort__list__item .illust img {
    width: calc(var(--s) * 160);
  }
  .sustainability-effort__list__item h4 {
    margin-bottom: calc(var(--h) * 40);
  }
  .sustainability-effort__list__item p {
    font-size: calc(var(--f) * 14);
    line-height: 1.57;
  }
}
@media only screen and (max-width: 960px) and (max-width: 430px) {
  .sustainability-effort__list__item p {
    font-size: 14px;
  }
}

.technology__head {
  padding: calc(var(--h) * 150) 0 calc(var(--h) * 85);
}
.technology__head h2 {
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (max-width: 960px) {
  .technology__head {
    margin-bottom: 0;
  }
}

.technology__head_section {
  background-color: #fff;
}

.technology_slide-fit_mv {
  text-align: center;
  max-width: 1080px;
  margin: -60px auto 90px;
}

.technology_container {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
}
.technology_container h2 {
  font-size: clamp(24px, 1.77vw, 34px);
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 700;
}
.technology_container h2 span {
  display: inline-block;
}
@media (max-width: 960px) {
  .technology_container h2 {
    font-size: clamp(20px, 7.556vw, 40px);
  }
}

.technology_what_slide-fit_section {
  background: url(../img/technology/slide-fit/wtat_bg.svg) bottom center/100% auto no-repeat #dee8f2;
  padding: 117px 0 160px;
}
.technology_what_slide-fit_section .technology_container {
  display: grid;
  grid-template-columns: 1fr 44.8%;
  gap: 44px 5.93%;
}
.technology_what_slide-fit_section h2 {
  grid-area: 1/1/2/3;
}
.technology_what_slide-fit_section .technology_what_slide-fit_summary {
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
  color: #6f7781;
}
.technology_what_slide-fit_section .technology_what_slide-fit_listContent ul {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 34px 0;
}
.technology_what_slide-fit_section .technology_what_slide-fit_listContent ul li {
  width: 82%;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 50%;
  border: 3px solid #1f65a6;
  text-align: center;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f65a6;
}
.technology_what_slide-fit_section .technology_what_slide-fit_listContent ul li:nth-child(1), .technology_what_slide-fit_section .technology_what_slide-fit_listContent ul li:nth-child(2) {
  justify-self: flex-end;
}
@media (max-width: 960px) {
  .technology_what_slide-fit_section {
    padding-bottom: 100px;
  }
  .technology_what_slide-fit_section .technology_container {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .technology_what_slide-fit_section .technology_what_slide-fit_summary {
    order: 4;
  }
  .technology_what_slide-fit_section .technology_what_slide-fit_listContent ul {
    display: flex;
    margin: 0 auto;
    gap: 3%;
  }
  .technology_what_slide-fit_section .technology_what_slide-fit_listContent ul li {
    width: 100%;
    font-size: clamp(14px, 2.34vw, 24px);
  }
}
@media (max-width: 600px) {
  .technology_what_slide-fit_section .technology_what_slide-fit_listContent ul {
    display: grid;
    gap: 3vw;
  }
  .technology_what_slide-fit_section .technology_what_slide-fit_listContent ul li {
    font-size: clamp(14px, 4.8vw, 24px);
    border-radius: 9999px;
    aspect-ratio: inherit;
    line-height: 1.3;
    padding: 0.4em 0.3em;
  }
}

.technology_slide-fit_movie_section {
  background-color: #fff;
  padding: 163px 0 165px;
}
.technology_slide-fit_movie_section .technology_container {
  position: relative;
}
.technology_slide-fit_movie_section video {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1080/610;
  cursor: pointer;
}
.technology_slide-fit_movie_section .movie_play {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  margin: 0 auto;
  width: min(133px, 30%);
  aspect-ratio: 1/1;
  background: url(../img/technology/slide-fit/play.png) center/100% 100% no-repeat;
  transition: 0.3s;
  cursor: pointer;
}
.technology_slide-fit_movie_section .technology_container:hover .movie_play {
  transform: scale(1.05) translateY(-50%);
  opacity: 0.7;
}
.technology_slide-fit_movie_section .technology_container.active .movie_play {
  display: none;
}
@media (max-width: 960px) {
  .technology_slide-fit_movie_section {
    padding: 80px 0 100px;
  }
}

.technology_slide-fit_story_section {
  background-color: #f7f6f3;
  padding: 82px 0 105px;
}
.technology_slide-fit_story_section .section_title {
  text-align: center;
  padding-bottom: 32px;
  margin-bottom: 40px;
  border-bottom: 2px solid #6f7781;
}
.technology_slide-fit_story_section .section_title .section_title_inner {
  display: inline-block;
  margin: 0 auto;
}
.technology_slide-fit_story_section .section_title p {
  font-weight: 700;
  font-size: clamp(20px, 1.71vw, 24px);
  letter-spacing: 0.2em;
  line-height: 1.666;
  text-align: left;
  margin-top: 1.666em;
}
@media (max-width: 960px) {
  .technology_slide-fit_story_section .section_title p {
    font-size: clamp(16px, 5.333vw, 30px);
  }
}

.technology_slide-fit_story_contents {
  display: flex;
  gap: clamp(24px, 5.09vw, 55px);
}
.technology_slide-fit_story_contents .technology_slide-fit_story_textItem {
  letter-spacing: 0.17em;
  width: 45%;
  line-height: 1.95;
}
.technology_slide-fit_story_contents .technology_slide-fit_story_imgItem {
  flex: 1;
  text-align: center;
  font-size: 15px;
}
@media (max-width: 960px) {
  .technology_slide-fit_story_contents {
    flex-direction: column;
  }
  .technology_slide-fit_story_contents .technology_slide-fit_story_textItem {
    width: 100%;
  }
  .technology_slide-fit_story_contents .technology_slide-fit_story_imgItem {
    font-size: clamp(12px, 3.333vw, 24px);
  }
  .technology_slide-fit_story_contents .technology_slide-fit_story_imgItem figcaption {
    padding-top: 0.5em;
  }
}

.technology_slide-fit_announcement_section {
  padding: 160px 0 115px;
}
.technology_slide-fit_announcement_section .section_title p {
  margin-top: 40px;
  line-height: 2;
  text-align: center;
  font-weight: 600;
  text-wrap: pretty;
  color: #6f7781;
}
.technology_slide-fit_announcement_section .section_title p span {
  display: inline-block;
}
.technology_slide-fit_announcement_section .technology_slide-fit_announcement_contents {
  margin: 28px 0 127px;
}
.technology_slide-fit_announcement_section .technology_slide-fit_announcement_contents ul {
  display: flex;
  gap: 3.889%;
}
.technology_slide-fit_announcement_section .technology_slide-fit_announcement_contents ul li {
  flex: 1;
  background-color: #004f99;
  padding: 1.33em 0.3em 1em;
  color: #fff;
  font-size: clamp(18px, 1.71vw, 24px);
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.66;
  border: 5px #f7f6f3 solid;
}
.technology_slide-fit_announcement_section .technology_slide-fit_announcement_contents p {
  margin-top: 54px;
  font-size: clamp(18px, 1.71vw, 24px);
  color: #004f99;
  font-weight: 700;
  text-align: center;
  line-height: 1.66;
  letter-spacing: 0.17em;
}
@media (max-width: 960px) {
  .technology_slide-fit_announcement_section {
    padding: 120px 0 100px;
  }
  .technology_slide-fit_announcement_section .section_title p {
    text-align: left;
  }
  .technology_slide-fit_announcement_section .section_title p span {
    display: inline;
  }
  .technology_slide-fit_announcement_section .technology_slide-fit_announcement_contents ul {
    flex-direction: column;
  }
  .technology_slide-fit_announcement_section .technology_slide-fit_announcement_contents ul li {
    font-size: clamp(16px, 3.333vw, 24px);
    min-height: 6.09em;
  }
  .technology_slide-fit_announcement_section .technology_slide-fit_announcement_contents p {
    font-size: clamp(16px, 3.333vw, 24px);
  }
}

.technology_slide-fit_announcement_contact {
  text-align: center;
}
.technology_slide-fit_announcement_contact p {
  margin: 20px 0 35px;
  line-height: 2;
  letter-spacing: 0.1em;
}
.technology_slide-fit_announcement_contact .btn a {
  display: inline-block;
  font-size: 20px;
  padding: 16px 76px 18px 48px;
  background-color: #004f99;
  border: 1px solid #004f99;
  color: #fff;
  border-radius: 9999px;
  letter-spacing: 0.07;
  position: relative;
  transition: 0.3s;
}
.technology_slide-fit_announcement_contact .btn a::after {
  transition: 0.3s;
  content: "";
  position: absolute;
  top: 50%;
  right: 1.8em;
  transform: translateY(calc(-50% - 0.2em));
  display: block;
  width: 1.36em;
  height: 0.85em;
  background: url(../img/technology/slide-fit/btn-arrow-white.svg) center/100% 100% no-repeat;
}
.technology_slide-fit_announcement_contact .btn a:hover {
  background-color: #fff;
  color: #004f99;
}
.technology_slide-fit_announcement_contact .btn a:hover::after {
  transform: translateY(calc(-50% - 0.2em)) translateX(0.5em);
  background: url(../img/technology/slide-fit/btn-arrow-blue.svg) center/100% 100% no-repeat;
}