@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
.c-gnav__list.--child, .l-container {
  margin-inline: auto;
}
@media (min-width: 769px) {
  .c-gnav__list.--child, .l-container {
    width: min(77.7777777778vw, 112rem);
  }
}

.p-subPage-default h2, .c-headingB {
  position: relative;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
  border-bottom: solid 1px #C9C9C9;
}
.p-subPage-default h2::after, .c-headingB::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  height: 1px;
  content: "";
  background-color: #004F98;
}

@media (max-width: 768px) {
  .c-headingB.--lg {
    padding-bottom: 6.6666666667vw;
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-headingB.--lg {
    padding-bottom: min(2.2222222222vw, 3.2rem);
    font-size: min(2.2222222222vw, 3.2rem);
  }
}
@media (max-width: 768px) {
  .c-headingB.--lg::after {
    width: 17.7777777778vw;
  }
}
@media (min-width: 769px) {
  .c-headingB.--lg::after {
    width: min(4.4444444444vw, 6.4rem);
  }
}

@media (max-width: 768px) {
  .c-headingB.--md {
    padding-bottom: 2.2222222222vw;
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .c-headingB.--md {
    padding-bottom: min(0.5555555556vw, 0.8rem);
    font-size: min(2.2222222222vw, 3.2rem);
  }
}
@media (max-width: 768px) {
  .c-headingB.--md::after {
    width: 5vw;
  }
}
@media (min-width: 769px) {
  .c-headingB.--md::after {
    width: min(3.0555555556vw, 4.4rem);
  }
}

@media (max-width: 768px) {
  .p-subPage-default h2, .c-headingB.--sm {
    padding-bottom: 2.2222222222vw;
    font-size: 5vw;
  }
}
@media (min-width: 769px) {
  .p-subPage-default h2, .c-headingB.--sm {
    padding-bottom: min(0.5555555556vw, 0.8rem);
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .p-subPage-default h2::after, .c-headingB.--sm::after {
    width: 5vw;
  }
}
@media (min-width: 769px) {
  .p-subPage-default h2::after, .c-headingB.--sm::after {
    width: min(3.0555555556vw, 4.4rem);
  }
}

.p-recruit-culture__item:not(.--05):nth-of-type(2n + 1), .p-commitment-lead, .p-profile-historyBox, .p-profile-productSteps {
  position: relative;
  overflow: hidden;
}
.p-recruit-culture__item:not(.--05):nth-of-type(2n + 1)::before, .p-commitment-lead::before, .p-profile-historyBox::before, .p-profile-productSteps::before {
  position: absolute;
  inset: 0;
  filter: url(#noiseFilter);
  content: "";
  opacity: 0.3;
}

@keyframes zoomAnime {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.08);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

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

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

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

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

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

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

html {
  width: 100%;
  min-height: 100%;
  font-size: 2.7777777778vw;
}
@media (max-width: 768px) {
  html {
    margin-top: 0 !important;
  }
}
@media (min-width: 769px) {
  html {
    font-size: 0.6944444444vw;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 62.5%;
  }
}
@media (max-width: 768px) {
  html.is-overFlowHidden {
    height: 100%;
    overflow-y: hidden;
  }
}

body {
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 400;
  font-family: "Noto Sans JP", "ヒラノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
  color: #1D1D1D;
}
@media (max-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}
@media (min-width: 769px) {
  body {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  body.is-overFlowHidden {
    height: 100%;
    overflow-y: hidden;
  }
}

@supports (-webkit-touch-callout: none) {
  html {
    height: -webkit-fill-available;
  }
  body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
  }
}
a {
  transition-duration: 0.4s;
}
@media (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

img {
  max-width: 100%;
}

summary {
  list-style: none;
  cursor: pointer;
}

/*
  main
--------------------------------------*/
.l-body {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
/*
  header
--------------------------------------*/
.l-header {
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
@media (max-width: 768px) {
  .l-header {
    height: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .l-header {
    height: min(8.3333333333vw, 12rem);
  }
}

/*
  main
--------------------------------------*/
.l-main {
  position: relative;
  display: block;
  flex: 1;
}
@media (max-width: 768px) {
  .l-main {
    margin-top: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .l-main {
    margin-top: min(8.3333333333vw, 12rem);
  }
}

/*
  container
--------------------------------------*/
@media (max-width: 768px) {
  .l-container.--default {
    padding-inline: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .l-container.--x-narrow {
    width: min(51.1805555556vw, 73.7rem);
  }
}
@media (min-width: 769px) {
  .l-container.--narrow {
    width: min(61.1111111111vw, 88rem);
  }
}
@media (min-width: 769px) {
  .l-container.--wide {
    width: min(86.6666666667vw, 124.8rem);
  }
}
@media (min-width: 769px) {
  .l-container.--m-wide {
    width: min(88.8888888889vw, 128rem);
  }
}
@media (min-width: 769px) {
  .l-container.--l-wide {
    width: min(91.1111111111vw, 131.2rem);
  }
}
@media (min-width: 769px) {
  .l-container.--x-wide {
    width: min(94.4444444444vw, 136rem);
  }
}
@media (min-width: 769px) {
  .l-container.--xx-wide {
    width: min(95.4861111111vw, 137.5rem);
  }
}
@media (min-width: 769px) {
  .l-container.--widest {
    width: min(100vw, 144rem);
  }
}
@media (min-width: 769px) {
  .l-container.--pc-full {
    width: 100%;
  }
}

/*
  grid
--------------------------------------*/
.l-grid {
  display: grid;
}
@media (max-width: 768px) {
  .l-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .l-grid.--sp-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 769px) {
  .l-grid.--col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 769px) {
  .l-grid.--col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 769px) {
  .l-grid.--col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}

/*
  header
--------------------------------------*/
.c-header {
  width: 100%;
  background-color: #fff;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .c-header {
    padding: 8.0555555556vw 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-header {
    padding: min(2.1527777778vw, 3.1rem) min(2.2222222222vw, 3.2rem);
  }
}
.c-header-container {
  width: 100%;
}
@media (min-width: 769px) {
  .c-header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .c-header-logo {
    width: 25.2777777778vw;
  }
}
@media (min-width: 769px) {
  .c-header-logo {
    width: min(10.2083333333vw, 14.7rem);
  }
}

@media (max-width: 768px) {
  .c-header-toggle {
    z-index: 2000;
    position: fixed;
    right: 4.4444444444vw;
    top: 11.1111111111vw;
    transform: translateY(-50%);
  }
}
@media (min-width: 769px) {
  .c-header-toggle {
    display: none;
  }
}
.c-header-toggle__btn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.1111111111vw;
  width: 8.8888888889vw;
  aspect-ratio: 1/1;
  background-color: #004F98;
  border-radius: 100vmax;
  transition-duration: 0.4s;
}
.c-header-toggle__btn.is-active {
  background-color: #fff;
}
.c-header-toggle__btn.is-active .c-header-toggle__line {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  background-color: #004F98;
}
.c-header-toggle__btn.is-active .c-header-toggle__line:first-child {
  rotate: 45deg;
}
.c-header-toggle__btn.is-active .c-header-toggle__line:last-child {
  rotate: -45deg;
}
.c-header-toggle__line {
  display: block;
  width: 3.3333333333vw;
  height: 1px;
  background-color: #fff;
  transition-duration: 0.4s;
}

/*
  gnav
--------------------------------------*/
.c-gnav {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .c-gnav {
    display: none;
  }
}
@media (min-width: 769px) {
  .c-gnav {
    justify-content: space-between;
    gap: min(5.6944444444vw, 8.2rem);
    height: 100%;
  }
}
@media (max-width: 768px) {
  .c-gnav.is-active {
    z-index: 1000;
    position: fixed;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100dvh;
    padding: 18.3333333333vw 8.3333333333vw 23.0555555556vw;
    background-color: #004F98;
    overflow-y: scroll;
  }
}
.c-gnav__sub {
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .c-gnav__sub {
    width: 100%;
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-gnav__sub {
    position: absolute;
    left: 0;
    bottom: min(2.1527777778vw, 3.1rem);
    transform: translateY(100%);
    width: 100%;
    max-height: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 768px) {
  .c-gnav__list {
    width: 100%;
  }
}
.c-gnav__list:not(.--child) {
  display: flex;
}
@media (max-width: 768px) {
  .c-gnav__list:not(.--child) {
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .c-gnav__list:not(.--child) {
    gap: min(3.3333333333vw, 4.8rem);
  }
}
@media (max-width: 768px) {
  .c-gnav__list.--child {
    display: flex;
    flex-direction: column;
    gap: 1.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-gnav__list.--child {
    padding-block: min(4.7222222222vw, 6.8rem) min(5.3472222222vw, 7.7rem);
  }
}
@media (max-width: 768px) {
  .c-gnav__item:not(.--child) {
    padding-block: 6.6666666667vw;
    font-size: 4.4444444444vw;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 769px) {
  .c-gnav__item:not(.--child) {
    font-size: min(1.1111111111vw, 1.6rem);
    font-weight: 600;
  }
}
@media (min-width: 769px) {
  .c-gnav__item:not(.--child).is-current > .c-gnav__link {
    position: relative;
    color: #004F98;
  }
}
@media (min-width: 769px) {
  .c-gnav__item:not(.--child).is-current > .c-gnav__link::before {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    display: block;
    width: min(0.4166666667vw, 0.6rem);
    aspect-ratio: 1/1;
    content: "";
    background-color: #004F98;
    border-radius: 100vmax;
  }
}
@media (min-width: 769px) {
  .c-gnav__item:not(.--child):hover .c-gnav__sub {
    max-height: 100dvh;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 769px) {
  .c-gnav__item:not(.--child) > .c-gnav__link {
    display: flex;
    align-items: center;
    min-height: min(3.8888888889vw, 5.6rem);
  }
}
@media (min-width: 769px) {
  .c-gnav__item:not(.--child) > .c-gnav__link:hover {
    color: #004F98;
  }
}
@media (max-width: 768px) {
  .c-gnav__item:not(.--child).--has-child {
    position: relative;
  }
}
@media (max-width: 768px) {
  .c-gnav__item:not(.--child).--has-child.is-open > .c-gnav__link::after {
    rotate: 180deg;
  }
}
.c-gnav__item:not(.--child).--has-child > .c-gnav__link::after {
  position: absolute;
  display: block;
  aspect-ratio: 1/1;
  content: "";
}
@media (max-width: 768px) {
  .c-gnav__item:not(.--child).--has-child > .c-gnav__link::after {
    right: 0;
    top: 7.2222222222vw;
    width: 5.5555555556vw;
    background: url("../images/common/icon/icon_chevron_down_white.svg") center center/contain no-repeat;
    transition-duration: 0.4s;
  }
}
@media (min-width: 769px) {
  .c-gnav__item:not(.--child).--has-child > .c-gnav__link::after {
    z-index: 1;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    width: min(1.3888888889vw, 2rem);
    background: url("../images/common/icon/icon_chevron_down_blue.svg") center center/contain no-repeat;
  }
}
.c-gnav__item.--child {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .c-gnav__item.--child {
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-gnav__item.--child {
    width: 50%;
  }
}
@media (min-width: 769px) {
  .c-gnav__item.--child:first-of-type {
    font-size: min(3.3333333333vw, 4.8rem);
    color: #004F98;
  }
}
@media (min-width: 769px) {
  .c-gnav__item.--child:first-of-type .c-gnav__link:hover {
    color: rgb(0, 105.5065789474, 203);
  }
}
@media (min-width: 769px) {
  .c-gnav__item.--child:nth-of-type(n + 2) {
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
@media (min-width: 769px) {
  .c-gnav__item.--child:nth-of-type(n + 2) .c-gnav__link {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding-block: min(0.4166666667vw, 0.6rem);
  }
}
@media (min-width: 769px) {
  .c-gnav__item.--child:nth-of-type(n + 2) .c-gnav__link::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: min(3.3333333333vw, 4.8rem);
    aspect-ratio: 1/1;
    content: "";
    background: url("../images/common/icon/icon_chevron_right_circle_blue.svg") center center/contain no-repeat;
    transition-duration: 0.4s;
  }
}
.c-gnav__item.--child:nth-of-type(n + 2) .c-gnav__link:hover::after {
  translate: min(0.3472222222vw, 0.5rem) 0;
}
@media (min-width: 769px) {
  .c-gnav__item.--child:nth-of-type(2) {
    margin-top: min(2.1527777778vw, 3.1rem);
  }
}
@media (min-width: 769px) {
  .c-gnav__item.--child:nth-of-type(n + 3) {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .c-gnav__item.--child .c-gnav__link {
    position: relative;
    padding-left: 6.6666666667vw;
  }
}
@media (max-width: 768px) {
  .c-gnav__item.--child .c-gnav__link::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 2.2222222222vw;
    height: 1px;
    content: "";
    background-color: #fff;
  }
}
.c-gnav__link {
  display: block;
}
@media (max-width: 768px) {
  .c-gnav__link {
    color: #fff;
  }
}
@media (min-width: 769px) {
  .c-gnav__link {
    position: relative;
    transition-duration: 0.4s;
  }
}
.c-gnav__btnArea {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .c-gnav__btnArea {
    flex-direction: column;
    gap: 4.7222222222vw;
    width: 100%;
    padding-block: 8.3333333333vw 9.7222222222vw;
  }
}
@media (min-width: 769px) {
  .c-gnav__btnArea {
    gap: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .c-gnav__btn {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .c-gnav__privacy {
    width: 100%;
    padding-top: 4.1666666667vw;
    border-top: 1px solid #EBECED;
  }
}
@media (min-width: 769px) {
  .c-gnav__privacy {
    display: none;
  }
}
@media (max-width: 768px) {
  .c-gnav__privacy__link {
    font-size: 3.8888888889vw;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.03em;
    color: #fff;
  }
}

/*
  sideNav
--------------------------------------*/
@media (max-width: 768px) {
  .c-sideNav {
    display: none;
  }
}
@media (min-width: 769px) {
  .c-sideNav {
    z-index: 100;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.c-sideNav__list {
  display: flex;
  flex-direction: column;
  gap: min(0.9027777778vw, 1.3rem);
}
.c-sideNav__link {
  display: flex;
  align-items: center;
  width: min(5.625vw, 8.1rem);
  font-size: min(1.3888888889vw, 2rem);
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.12em;
  writing-mode: vertical-rl;
  border-radius: min(0.5555555556vw, 0.8rem) 0 0 min(0.5555555556vw, 0.8rem);
  transition-duration: 0.4s;
}
.c-sideNav__link.--catalog {
  gap: min(0.6944444444vw, 1rem);
  padding-inline: min(0.8333333333vw, 1.2rem) min(1.3194444444vw, 1.9rem);
  background-color: #DD3136;
}
.c-sideNav__link.--catalog:hover {
  background-color: rgb(224.6125, 70.8875, 75.35625);
}
.c-sideNav__link.--search {
  gap: min(0.9722222222vw, 1.4rem);
  padding-inline: min(1.4583333333vw, 2.1rem) min(3.0555555556vw, 4.4rem);
  background-color: #004F98;
}
.c-sideNav__link.--search:hover {
  background-color: rgb(0, 92.2532894737, 177.5);
}
.c-sideNav__icon {
  width: min-cp(32);
}

/*
  card
--------------------------------------*/
.c-cardA {
  position: relative;
  display: flex;
  flex-direction: column;
  transition: 0.4s;
}
@media (max-width: 768px) {
  .c-cardA {
    gap: 7.7777777778vw;
    padding: 4.7222222222vw 3.6111111111vw 20vw;
    border-radius: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-cardA {
    gap: min(0.9722222222vw, 1.4rem);
    height: 100%;
    padding: min(0.9027777778vw, 1.3rem) min(1.8055555556vw, 2.6rem) min(3.8888888889vw, 5.6rem);
    border-radius: min(1.3888888889vw, 2rem);
  }
}
.c-cardA.--white {
  background-color: #fff;
}
.c-cardA.--gradient-blue {
  background: linear-gradient(to right, #0962CF 0%, #238DDB 100%);
}
@media (min-width: 769px) {
  .c-cardA:hover {
    box-shadow: 0 min(0.2777777778vw, 0.4rem) min(0.2777777778vw, 0.4rem) rgba(0, 0, 0, 0.25);
  }
}
@media (min-width: 769px) {
  .c-cardA:hover .c-cardA__icon.--body {
    transform: translateX(min(0.3472222222vw, 0.5rem));
  }
}
.c-cardA__head {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-cardA__head {
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .c-cardA__head {
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
@media (min-width: 769px) {
  .c-cardA__head.--line-2 {
    height: min(8.125vw, 11.7rem);
  }
}
.c-cardA__body {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-cardA__body {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .c-cardA__body {
    padding-right: min(6.0416666667vw, 8.7rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.c-cardA__icon.--head {
  display: block;
}
@media (max-width: 768px) {
  .c-cardA__icon.--head {
    width: 6.1111111111vw;
    margin-bottom: 1.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-cardA__icon.--head {
    width: min(2.5694444444vw, 3.7rem);
    margin-bottom: min(0.9722222222vw, 1.4rem);
  }
}
.c-cardA__icon.--body {
  position: absolute;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .c-cardA__icon.--body {
    width: 10.2777777778vw;
    right: 3.8888888889vw;
    bottom: 7.7777777778vw;
  }
}
@media (min-width: 769px) {
  .c-cardA__icon.--body {
    width: min(4.2361111111vw, 6.1rem);
    right: min(2.5vw, 3.6rem);
  }
}
@media (min-width: 769px) {
  .c-cardA__icon.--body:not(.--vertical-middle) {
    top: min(4.0277777778vw, 5.8rem);
  }
}
@media (min-width: 769px) {
  .c-cardA__icon.--body.--vertical-middle {
    top: 50%;
    translate: 0 -50%;
  }
}

.c-cardB {
  display: flex;
  flex-direction: column;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .c-cardB {
    border-radius: 1.1111111111vw;
    padding: 3.8888888889vw 4.7222222222vw 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .c-cardB {
    gap: min(0.5555555556vw, 0.8rem);
    padding: min(1.3194444444vw, 1.9rem) min(1.3888888889vw, 2rem) min(1.875vw, 2.7rem);
    border-radius: min(0.5555555556vw, 0.8rem);
  }
}
.c-cardB.--blue {
  background-color: #004F98;
}
@media (min-width: 769px) {
  .c-cardB:hover {
    box-shadow: 0 min(0.2777777778vw, 0.4rem) min(0.2777777778vw, 0.4rem) rgba(0, 0, 0, 0.25);
  }
}
.c-cardB__head {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-cardB__head {
    font-size: 3.6111111111vw;
  }
}
@media (min-width: 769px) {
  .c-cardB__head {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.c-cardB__body {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-cardB__body {
    margin-top: 1.6666666667vw;
    font-size: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .c-cardB__body {
    margin-top: min(0.5555555556vw, 0.8rem);
    font-size: min(0.9722222222vw, 1.4rem);
  }
}
.c-cardB__icon.--head {
  display: block;
}
@media (max-width: 768px) {
  .c-cardB__icon.--head {
    width: 5.2777777778vw;
    margin-bottom: 2.5vw;
  }
}
@media (min-width: 769px) {
  .c-cardB__icon.--head {
    width: min(1.5972222222vw, 2.3rem);
    margin-bottom: min(0.6944444444vw, 1rem);
  }
}
.c-cardB__btnBox {
  display: flex;
  align-items: flex-end;
  flex: 1;
}
@media (max-width: 768px) {
  .c-cardB__btnBox {
    margin-top: 7.7777777778vw;
  }
}

/*
  footer
--------------------------------------*/
.c-footer {
  width: 100%;
  color: #fff;
  background-color: #004F98;
}
@media (max-width: 768px) {
  .c-footer {
    padding-block: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .c-footer {
    padding-block: min(5.5555555556vw, 8rem);
  }
}
.c-footer a {
  color: inherit;
}

.c-footer-container.--main {
  display: grid;
}
@media (max-width: 768px) {
  .c-footer-container.--main {
    grid-template-columns: 1fr;
    gap: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-footer-container.--main {
    grid-template-columns: min(14.7916666667vw, 21.3rem) auto;
    gap: min(4.1666666667vw, 6rem);
  }
}
@media (max-width: 768px) {
  .c-footer-container.--sub {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-footer-container.--sub {
    margin-top: min(11.25vw, 16.2rem);
    padding-top: min(1.8055555556vw, 2.6rem);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
  }
}

@media (max-width: 768px) {
  .c-footer-logo {
    width: 45.5555555556vw;
  }
}
@media (min-width: 769px) {
  .c-footer-logo {
    width: min(11.3888888889vw, 16.4rem);
  }
}

.c-footer-companyName {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .c-footer-companyName {
    margin-top: 11.1111111111vw;
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .c-footer-companyName {
    margin-top: min(3.3333333333vw, 4.8rem);
    font-size: min(1.3888888889vw, 2rem);
  }
}

@media (max-width: 768px) {
  .c-footer-companyAddress {
    margin-top: min(0.7638888889vw, 1.1rem);
  }
}
@media (min-width: 769px) {
  .c-footer-companyAddress {
    margin-top: min(0.7638888889vw, 1.1rem);
  }
}
.c-footer-companyAddress__head, .c-footer-companyAddress__body {
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .c-footer-companyAddress__head, .c-footer-companyAddress__body {
    font-size: 4.4444444444vw;
    font-weight: 400;
  }
}
@media (min-width: 769px) {
  .c-footer-companyAddress__head, .c-footer-companyAddress__body {
    font-size: min(1.1111111111vw, 1.6rem);
    font-weight: 600;
  }
}
@media (max-width: 768px) {
  .c-footer-companyAddress__body {
    margin-top: min(0.7638888889vw, 1.1rem);
  }
}
@media (min-width: 769px) {
  .c-footer-companyAddress__body {
    margin-top: min(0.2777777778vw, 0.4rem);
  }
}

@media (max-width: 768px) {
  .c-footer-contacts {
    margin-top: min(0.2777777778vw, 0.4rem);
  }
}
@media (min-width: 769px) {
  .c-footer-contacts {
    margin-top: min(0.2777777778vw, 0.4rem);
  }
}
.c-footer-contacts a {
  text-decoration: none;
}
.c-footer-contacts__inner {
  display: flex;
  align-items: center;
}
.c-footer-contacts__head, .c-footer-contacts__body {
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .c-footer-contacts__head, .c-footer-contacts__body {
    font-size: 3.8888888889vw;
    font-weight: 400;
  }
}
@media (min-width: 769px) {
  .c-footer-contacts__head, .c-footer-contacts__body {
    font-size: min(0.9722222222vw, 1.4rem);
    font-weight: 600;
  }
}
.c-footer-contacts__link:hover {
  text-decoration: underline;
}

.c-footer-nav {
  display: grid;
}
@media (max-width: 768px) {
  .c-footer-nav {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 769px) {
  .c-footer-nav {
    grid-template-columns: min(11.3194444444vw, 16.3rem) auto auto auto;
    gap: min(2.2222222222vw, 3.2rem);
  }
}
@media (max-width: 768px) {
  .c-footer-nav__list.--parent:not(.--has-child) {
    margin-bottom: 11.1111111111vw;
  }
}
@media (max-width: 768px) {
  .c-footer-nav__list.--child {
    padding-bottom: 4.4444444444vw;
  }
}
.c-footer-nav__item {
  line-height: 1.5;
  letter-spacing: 0.08em;
}
.c-footer-nav__item.--parent {
  font-weight: 600;
}
@media (max-width: 768px) {
  .c-footer-nav__item.--parent {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-footer-nav__item.--parent {
    font-size: min(1.25vw, 1.8rem);
  }
}
@media (min-width: 769px) {
  .c-footer-nav__item.--parent:not(:first-of-type) {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .c-footer-nav__item.--parent:not(:first-of-type) > .c-footer-nav__link {
    margin-top: 4.4444444444vw;
  }
}
@media (max-width: 768px) {
  .c-footer-nav__item.--parent.--has-child {
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  }
}
.c-footer-nav__item.--parent.--has-child.is-open .c-footer-nav__link.--parent::after {
  rotate: 180deg;
}
@media (max-width: 768px) {
  .c-footer-nav__item.--parent.--has-child .c-footer-nav__link.--parent {
    position: relative;
    padding-block: 4.4444444444vw;
  }
}
@media (max-width: 768px) {
  .c-footer-nav__item.--parent.--has-child .c-footer-nav__link.--parent::after {
    position: absolute;
    right: 0;
    top: 7.7777777778vw;
    translate: 0 -50%;
    display: block;
    width: 5.5555555556vw;
    aspect-ratio: 1/1;
    content: "";
    background: url("../images/common/icon/icon_chevron_down_white.svg") center center/contain no-repeat;
    transition-duration: 0.4s;
    transform-origin: center;
  }
}
.c-footer-nav__item.--child {
  font-weight: 400;
}
@media (max-width: 768px) {
  .c-footer-nav__item.--child {
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-footer-nav__item.--child {
    font-size: min(0.9722222222vw, 1.4rem);
  }
}
@media (max-width: 768px) {
  .c-footer-nav__item.--child:not(:first-of-type) {
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-footer-nav__item.--child:not(:first-of-type) {
    margin-top: min(0.5555555556vw, 0.8rem);
  }
}
@media (max-width: 768px) {
  .c-footer-nav__link {
    display: block;
  }
}
@media (max-width: 768px) {
  .c-footer-nav__link.--child {
    position: relative;
    padding-left: 8.8888888889vw;
  }
}
@media (max-width: 768px) {
  .c-footer-nav__link.--child::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 2.2222222222vw;
    height: 1px;
    content: "";
    background-color: #fff;
  }
}
@media (min-width: 769px) {
  .c-footer-nav__link:hover {
    text-decoration: underline;
  }
}
@media (min-width: 769px) {
  .c-footer-nav__sub {
    margin-top: min(0.6944444444vw, 1rem);
    padding-top: min(1.5277777778vw, 2.2rem);
    border-top: solid 1px rgba(255, 255, 255, 0.5);
  }
}

.c-footer-privacy {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .c-footer-privacy {
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-footer-privacy {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.c-footer-privacy__link:hover {
  text-decoration: underline;
}

.c-footer-credit {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .c-footer-credit {
    margin-top: 11.1111111111vw;
    font-size: 3.8888888889vw;
    font-family: "Roboto", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
  }
}
@media (min-width: 769px) {
  .c-footer-credit {
    margin-top: min(1.5277777778vw, 2.2rem);
    text-align: center;
    font-size: min(0.8333333333vw, 1.2rem);
  }
}

/*
  scroll
--------------------------------------*/
/*
  heading
--------------------------------------*/
.c-headingA.--xl .c-headingA__small {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-headingA.--xl .c-headingA__small {
    font-size: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .c-headingA.--xl .c-headingA__small {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.c-headingA.--xl .c-headingA__large {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-headingA.--xl .c-headingA__large {
    font-size: 6.6666666667vw;
    font-weight: 700;
  }
}
@media (min-width: 769px) {
  .c-headingA.--xl .c-headingA__large {
    font-size: min(2.7777777778vw, 4rem);
  }
}
.c-headingA.--lg .c-headingA__small {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-headingA.--lg .c-headingA__small {
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-headingA.--lg .c-headingA__small {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.c-headingA.--lg .c-headingA__large {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-headingA.--lg .c-headingA__large {
    font-size: 7.7777777778vw;
    font-weight: 700;
  }
}
@media (min-width: 769px) {
  .c-headingA.--lg .c-headingA__large {
    font-size: min(2.5vw, 3.6rem);
  }
}
.c-headingA.--md .c-headingA__small {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-headingA.--md .c-headingA__small {
    font-size: 3.3333333333vw;
    font-weight: 700;
  }
}
@media (min-width: 769px) {
  .c-headingA.--md .c-headingA__small {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.c-headingA.--md .c-headingA__large {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-headingA.--md .c-headingA__large {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-headingA.--md .c-headingA__large {
    font-size: min(2.2222222222vw, 3.2rem);
  }
}
.c-headingA__small {
  font-weight: 700;
  color: #004F98;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.c-headingA__large {
  font-weight: 700;
  color: #004F98;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.c-headingC {
  position: relative;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .c-headingC {
    padding-top: 4.7222222222vw;
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-headingC {
    padding-top: min(1.1805555556vw, 1.7rem);
    font-size: min(2.2222222222vw, 3.2rem);
  }
}
.c-headingC::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 1px;
  content: "";
  background-color: #004F98;
}
@media (max-width: 768px) {
  .c-headingC::before {
    width: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-headingC::before {
    width: min(2.5vw, 3.6rem);
  }
}

/*
  pagination
--------------------------------------*/
.c-pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 768px) {
  .c-pagination {
    margin-top: 13.3333333333vw;
    padding-inline: 15.5555555556vw;
  }
}
@media (min-width: 769px) {
  .c-pagination {
    margin-top: min(11.0416666667vw, 15.9rem);
    padding-inline: min(6.6666666667vw, 9.6rem);
  }
}
.c-pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .c-pagination__list {
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-pagination__list {
    gap: min(1.6666666667vw, 2.4rem);
  }
}
.c-pagination__item {
  letter-spacing: 0.03em;
}
@media (max-width: 768px) {
  .c-pagination__item {
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-pagination__item {
    font-size: min(1.3888888889vw, 2rem);
  }
}
.c-pagination__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .c-pagination__link {
    width: 6.6666666667vw;
  }
}
.c-pagination__link:not(.is-current) {
  color: #004F98;
}
.c-pagination__link.is-current {
  color: #fff;
}
.c-pagination__link.is-current::before {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  display: block;
  aspect-ratio: 1/1;
  content: "";
  background-color: #004F98;
  border-radius: 100vmax;
}
@media (max-width: 768px) {
  .c-pagination__link.is-current::before {
    width: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-pagination__link.is-current::before {
    width: min(2.0833333333vw, 3rem);
  }
}
.c-pagination__text {
  z-index: 1;
  position: relative;
}
.c-pagination__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 1/1;
}
@media (max-width: 768px) {
  .c-pagination__nav {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-pagination__nav {
    width: min(5vw, 7.2rem);
  }
}
.c-pagination__nav.--prev {
  left: 0;
}
.c-pagination__nav.--next {
  right: 0;
}

/*
  button
--------------------------------------*/
.c-btn {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 600;
  transition-duration: 0.4s;
}
.c-btn:hover {
  opacity: 0.8;
}
.c-btn.--rounded {
  border-radius: 100vmax;
}
.c-btn.--gnav-question, .c-btn.--gnav-contact {
  justify-content: center;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-btn.--gnav-question, .c-btn.--gnav-contact {
    gap: 2.2222222222vw;
    height: 15.5555555556vw;
    font-size: 4.4444444444vw;
    font-weight: 700;
  }
}
@media (min-width: 769px) {
  .c-btn.--gnav-question, .c-btn.--gnav-contact {
    gap: min(0.5555555556vw, 0.8rem);
    height: min(3.8888888889vw, 5.6rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.c-btn.--gnav-question {
  color: #fff;
  background-color: #525760;
}
@media (min-width: 769px) {
  .c-btn.--gnav-question {
    width: min(14.7916666667vw, 21.3rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--gnav-contact {
    color: #004F98;
    background-color: #fff;
  }
}
@media (min-width: 769px) {
  .c-btn.--gnav-contact {
    width: min(13.6111111111vw, 19.6rem);
    color: #fff;
    background-color: #004F98;
  }
}
.c-btn.--ghost {
  border: solid 1px #004F98;
}
.c-btn.--ghost.--md {
  color: #004F98;
}
.c-btn.--ghost.--blue {
  color: #004F98;
  background-color: transparent;
}
.c-btn.--ghost.--blue:hover {
  background-color: rgb(244.125, 248.1125, 251.375);
}
.c-btn.--ghost.--blue.is-active {
  color: #fff;
  background-color: #004F98;
}
.c-btn.--white {
  font-weight: 700;
  color: #004F98;
  background-color: #fff;
}
.c-btn.--blue {
  color: #fff;
  background-color: #004F98;
}
.c-btn.--xs {
  font-weight: 600;
}
@media (max-width: 768px) {
  .c-btn.--xs {
    padding: 1.1111111111vw 4.4444444444vw;
    font-size: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--xs {
    padding: min(0.2777777778vw, 0.4rem) min(1.1111111111vw, 1.6rem);
    font-size: min(0.8333333333vw, 1.2rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--sm {
    height: 8.0555555556vw;
    font-size: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--sm {
    height: min(2.2916666667vw, 3.3rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
@media (min-width: 769px) {
  .c-btn.--sm:not(.--fit-content) {
    min-width: min(14.5138888889vw, 20.9rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--sm.--fit-content {
    padding-inline: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--sm.--fit-content {
    padding-inline: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--sm.--icon-left {
    gap: 0.5555555556vw;
    padding-inline: 3.3333333333vw 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--sm.--icon-left {
    gap: min(0.3472222222vw, 0.5rem);
    padding-inline: min(0.9722222222vw, 1.4rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--md {
    min-width: 56.1111111111vw;
    padding-inline: 4.7222222222vw 18.0555555556vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--md {
    padding-inline: min(1.3888888889vw, 2rem) min(6.9444444444vw, 10rem);
    font-size: min(1.3888888889vw, 2rem);
  }
}
@media (min-width: 769px) and (min-width: 769px) {
  .c-btn.--md:hover .--arrow-circle-right {
    translate: min(0.3472222222vw, 0.5rem) 0;
  }
}
@media (max-width: 768px) {
  .c-btn.--md:not(.--sp-full) {
    width: -moz-fit-content;
    width: fit-content;
    padding-inline: 7.7777777778vw;
  }
}
@media (max-width: 768px) {
  .c-btn.--md:not(.--sp-full).--arrow-circle-right {
    padding-inline: 7.7777777778vw 16.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--md:not(.--narrow) {
    min-width: min(22.7083333333vw, 32.7rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--md:not(.--low-height):not(.--mid-height) {
    height: 14.7222222222vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--md:not(.--low-height):not(.--mid-height) {
    height: min(5.1388888889vw, 7.4rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--md:not(.--sp-low-height) {
    height: 20.5555555556vw;
  }
}
@media (max-width: 768px) {
  .c-btn.--md .--sp-low-height {
    height: 17.7777777778vw;
  }
}
@media (max-width: 768px) {
  .c-btn.--lg {
    min-width: 79.7222222222vw;
    height: 18.8888888889vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--lg {
    min-width: min(25vw, 36rem);
    height: min(5.625vw, 8.1rem);
    font-size: min(1.5277777778vw, 2.2rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--lg.--icon-left {
    gap: 0.5555555556vw;
    padding-left: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--lg.--icon-left {
    gap: min(0.8333333333vw, 1.2rem);
    padding-left: min(2.5694444444vw, 3.7rem);
  }
}
@media (min-width: 769px) {
  .c-btn.--lg.--arrow-circle-right {
    padding-right: min(5.1388888889vw, 7.4rem);
  }
}
@media (min-width: 769px) {
  .c-btn.--lg:hover .--arrow-circle-right {
    translate: min(0.3472222222vw, 0.5rem) 0;
  }
}
@media (max-width: 768px) {
  .c-btn.--low-height {
    height: 11.1111111111vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--low-height {
    height: min(2.7777777778vw, 4rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--low-height.--fit-content {
    gap: 2.2222222222vw;
    padding-inline: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--low-height.--fit-content {
    gap: min(0.5555555556vw, 0.8rem);
    padding-inline: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--mid-height {
    height: 15.5555555556vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--mid-height {
    height: min(4.5138888889vw, 6.5rem);
    font-size: min(1.5277777778vw, 2.2rem);
  }
}
@media (max-width: 768px) {
  .c-btn.--mid-height.--fit-content {
    gap: 2.2222222222vw;
    padding-inline: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-btn.--mid-height.--fit-content {
    gap: min(0.5555555556vw, 0.8rem);
    padding-inline: min(1.6666666667vw, 2.4rem);
  }
}
@media (min-width: 769px) {
  .c-btn.--mid-height.--middle-wide {
    min-width: min(24.8611111111vw, 35.8rem);
  }
}
.c-btn.--fit-content {
  width: -moz-fit-content;
  width: fit-content;
}
.c-btn.--centered {
  justify-content: center;
  text-align: center;
}
@media (max-width: 768px) {
  .c-btn.--sp-full {
    width: 100%;
    padding-inline: 7.7777777778vw;
  }
}
.c-btn__icon {
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .c-btn__icon.--gnav {
    width: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-btn__icon.--gnav {
    width: min(1.6666666667vw, 2.4rem);
  }
}
@media (min-width: 769px) {
  .c-btn__icon.--left.--lg {
    width: min(2.6388888889vw, 3.8rem);
  }
}
@media (min-width: 769px) {
  .c-btn__icon.--left.--md {
    width: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .c-btn__icon.--left.--sm {
    width: 5.5555555556vw;
  }
}
.c-btn__icon.--arrow-circle-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .c-btn__icon.--arrow-circle-right.--md {
    right: 3.8888888889vw;
    width: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-btn__icon.--arrow-circle-right.--md {
    right: min(1.3888888889vw, 2rem);
    width: min(3.125vw, 4.5rem);
  }
}
@media (max-width: 768px) {
  .c-btn__icon.--arrow-circle-right.--lg {
    right: 8.8888888889vw;
    width: 11.9444444444vw;
  }
}
@media (min-width: 769px) {
  .c-btn__icon.--arrow-circle-right.--lg {
    right: min(2.5694444444vw, 3.7rem);
    width: min(3.5416666667vw, 5.1rem);
  }
}

/*
  link
--------------------------------------*/
.c-link {
  color: #0074DF;
  transition-duration: 0.4s;
}
.c-link:hover {
  color: #004F98;
}
.c-link:not(.--no-line) {
  text-decoration: underline;
}

/*
  table
--------------------------------------*/
@media (max-width: 768px) {
  .c-table th, .c-table td {
    display: block;
  }
}
.c-table tbody th {
  vertical-align: middle;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-table tbody th {
    padding: 4.4444444444vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-table tbody th {
    min-width: min(17.8472222222vw, 25.7rem);
    padding: min(1.6666666667vw, 2.4rem) min(2.2222222222vw, 3.2rem);
    font-size: min(1.3888888889vw, 2rem);
  }
}
.c-table tbody td {
  vertical-align: middle;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-table tbody td {
    padding: 4.4444444444vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-table tbody td {
    padding: min(0.9722222222vw, 1.4rem) min(1.6666666667vw, 2.4rem);
    font-size: min(1.3888888889vw, 2rem);
  }
}
.c-table.--colored tbody th {
  color: #004F98;
  background-color: #E1ECF5;
  border-bottom: solid 1px #fff;
}
.c-table.--colored tbody td {
  background-color: #F4F4F6;
  border-bottom: solid 1px #E1ECF5;
}
@media (min-width: 769px) {
  .c-table__col.--rounded-left-top-pc {
    border-top-left-radius: min(1.1111111111vw, 1.6rem);
  }
}
@media (min-width: 769px) {
  .c-table__col.--rounded-right-top-pc {
    border-top-right-radius: min(1.1111111111vw, 1.6rem);
  }
}
@media (min-width: 769px) {
  .c-table__col.--rounded-left-bottom-pc {
    border-bottom-left-radius: min(1.1111111111vw, 1.6rem);
  }
}
@media (min-width: 769px) {
  .c-table__col.--rounded-right-bottom-pc {
    border-bottom-right-radius: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .c-table__col.--rounded-left-top-sp {
    border-top-left-radius: 4.4444444444vw;
  }
}
@media (max-width: 768px) {
  .c-table__col.--rounded-right-top-sp {
    border-top-right-radius: 4.4444444444vw;
  }
}
@media (max-width: 768px) {
  .c-table__col.--rounded-left-bottom-sp {
    border-bottom-left-radius: 4.4444444444vw;
  }
}
@media (max-width: 768px) {
  .c-table__col.--rounded-right-bottom-sp {
    border-bottom-right-radius: 4.4444444444vw;
  }
}

/*
  tableBox
--------------------------------------*/
@media (max-width: 768px) {
  .c-tableBox {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox {
    margin-top: min(4.4444444444vw, 6.4rem);
  }
}
.c-tableBox.--border-top .c-tableBox__item:first-child {
  border-top: solid 1px #C9C9C9;
}
@media (max-width: 768px) {
  .c-tableBox.--border-top .c-tableBox__item:first-child {
    padding-top: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox.--border-top .c-tableBox__item:first-child {
    padding-top: min(2.2222222222vw, 3.2rem);
  }
}
@media (max-width: 768px) {
  .c-tableBox.--border-top .c-tableBox__item:first-child.--narrow {
    padding-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox.--border-top .c-tableBox__item:first-child.--narrow {
    padding-top: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .c-tableBox.--border-top .c-tableBox__item:first-child.--low-height {
    padding-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox.--border-top .c-tableBox__item:first-child.--low-height {
    padding-top: min(1.1111111111vw, 1.6rem);
  }
}
.c-tableBox__item {
  display: grid;
  width: 100%;
  border-bottom: solid 1px #C9C9C9;
}
@media (max-width: 768px) {
  .c-tableBox__item {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 769px) {
  .c-tableBox__item.--col-1 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .c-tableBox__item:not(.--narrow):not(.--low-height) {
    gap: 6.6666666667vw;
    padding-bottom: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox__item:not(.--narrow):not(.--low-height) {
    padding-bottom: min(2.2222222222vw, 3.2rem);
  }
}
@media (min-width: 769px) {
  .c-tableBox__item:not(.--narrow):not(.--low-height):not(.--col-1) {
    grid-template-columns: min(17.5vw, 25.2rem) auto;
  }
}
@media (max-width: 768px) {
  .c-tableBox__item:not(.--narrow):not(.--low-height):not(:first-child) {
    padding-top: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox__item:not(.--narrow):not(.--low-height):not(:first-child) {
    padding-top: min(2.2222222222vw, 3.2rem);
  }
}
@media (max-width: 768px) {
  .c-tableBox__item.--narrow {
    gap: 6.6666666667vw;
    padding-bottom: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox__item.--narrow {
    padding-bottom: min(1.6666666667vw, 2.4rem);
  }
}
@media (min-width: 769px) {
  .c-tableBox__item.--narrow:not(.--col-1) {
    grid-template-columns: min(13.3333333333vw, 19.2rem) auto;
  }
}
@media (max-width: 768px) {
  .c-tableBox__item.--narrow:not(:first-child) {
    padding-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox__item.--narrow:not(:first-child) {
    padding-top: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .c-tableBox__item.--low-height {
    padding-bottom: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox__item.--low-height {
    padding-bottom: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .c-tableBox__item.--low-height:not(:first-child) {
    padding-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox__item.--low-height:not(:first-child) {
    padding-top: min(1.1111111111vw, 1.6rem);
  }
}
.c-tableBox__head {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .c-tableBox__head {
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .c-tableBox__head {
    font-size: min(1.3888888889vw, 2rem);
  }
}

/*
  form
--------------------------------------*/
.c-form__group.--col-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .c-form__group.--col-2 {
    gap: 4.7222222222vw;
  }
}
@media (min-width: 769px) {
  .c-form__group.--col-2 {
    gap: min(2.2222222222vw, 3.2rem);
  }
}
@media (max-width: 768px) {
  .c-form__group + .c-form__group {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-form__group + .c-form__group {
    margin-top: min(2.2222222222vw, 3.2rem);
  }
}
.c-form__heading.--main {
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-form__heading.--main {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-form__heading.--main {
    font-size: min(1.3888888889vw, 2rem);
  }
}
.c-form__heading.--sub {
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-form__heading.--sub {
    font-size: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .c-form__heading.--sub {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .c-form__body {
    margin-top: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .c-form__body {
    margin-top: min(0.8333333333vw, 1.2rem);
  }
}
.c-form__input {
  display: block;
}
.c-form__input.--text, .c-form__input.--textArea, .c-form__input.--select {
  line-height: 1.7;
  letter-spacing: 0.05em;
  border: solid 1px #C9C9C9;
}
@media (max-width: 768px) {
  .c-form__input.--text, .c-form__input.--textArea, .c-form__input.--select {
    padding: 2.7777777778vw 4.4444444444vw;
    font-size: 4.4444444444vw;
    border-radius: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-form__input.--text, .c-form__input.--textArea, .c-form__input.--select {
    padding: min(0.6944444444vw, 1rem) min(1.1111111111vw, 1.6rem);
    font-size: min(1.1111111111vw, 1.6rem);
    border-radius: min(0.2777777778vw, 0.4rem);
  }
}
.c-form__input::-moz-placeholder {
  font-weight: 300;
  color: rgba(29, 29, 29, 0.6);
}
.c-form__input::placeholder {
  font-weight: 300;
  color: rgba(29, 29, 29, 0.6);
}
.c-form__input:focus::-moz-placeholder {
  color: transparent;
}
.c-form__input:focus::placeholder {
  color: transparent;
}
.c-form__input.--textArea.--height-low {
  height: 6.8em;
}
.c-form__input.--select {
  background-image: url("../images/common/icon/icon_chevron_down_black.svg");
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .c-form__input.--select {
    padding-right: 11.1111111111vw;
    background-size: 5.5555555556vw 5.5555555556vw;
    background-position: right 3.8888888889vw center;
  }
}
@media (min-width: 769px) {
  .c-form__input.--select {
    padding-right: min(2.7777777778vw, 4rem);
    background-size: min(1.3888888889vw, 2rem) min(1.3888888889vw, 2rem);
    background-position: right min(0.9722222222vw, 1.4rem) center;
  }
}
@media (max-width: 768px) {
  .c-form__input + .c-form__input {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-form__input + .c-form__input {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
.c-form input[type=checkbox], .c-form input[type=radio] {
  border: solid 1px #C9C9C9;
}
.c-form__note {
  font-weight: 300;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-form__note {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .c-form__note {
    font-size: min(1.0416666667vw, 1.5rem);
  }
}
.c-form .wpcf7-form-control-wrap {
  display: block;
}
@media (max-width: 768px) {
  .c-form .wpcf7-form-control-wrap:not(:first-of-type) {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-form .wpcf7-form-control-wrap:not(:first-of-type) {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
.c-form .wpcf7-list-item.first {
  margin: 0;
}

/*
  section
--------------------------------------*/
@media (max-width: 768px) {
  .c-section {
    padding: 11.1111111111vw 6.6666666667vw;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-section {
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.c-section.--white {
  background-color: #fff;
}
@media (min-width: 769px) {
  .c-section.--space-normal {
    padding: min(4.4444444444vw, 6.4rem) min(4.1666666667vw, 6rem);
  }
}
@media (min-width: 769px) {
  .c-section.--space-narrow {
    padding: min(4.4444444444vw, 6.4rem) min(2.0833333333vw, 3rem);
  }
}
@media (min-width: 769px) {
  .c-section.--space-wide {
    padding: min(4.4444444444vw, 6.4rem) min(6.5277777778vw, 9.4rem);
  }
}
@media (min-width: 769px) {
  .c-section.--space-widest {
    padding: min(5.5555555556vw, 8rem) min(13.3333333333vw, 19.2rem);
  }
}
@media (max-width: 768px) {
  .c-section + .c-section {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-section + .c-section {
    margin-top: min(4.4444444444vw, 6.4rem);
  }
}

/*
  thumbnail
--------------------------------------*/
/*
  fv
--------------------------------------*/
.c-fv {
  position: relative;
}
@media (min-width: 769px) {
  .c-fv:not(.--no-image) {
    padding-block: min(5.4166666667vw, 7.8rem) min(3.125vw, 4.5rem);
  }
}
@media (max-width: 768px) {
  .c-fv.--no-image {
    padding-bottom: 11.1111111111vw;
  }
}
.c-fv__heading.--en {
  position: relative;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .c-fv__heading.--en {
    padding-left: 3.3333333333vw;
    font-size: 3.0555555556vw;
  }
}
@media (min-width: 769px) {
  .c-fv__heading.--en {
    padding-left: min(0.8333333333vw, 1.2rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.c-fv__heading.--en::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  aspect-ratio: 1/1;
  content: "";
  background-color: #004F98;
  border-radius: 100vmax;
}
@media (max-width: 768px) {
  .c-fv__heading.--en::before {
    width: 1.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-fv__heading.--en::before {
    width: min(0.4166666667vw, 0.6rem);
  }
}
.c-fv__heading.--jp {
  font-weight: 700;
  word-break: keep-all;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .c-fv__heading.--jp {
    margin-top: 2.2222222222vw;
    font-size: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-fv__heading.--jp {
    margin-top: min(0.6944444444vw, 1rem);
    font-size: min(3.3333333333vw, 4.8rem);
  }
}
@media (max-width: 768px) {
  .c-fv__figure {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-fv__figure {
    margin-top: min(2.5vw, 3.6rem);
  }
}
.c-fv__picture {
  display: block;
  overflow: hidden;
}
@media (max-width: 768px) {
  .c-fv__picture {
    width: 100%;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-fv__picture {
    width: calc(100% - min(11.1805555556vw, 16.1rem));
    height: min(32.9166666667vw, 47.4rem);
    border-top-right-radius: min(1.1111111111vw, 1.6rem);
    border-bottom-right-radius: min(1.1111111111vw, 1.6rem);
  }
}
.c-fv__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
  labelBox
--------------------------------------*/
/*
  imgBox
--------------------------------------*/
.c-imgBox {
  display: flex;
  background-color: #E1ECF5;
  overflow: hidden;
}
@media (max-width: 768px) {
  .c-imgBox {
    flex-direction: column-reverse;
    border-radius: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-imgBox {
    border-radius: min(4.1666666667vw, 6rem);
  }
}
@media (min-width: 769px) {
  .c-imgBox.--reverse {
    flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
  .c-imgBox__textArea {
    padding: 6.6666666667vw 1.9444444444vw 6.6666666667vw 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-imgBox__textArea {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: min(4.9305555556vw, 7.1rem) min(5.1388888889vw, 7.4rem) min(4.9305555556vw, 7.1rem) min(4.6527777778vw, 6.7rem);
  }
}
.c-imgBox__main {
  flex: 1;
}
.c-imgBox__description {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-imgBox__description {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-imgBox__description {
    margin-top: min(2.9166666667vw, 4.2rem);
    font-size: min(1.5277777778vw, 2.2rem);
  }
}
.c-imgBox__btnBox {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .c-imgBox__btnBox {
    justify-content: center;
    margin-top: 17.2222222222vw;
    padding-right: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-imgBox__figure {
    flex: 1;
  }
}
@media (max-width: 768px) {
  .c-imgBox__picture, .c-imgBox__img {
    display: block;
    width: 100%;
  }
}

/*
  list
--------------------------------------*/
.c-list.--disc {
  list-style-type: disc;
  padding-left: 1em;
}
.c-list.--num {
  list-style-type: decimal;
  padding-left: 1.5em;
}

/*
  tag
--------------------------------------*/
/*
  post
--------------------------------------*/
.c-post {
  background-color: #fff;
}
@media (max-width: 768px) {
  .c-post {
    padding-block: 11.1111111111vw;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-post {
    padding-block: min(5.5555555556vw, 8rem);
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.c-post__header {
  display: flex;
  flex-direction: column-reverse;
}
@media (max-width: 768px) {
  .c-post__header {
    gap: 4.4444444444vw;
    padding-bottom: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-post__header {
    gap: min(1.1111111111vw, 1.6rem);
    padding-bottom: min(2.7777777778vw, 4rem);
  }
}
.c-post__title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .c-post__title {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-post__title {
    font-size: min(2.7777777778vw, 4rem);
  }
}
.c-post__meta {
  display: flex;
}
@media (max-width: 768px) {
  .c-post__meta {
    align-items: flex-end;
    gap: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .c-post__meta {
    align-items: center;
    gap: min(1.1805555556vw, 1.7rem);
  }
}
.c-post__category {
  display: flex;
}
@media (max-width: 768px) {
  .c-post__category {
    flex-direction: column;
    gap: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .c-post__category {
    align-items: center;
    gap: min(1.1805555556vw, 1.7rem);
  }
}
.c-post__date {
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .c-post__date {
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-post__date {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .c-post__figure {
    margin-block: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-post__figure {
    margin-block: min(2.7777777778vw, 4rem);
  }
}
.c-post__content {
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-post__content {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-post__content {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.c-post__content h2 {
  position: relative;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #004F98;
  border-bottom: solid 1px #C9C9C9;
}
@media (max-width: 768px) {
  .c-post__content h2 {
    margin-block: 6.6666666667vw 4.4444444444vw;
    padding-bottom: 2.2222222222vw;
    font-size: 5vw;
  }
}
@media (min-width: 769px) {
  .c-post__content h2 {
    margin-block: min(2.7777777778vw, 4rem) min(1.6666666667vw, 2.4rem);
    padding-bottom: min(0.5555555556vw, 0.8rem);
    font-size: min(2.2222222222vw, 3.2rem);
  }
}
.c-post__content h2::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  height: 1px;
  content: "";
  background-color: #004F98;
}
@media (max-width: 768px) {
  .c-post__content h2::after {
    width: 5vw;
  }
}
@media (min-width: 769px) {
  .c-post__content h2::after {
    width: min(3.0555555556vw, 4.4rem);
  }
}
.c-post__content h3:not(.c-postBlock__title) {
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-post__content h3:not(.c-postBlock__title) {
    margin-block: 4.4444444444vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-post__content h3:not(.c-postBlock__title) {
    margin-block: min(1.6666666667vw, 2.4rem);
    font-size: min(1.3888888889vw, 2rem);
  }
}
.c-post__content p + p {
  margin-top: 1.7em;
}
.c-post__content a {
  font-weight: 700;
  color: #0074DF;
  text-decoration: underline;
  transition-duration: 0.4s;
}
.c-post__content a:hover {
  color: #004F98;
}
@media (max-width: 768px) {
  .c-post__content table {
    margin-block: 13.3333333333vw;
  }
}
@media (min-width: 769px) {
  .c-post__content table {
    margin-block: min(3.3333333333vw, 4.8rem);
  }
}
.c-post__content table th, .c-post__content table td {
  height: auto !important;
}
.c-post__content table tbody th {
  vertical-align: middle;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
  background-color: #E1ECF5;
  border-bottom: solid 1px #fff;
}
@media (max-width: 768px) {
  .c-post__content table tbody th {
    padding: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-post__content table tbody th {
    min-width: min(17.8472222222vw, 25.7rem);
    padding: min(1.6666666667vw, 2.4rem) min(2.2222222222vw, 3.2rem);
  }
}
.c-post__content table tbody td {
  vertical-align: middle;
  background-color: #F4F4F6;
  border-bottom: solid 1px #E1ECF5;
}
@media (max-width: 768px) {
  .c-post__content table tbody td {
    padding: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-post__content table tbody td {
    padding: min(0.9722222222vw, 1.4rem) min(1.6666666667vw, 2.4rem);
  }
}

@media (max-width: 768px) {
  .c-postBlock {
    padding-block: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-postBlock {
    padding-block: min(1.6666666667vw, 2.4rem);
  }
}
.c-postBlock__title {
  position: relative;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
  border-bottom: solid 1px #C9C9C9;
}
@media (max-width: 768px) {
  .c-postBlock__title {
    margin-block: 6.6666666667vw 4.4444444444vw;
    padding-bottom: 2.2222222222vw;
    font-size: 5vw;
  }
}
@media (min-width: 769px) {
  .c-postBlock__title {
    margin-block: min(2.7777777778vw, 4rem) min(1.6666666667vw, 2.4rem);
    padding-bottom: min(0.5555555556vw, 0.8rem);
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
.c-postBlock__title::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  height: 1px;
  content: "";
  background-color: #004F98;
}
@media (max-width: 768px) {
  .c-postBlock__title::after {
    width: 5vw;
  }
}
@media (min-width: 769px) {
  .c-postBlock__title::after {
    width: min(3.0555555556vw, 4.4rem);
  }
}

/*
  news
--------------------------------------*/
.c-news__tabPanel:not(.is-active) {
  display: none;
}

.c-newsList__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #C9C9C9;
}
@media (max-width: 768px) {
  .c-newsList__item {
    gap: 4.4444444444vw;
    padding-block: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-newsList__item {
    gap: min(1.1111111111vw, 1.6rem);
    padding-block: min(1.9444444444vw, 2.8rem) min(1.6666666667vw, 2.4rem);
  }
}
.c-newsList__item:first-child {
  border-top: 1px solid #C9C9C9;
}
.c-newsList__head {
  align-items: center;
}
@media (max-width: 768px) {
  .c-newsList__head {
    display: flex;
    gap: 5.2777777778vw;
  }
}
@media (min-width: 769px) {
  .c-newsList__head.--top {
    display: flex;
    gap: min(1.5972222222vw, 2.3rem);
  }
}
@media (min-width: 769px) {
  .c-newsList__head.--archive {
    display: grid;
    grid-template-areas: "category date";
    grid-template-columns: min(9.0277777778vw, 13rem) auto;
    gap: 0.5em;
  }
}
.c-newsList__date {
  grid-area: date;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .c-newsList__date {
    font-size: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .c-newsList__date {
    font-size: min(0.8333333333vw, 1.2rem);
  }
}
@media (max-width: 768px) {
  .c-newsList__date.--archive {
    order: 2;
  }
}
.c-newsList__category {
  grid-area: category;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
}
@media (max-width: 768px) {
  .c-newsList__category.--archive {
    order: 1;
  }
}
.c-newsList__title {
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.c-newsList__link {
  display: block;
}
.c-newsList__link:hover {
  text-decoration: underline;
}

/*
  accordion
--------------------------------------*/
.c-accordion__sub {
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .c-accordion__sub:not(.is-open) {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
  }
}
@media (max-width: 768px) {
  .c-accordion__sub.is-open {
    opacity: 1;
    visibility: visible;
    max-height: 200vh;
  }
}
@media (min-width: 769px) {
  .c-accordion__sub.--all-device:not(.is-open) {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
  }
}
@media (min-width: 769px) {
  .c-accordion__sub.--all-device.is-open {
    opacity: 1;
    visibility: visible;
    max-height: 200vh;
  }
}

/*
  breadcrumbs
--------------------------------------*/
@media (max-width: 768px) {
  .c-breadcrumbs {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-breadcrumbs {
    margin-top: min(1.6666666667vw, 2.4rem);
  }
}
.c-breadcrumbs__item {
  display: inline-block;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-breadcrumbs__item {
    font-size: 3.0555555556vw;
  }
}
@media (min-width: 769px) {
  .c-breadcrumbs__item {
    font-size: min(0.9722222222vw, 1.4rem);
  }
}
.c-breadcrumbs__item:not(:first-child)::before {
  display: inline-block;
  margin-inline: 0.5em;
  content: "／";
}
.c-breadcrumbs__link {
  text-decoration: underline;
  color: #004F98;
}
.c-breadcrumbs__link:hover {
  font-weight: 400;
}

/*
  cta
--------------------------------------*/
@media (max-width: 768px) {
  .c-cta {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-cta {
    padding-block: min(8.3333333333vw, 12rem);
  }
}
@media (max-width: 768px) {
  .c-cta__list {
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-cta__list {
    gap: min(2.2222222222vw, 3.2rem);
  }
}
.c-cta__link {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .c-cta__link {
    height: 56.9444444444vw;
    border-radius: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-cta__link {
    height: min(27.6388888889vw, 39.8rem);
    border-radius: min(0.5555555556vw, 0.8rem);
  }
}
.c-cta__link.--blue {
  color: #fff;
  background-color: #004F98;
}
.c-cta__link.--pale-grey {
  color: #004F98;
  background-color: #F0F0F0;
}
.c-cta__link:hover.--blue {
  background-color: rgb(0, 92.2532894737, 177.5);
}
.c-cta__link:hover.--pale-grey {
  background-color: rgb(217.35, 231.155, 242.45);
}
.c-cta__link:hover .c-cta__icon.--arrow {
  transform: translateX(0.5rem);
}
@media (max-width: 768px) {
  .c-cta__icon.--building {
    width: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-cta__icon.--building {
    width: min(3.4722222222vw, 5rem);
  }
}
@media (max-width: 768px) {
  .c-cta__icon.--email {
    width: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .c-cta__icon.--email {
    width: min(4.4444444444vw, 6.4rem);
  }
}
.c-cta__icon.--arrow {
  position: absolute;
  display: block;
  content: "";
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .c-cta__icon.--arrow {
    right: 3.8888888889vw;
    bottom: 8.6111111111vw;
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .c-cta__icon.--arrow {
    right: min(1.6666666667vw, 2.4rem);
    bottom: min(1.6666666667vw, 2.4rem);
    width: min(5.5555555556vw, 8rem);
  }
}
.c-cta__text {
  text-align: center;
  line-height: 1.5;
}
.c-cta__text.--jp {
  font-weight: 700;
  letter-spacing: 0.12em;
}
@media (max-width: 768px) {
  .c-cta__text.--jp {
    margin-top: 2.2222222222vw;
    font-size: 5vw;
  }
}
@media (min-width: 769px) {
  .c-cta__text.--jp {
    margin-top: min(1.1111111111vw, 1.6rem);
    font-size: min(2.5vw, 3.6rem);
  }
}
.c-cta__text.--en {
  font-weight: 300;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .c-cta__text.--en {
    font-size: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .c-cta__text.--en {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}

/*
  localNav
--------------------------------------*/
@media (max-width: 768px) {
  .c-localNav {
    padding: 11.1111111111vw 6.6666666667vw;
    background-color: #fff;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .c-localNav {
    position: sticky;
    top: min(8.3333333333vw, 12rem);
    align-self: start;
  }
}
.c-localNav__list {
  display: grid;
}
@media (max-width: 768px) {
  .c-localNav__list {
    grid-template-columns: auto auto;
    gap: 4.4444444444vw 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .c-localNav__list {
    grid-template-columns: 1fr;
    gap: min(1.6666666667vw, 2.4rem);
  }
}
.c-localNav__link {
  position: relative;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 600;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .c-localNav__link {
    justify-content: space-between;
    gap: 2.2222222222vw;
    height: 8.6111111111vw;
    padding-inline: 4.4444444444vw;
    font-size: 4.1666666667vw;
    white-space: nowrap;
    color: #004F98;
    border: solid 1px #004F98;
    border-radius: 100vmax;
  }
}
@media (min-width: 769px) {
  .c-localNav__link {
    padding-left: min(0.9722222222vw, 1.4rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
@media (min-width: 769px) {
  .c-localNav__link.is-active {
    text-decoration: underline;
    color: #004F98;
  }
}
@media (min-width: 769px) {
  .c-localNav__link.is-active::before {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: min(0.4166666667vw, 0.6rem);
    aspect-ratio: 1/1;
    content: "";
    background-color: #004F98;
    border-radius: 100vmax;
  }
}
@media (max-width: 768px) {
  .c-localNav__icon {
    width: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .c-localNav__icon {
    display: none;
  }
}

/*
  hr
--------------------------------------*/
.c-hr {
  border-top: solid 1px #C9C9C9;
}
@media (min-width: 769px) {
  .c-hr {
    margin-block: min(5.8333333333vw, 8.4rem) min(4.4444444444vw, 6.4rem);
  }
}

/*
  fixedFooterBanner
--------------------------------------*/
.c-fixedFooterBanner {
  z-index: 10;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  overflow: hidden;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .c-fixedFooterBanner {
    max-height: 0;
  }
}
@media (min-width: 769px) {
  .c-fixedFooterBanner {
    display: none;
  }
}
@media (max-width: 768px) {
  .c-fixedFooterBanner.is-active {
    max-height: 10000vh;
    opacity: 1;
  }
}
.c-fixedFooterBanner__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.c-fixedFooterBanner__link {
  display: grid;
  place-content: center;
  place-items: center;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.011em;
}
@media (max-width: 768px) {
  .c-fixedFooterBanner__link {
    gap: 2.2222222222vw;
    height: 18.3333333333vw;
    font-size: 4.1666666667vw;
  }
}
.c-fixedFooterBanner__link.--red {
  background-color: #DD3136;
}
.c-fixedFooterBanner__link.--blue {
  background-color: #004F98;
}
@media (max-width: 768px) {
  .c-fixedFooterBanner__icon {
    width: 6.6666666667vw;
  }
}

/*
  colors
--------------------------------------*/
.u-color-white {
  color: #fff !important;
}
.u-color-blue {
  color: #004F98 !important;
}
.u-color-red {
  color: #DD3136 !important;
}

/*
  background-color
--------------------------------------*/
.u-bg-lightgrey {
  background-color: #F0F0F0 !important;
}

.u-bg-palegrey {
  background-color: #F4F4F6 !important;
}

.u-bg-blue {
  background-color: #004F98 !important;
}

.u-bg-white {
  background-color: #fff !important;
}

/*
  position
--------------------------------------*/
.u-position-relative {
  position: relative;
}
@media (max-width: 768px) {
  .u-position-relative-sp {
    position: relative;
  }
}
@media (min-width: 769px) {
  .u-position-relative-pc {
    position: relative;
  }
}

.u-position-absolute {
  position: absolute;
}
@media (max-width: 768px) {
  .u-position-absolute-sp {
    position: absolute;
  }
}
@media (min-width: 769px) {
  .u-position-absolute-pc {
    position: absolute;
  }
}

/*
  display
--------------------------------------*/
.u-display-block {
  display: block !important;
}
@media (max-width: 768px) {
  .u-display-block-sp {
    display: block !important;
  }
}
@media (min-width: 769px) {
  .u-display-block-pc {
    display: block !important;
  }
}
.u-display-none {
  display: none !important;
}
@media (max-width: 768px) {
  .u-display-none-sp {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .u-display-none-pc {
    display: none !important;
  }
}
.u-display-inline-block {
  display: inline-block !important;
}

/*
  flex
--------------------------------------*/
.u-flex {
  display: flex;
}

.u-justify-center {
  justify-content: center;
}
.u-justify-spaceBetween {
  justify-content: space-between;
}
.u-justify-end {
  justify-content: flex-end;
}

.u-alignItems-center {
  align-items: center;
}
.u-alignItems-end {
  align-items: flex-end;
}

.u-basis-1 {
  flex-basis: 1;
}

.u-shrink-0 {
  flex-shrink: 0;
}

/*
  size
--------------------------------------*/
.u-w-full {
  width: 100%;
}

.u-w-5 {
  width: 0.5rem !important;
}

.u-w-6 {
  width: 0.6rem !important;
}

.u-w-7 {
  width: 0.7rem !important;
}

.u-w-8 {
  width: 0.8rem !important;
}

.u-w-9 {
  width: 0.9rem !important;
}

.u-w-10 {
  width: 1rem !important;
}

.u-w-11 {
  width: 1.1rem !important;
}

.u-w-12 {
  width: 1.2rem !important;
}

.u-w-13 {
  width: 1.3rem !important;
}

.u-w-14 {
  width: 1.4rem !important;
}

.u-w-15 {
  width: 1.5rem !important;
}

.u-w-16 {
  width: 1.6rem !important;
}

.u-w-17 {
  width: 1.7rem !important;
}

.u-w-18 {
  width: 1.8rem !important;
}

.u-w-19 {
  width: 1.9rem !important;
}

.u-w-20 {
  width: 2rem !important;
}

.u-w-21 {
  width: 2.1rem !important;
}

.u-w-22 {
  width: 2.2rem !important;
}

.u-w-23 {
  width: 2.3rem !important;
}

.u-w-24 {
  width: 2.4rem !important;
}

.u-w-25 {
  width: 2.5rem !important;
}

.u-w-26 {
  width: 2.6rem !important;
}

.u-w-27 {
  width: 2.7rem !important;
}

.u-w-28 {
  width: 2.8rem !important;
}

.u-w-29 {
  width: 2.9rem !important;
}

.u-w-30 {
  width: 3rem !important;
}

.u-w-31 {
  width: 3.1rem !important;
}

.u-w-32 {
  width: 3.2rem !important;
}

.u-w-33 {
  width: 3.3rem !important;
}

.u-w-34 {
  width: 3.4rem !important;
}

.u-w-35 {
  width: 3.5rem !important;
}

.u-w-36 {
  width: 3.6rem !important;
}

.u-w-37 {
  width: 3.7rem !important;
}

.u-w-38 {
  width: 3.8rem !important;
}

.u-w-39 {
  width: 3.9rem !important;
}

.u-w-40 {
  width: 4rem !important;
}

.u-w-41 {
  width: 4.1rem !important;
}

.u-w-42 {
  width: 4.2rem !important;
}

.u-w-43 {
  width: 4.3rem !important;
}

.u-w-44 {
  width: 4.4rem !important;
}

.u-w-45 {
  width: 4.5rem !important;
}

.u-w-46 {
  width: 4.6rem !important;
}

.u-w-47 {
  width: 4.7rem !important;
}

.u-w-48 {
  width: 4.8rem !important;
}

.u-w-49 {
  width: 4.9rem !important;
}

.u-w-50 {
  width: 5rem !important;
}

.u-w-51 {
  width: 5.1rem !important;
}

.u-w-52 {
  width: 5.2rem !important;
}

.u-w-53 {
  width: 5.3rem !important;
}

.u-w-54 {
  width: 5.4rem !important;
}

.u-w-55 {
  width: 5.5rem !important;
}

.u-w-56 {
  width: 5.6rem !important;
}

.u-w-57 {
  width: 5.7rem !important;
}

.u-w-58 {
  width: 5.8rem !important;
}

.u-w-59 {
  width: 5.9rem !important;
}

.u-w-60 {
  width: 6rem !important;
}

.u-w-61 {
  width: 6.1rem !important;
}

.u-w-62 {
  width: 6.2rem !important;
}

.u-w-63 {
  width: 6.3rem !important;
}

.u-w-64 {
  width: 6.4rem !important;
}

.u-w-65 {
  width: 6.5rem !important;
}

.u-w-66 {
  width: 6.6rem !important;
}

.u-w-67 {
  width: 6.7rem !important;
}

.u-w-68 {
  width: 6.8rem !important;
}

.u-w-69 {
  width: 6.9rem !important;
}

.u-w-70 {
  width: 7rem !important;
}

.u-w-71 {
  width: 7.1rem !important;
}

.u-w-72 {
  width: 7.2rem !important;
}

.u-w-73 {
  width: 7.3rem !important;
}

.u-w-74 {
  width: 7.4rem !important;
}

.u-w-75 {
  width: 7.5rem !important;
}

.u-w-76 {
  width: 7.6rem !important;
}

.u-w-77 {
  width: 7.7rem !important;
}

.u-w-78 {
  width: 7.8rem !important;
}

.u-w-79 {
  width: 7.9rem !important;
}

.u-w-80 {
  width: 8rem !important;
}

.u-w-81 {
  width: 8.1rem !important;
}

.u-w-82 {
  width: 8.2rem !important;
}

.u-w-83 {
  width: 8.3rem !important;
}

.u-w-84 {
  width: 8.4rem !important;
}

.u-w-85 {
  width: 8.5rem !important;
}

.u-w-86 {
  width: 8.6rem !important;
}

.u-w-87 {
  width: 8.7rem !important;
}

.u-w-88 {
  width: 8.8rem !important;
}

.u-w-89 {
  width: 8.9rem !important;
}

.u-w-90 {
  width: 9rem !important;
}

.u-w-91 {
  width: 9.1rem !important;
}

.u-w-92 {
  width: 9.2rem !important;
}

.u-w-93 {
  width: 9.3rem !important;
}

.u-w-94 {
  width: 9.4rem !important;
}

.u-w-95 {
  width: 9.5rem !important;
}

.u-w-96 {
  width: 9.6rem !important;
}

.u-w-97 {
  width: 9.7rem !important;
}

.u-w-98 {
  width: 9.8rem !important;
}

.u-w-99 {
  width: 9.9rem !important;
}

.u-w-100 {
  width: 10rem !important;
}

.u-h-5 {
  height: 0.5rem !important;
}

.u-h-6 {
  height: 0.6rem !important;
}

.u-h-7 {
  height: 0.7rem !important;
}

.u-h-8 {
  height: 0.8rem !important;
}

.u-h-9 {
  height: 0.9rem !important;
}

.u-h-10 {
  height: 1rem !important;
}

.u-h-11 {
  height: 1.1rem !important;
}

.u-h-12 {
  height: 1.2rem !important;
}

.u-h-13 {
  height: 1.3rem !important;
}

.u-h-14 {
  height: 1.4rem !important;
}

.u-h-15 {
  height: 1.5rem !important;
}

.u-h-16 {
  height: 1.6rem !important;
}

.u-h-17 {
  height: 1.7rem !important;
}

.u-h-18 {
  height: 1.8rem !important;
}

.u-h-19 {
  height: 1.9rem !important;
}

.u-h-20 {
  height: 2rem !important;
}

.u-h-21 {
  height: 2.1rem !important;
}

.u-h-22 {
  height: 2.2rem !important;
}

.u-h-23 {
  height: 2.3rem !important;
}

.u-h-24 {
  height: 2.4rem !important;
}

.u-h-25 {
  height: 2.5rem !important;
}

.u-h-26 {
  height: 2.6rem !important;
}

.u-h-27 {
  height: 2.7rem !important;
}

.u-h-28 {
  height: 2.8rem !important;
}

.u-h-29 {
  height: 2.9rem !important;
}

.u-h-30 {
  height: 3rem !important;
}

.u-h-31 {
  height: 3.1rem !important;
}

.u-h-32 {
  height: 3.2rem !important;
}

.u-h-33 {
  height: 3.3rem !important;
}

.u-h-34 {
  height: 3.4rem !important;
}

.u-h-35 {
  height: 3.5rem !important;
}

.u-h-36 {
  height: 3.6rem !important;
}

.u-h-37 {
  height: 3.7rem !important;
}

.u-h-38 {
  height: 3.8rem !important;
}

.u-h-39 {
  height: 3.9rem !important;
}

.u-h-40 {
  height: 4rem !important;
}

.u-h-41 {
  height: 4.1rem !important;
}

.u-h-42 {
  height: 4.2rem !important;
}

.u-h-43 {
  height: 4.3rem !important;
}

.u-h-44 {
  height: 4.4rem !important;
}

.u-h-45 {
  height: 4.5rem !important;
}

.u-h-46 {
  height: 4.6rem !important;
}

.u-h-47 {
  height: 4.7rem !important;
}

.u-h-48 {
  height: 4.8rem !important;
}

.u-h-49 {
  height: 4.9rem !important;
}

.u-h-50 {
  height: 5rem !important;
}

.u-h-51 {
  height: 5.1rem !important;
}

.u-h-52 {
  height: 5.2rem !important;
}

.u-h-53 {
  height: 5.3rem !important;
}

.u-h-54 {
  height: 5.4rem !important;
}

.u-h-55 {
  height: 5.5rem !important;
}

.u-h-56 {
  height: 5.6rem !important;
}

.u-h-57 {
  height: 5.7rem !important;
}

.u-h-58 {
  height: 5.8rem !important;
}

.u-h-59 {
  height: 5.9rem !important;
}

.u-h-60 {
  height: 6rem !important;
}

.u-h-61 {
  height: 6.1rem !important;
}

.u-h-62 {
  height: 6.2rem !important;
}

.u-h-63 {
  height: 6.3rem !important;
}

.u-h-64 {
  height: 6.4rem !important;
}

.u-h-65 {
  height: 6.5rem !important;
}

.u-h-66 {
  height: 6.6rem !important;
}

.u-h-67 {
  height: 6.7rem !important;
}

.u-h-68 {
  height: 6.8rem !important;
}

.u-h-69 {
  height: 6.9rem !important;
}

.u-h-70 {
  height: 7rem !important;
}

.u-h-71 {
  height: 7.1rem !important;
}

.u-h-72 {
  height: 7.2rem !important;
}

.u-h-73 {
  height: 7.3rem !important;
}

.u-h-74 {
  height: 7.4rem !important;
}

.u-h-75 {
  height: 7.5rem !important;
}

.u-h-76 {
  height: 7.6rem !important;
}

.u-h-77 {
  height: 7.7rem !important;
}

.u-h-78 {
  height: 7.8rem !important;
}

.u-h-79 {
  height: 7.9rem !important;
}

.u-h-80 {
  height: 8rem !important;
}

.u-h-81 {
  height: 8.1rem !important;
}

.u-h-82 {
  height: 8.2rem !important;
}

.u-h-83 {
  height: 8.3rem !important;
}

.u-h-84 {
  height: 8.4rem !important;
}

.u-h-85 {
  height: 8.5rem !important;
}

.u-h-86 {
  height: 8.6rem !important;
}

.u-h-87 {
  height: 8.7rem !important;
}

.u-h-88 {
  height: 8.8rem !important;
}

.u-h-89 {
  height: 8.9rem !important;
}

.u-h-90 {
  height: 9rem !important;
}

.u-h-91 {
  height: 9.1rem !important;
}

.u-h-92 {
  height: 9.2rem !important;
}

.u-h-93 {
  height: 9.3rem !important;
}

.u-h-94 {
  height: 9.4rem !important;
}

.u-h-95 {
  height: 9.5rem !important;
}

.u-h-96 {
  height: 9.6rem !important;
}

.u-h-97 {
  height: 9.7rem !important;
}

.u-h-98 {
  height: 9.8rem !important;
}

.u-h-99 {
  height: 9.9rem !important;
}

.u-h-100 {
  height: 10rem !important;
}

/*
  spacing
--------------------------------------*/
/* margin */
.u-ml-auto {
  margin-left: auto;
}
@media (max-width: 768px) {
  .u-ml-auto-sp {
    margin-left: auto;
  }
}
@media (min-width: 769px) {
  .u-ml-auto-pc {
    margin-left: auto;
  }
}

.u-mr-auto {
  margin-right: auto;
}
@media (max-width: 768px) {
  .u-mr-auto-sp {
    margin-right: auto;
  }
}
@media (min-width: 769px) {
  .u-mr-auto-pc {
    margin-right: auto;
  }
}

.u-mx-auto {
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .u-mx-auto-sp {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 769px) {
  .u-mx-auto-pc {
    margin-left: auto;
    margin-right: auto;
  }
}

.u-mt-10 {
  margin-top: 1rem !important;
}

.u-mt-11 {
  margin-top: 1.1rem !important;
}

.u-mt-12 {
  margin-top: 1.2rem !important;
}

.u-mt-13 {
  margin-top: 1.3rem !important;
}

.u-mt-14 {
  margin-top: 1.4rem !important;
}

.u-mt-15 {
  margin-top: 1.5rem !important;
}

.u-mt-16 {
  margin-top: 1.6rem !important;
}

.u-mt-17 {
  margin-top: 1.7rem !important;
}

.u-mt-18 {
  margin-top: 1.8rem !important;
}

.u-mt-19 {
  margin-top: 1.9rem !important;
}

.u-mt-20 {
  margin-top: 2rem !important;
}

.u-mt-21 {
  margin-top: 2.1rem !important;
}

.u-mt-22 {
  margin-top: 2.2rem !important;
}

.u-mt-23 {
  margin-top: 2.3rem !important;
}

.u-mt-24 {
  margin-top: 2.4rem !important;
}

.u-mt-25 {
  margin-top: 2.5rem !important;
}

.u-mt-26 {
  margin-top: 2.6rem !important;
}

.u-mt-27 {
  margin-top: 2.7rem !important;
}

.u-mt-28 {
  margin-top: 2.8rem !important;
}

.u-mt-29 {
  margin-top: 2.9rem !important;
}

.u-mt-30 {
  margin-top: 3rem !important;
}

.u-mt-31 {
  margin-top: 3.1rem !important;
}

.u-mt-32 {
  margin-top: 3.2rem !important;
}

.u-mt-33 {
  margin-top: 3.3rem !important;
}

.u-mt-34 {
  margin-top: 3.4rem !important;
}

.u-mt-35 {
  margin-top: 3.5rem !important;
}

.u-mt-36 {
  margin-top: 3.6rem !important;
}

.u-mt-37 {
  margin-top: 3.7rem !important;
}

.u-mt-38 {
  margin-top: 3.8rem !important;
}

.u-mt-39 {
  margin-top: 3.9rem !important;
}

.u-mt-40 {
  margin-top: 4rem !important;
}

.u-mt-41 {
  margin-top: 4.1rem !important;
}

.u-mt-42 {
  margin-top: 4.2rem !important;
}

.u-mt-43 {
  margin-top: 4.3rem !important;
}

.u-mt-44 {
  margin-top: 4.4rem !important;
}

.u-mt-45 {
  margin-top: 4.5rem !important;
}

.u-mt-46 {
  margin-top: 4.6rem !important;
}

.u-mt-47 {
  margin-top: 4.7rem !important;
}

.u-mt-48 {
  margin-top: 4.8rem !important;
}

.u-mt-49 {
  margin-top: 4.9rem !important;
}

.u-mt-50 {
  margin-top: 5rem !important;
}

.u-mt-51 {
  margin-top: 5.1rem !important;
}

.u-mt-52 {
  margin-top: 5.2rem !important;
}

.u-mt-53 {
  margin-top: 5.3rem !important;
}

.u-mt-54 {
  margin-top: 5.4rem !important;
}

.u-mt-55 {
  margin-top: 5.5rem !important;
}

.u-mt-56 {
  margin-top: 5.6rem !important;
}

.u-mt-57 {
  margin-top: 5.7rem !important;
}

.u-mt-58 {
  margin-top: 5.8rem !important;
}

.u-mt-59 {
  margin-top: 5.9rem !important;
}

.u-mt-60 {
  margin-top: 6rem !important;
}

.u-mt-61 {
  margin-top: 6.1rem !important;
}

.u-mt-62 {
  margin-top: 6.2rem !important;
}

.u-mt-63 {
  margin-top: 6.3rem !important;
}

.u-mt-64 {
  margin-top: 6.4rem !important;
}

.u-mt-65 {
  margin-top: 6.5rem !important;
}

.u-mt-66 {
  margin-top: 6.6rem !important;
}

.u-mt-67 {
  margin-top: 6.7rem !important;
}

.u-mt-68 {
  margin-top: 6.8rem !important;
}

.u-mt-69 {
  margin-top: 6.9rem !important;
}

.u-mt-70 {
  margin-top: 7rem !important;
}

.u-mt-71 {
  margin-top: 7.1rem !important;
}

.u-mt-72 {
  margin-top: 7.2rem !important;
}

.u-mt-73 {
  margin-top: 7.3rem !important;
}

.u-mt-74 {
  margin-top: 7.4rem !important;
}

.u-mt-75 {
  margin-top: 7.5rem !important;
}

.u-mt-76 {
  margin-top: 7.6rem !important;
}

.u-mt-77 {
  margin-top: 7.7rem !important;
}

.u-mt-78 {
  margin-top: 7.8rem !important;
}

.u-mt-79 {
  margin-top: 7.9rem !important;
}

.u-mt-80 {
  margin-top: 8rem !important;
}

@media (max-width: 768px) {
  .u-mt-sp-10 {
    margin-top: 1rem !important;
  }
  .u-mt-sp-11 {
    margin-top: 1.1rem !important;
  }
  .u-mt-sp-12 {
    margin-top: 1.2rem !important;
  }
  .u-mt-sp-13 {
    margin-top: 1.3rem !important;
  }
  .u-mt-sp-14 {
    margin-top: 1.4rem !important;
  }
  .u-mt-sp-15 {
    margin-top: 1.5rem !important;
  }
  .u-mt-sp-16 {
    margin-top: 1.6rem !important;
  }
  .u-mt-sp-17 {
    margin-top: 1.7rem !important;
  }
  .u-mt-sp-18 {
    margin-top: 1.8rem !important;
  }
  .u-mt-sp-19 {
    margin-top: 1.9rem !important;
  }
  .u-mt-sp-20 {
    margin-top: 2rem !important;
  }
  .u-mt-sp-21 {
    margin-top: 2.1rem !important;
  }
  .u-mt-sp-22 {
    margin-top: 2.2rem !important;
  }
  .u-mt-sp-23 {
    margin-top: 2.3rem !important;
  }
  .u-mt-sp-24 {
    margin-top: 2.4rem !important;
  }
  .u-mt-sp-25 {
    margin-top: 2.5rem !important;
  }
  .u-mt-sp-26 {
    margin-top: 2.6rem !important;
  }
  .u-mt-sp-27 {
    margin-top: 2.7rem !important;
  }
  .u-mt-sp-28 {
    margin-top: 2.8rem !important;
  }
  .u-mt-sp-29 {
    margin-top: 2.9rem !important;
  }
  .u-mt-sp-30 {
    margin-top: 3rem !important;
  }
  .u-mt-sp-31 {
    margin-top: 3.1rem !important;
  }
  .u-mt-sp-32 {
    margin-top: 3.2rem !important;
  }
  .u-mt-sp-33 {
    margin-top: 3.3rem !important;
  }
  .u-mt-sp-34 {
    margin-top: 3.4rem !important;
  }
  .u-mt-sp-35 {
    margin-top: 3.5rem !important;
  }
  .u-mt-sp-36 {
    margin-top: 3.6rem !important;
  }
  .u-mt-sp-37 {
    margin-top: 3.7rem !important;
  }
  .u-mt-sp-38 {
    margin-top: 3.8rem !important;
  }
  .u-mt-sp-39 {
    margin-top: 3.9rem !important;
  }
  .u-mt-sp-40 {
    margin-top: 4rem !important;
  }
  .u-mt-sp-41 {
    margin-top: 4.1rem !important;
  }
  .u-mt-sp-42 {
    margin-top: 4.2rem !important;
  }
  .u-mt-sp-43 {
    margin-top: 4.3rem !important;
  }
  .u-mt-sp-44 {
    margin-top: 4.4rem !important;
  }
  .u-mt-sp-45 {
    margin-top: 4.5rem !important;
  }
  .u-mt-sp-46 {
    margin-top: 4.6rem !important;
  }
  .u-mt-sp-47 {
    margin-top: 4.7rem !important;
  }
  .u-mt-sp-48 {
    margin-top: 4.8rem !important;
  }
  .u-mt-sp-49 {
    margin-top: 4.9rem !important;
  }
  .u-mt-sp-50 {
    margin-top: 5rem !important;
  }
  .u-mt-sp-51 {
    margin-top: 5.1rem !important;
  }
  .u-mt-sp-52 {
    margin-top: 5.2rem !important;
  }
  .u-mt-sp-53 {
    margin-top: 5.3rem !important;
  }
  .u-mt-sp-54 {
    margin-top: 5.4rem !important;
  }
  .u-mt-sp-55 {
    margin-top: 5.5rem !important;
  }
  .u-mt-sp-56 {
    margin-top: 5.6rem !important;
  }
  .u-mt-sp-57 {
    margin-top: 5.7rem !important;
  }
  .u-mt-sp-58 {
    margin-top: 5.8rem !important;
  }
  .u-mt-sp-59 {
    margin-top: 5.9rem !important;
  }
  .u-mt-sp-60 {
    margin-top: 6rem !important;
  }
  .u-mt-sp-61 {
    margin-top: 6.1rem !important;
  }
  .u-mt-sp-62 {
    margin-top: 6.2rem !important;
  }
  .u-mt-sp-63 {
    margin-top: 6.3rem !important;
  }
  .u-mt-sp-64 {
    margin-top: 6.4rem !important;
  }
  .u-mt-sp-65 {
    margin-top: 6.5rem !important;
  }
  .u-mt-sp-66 {
    margin-top: 6.6rem !important;
  }
  .u-mt-sp-67 {
    margin-top: 6.7rem !important;
  }
  .u-mt-sp-68 {
    margin-top: 6.8rem !important;
  }
  .u-mt-sp-69 {
    margin-top: 6.9rem !important;
  }
  .u-mt-sp-70 {
    margin-top: 7rem !important;
  }
  .u-mt-sp-71 {
    margin-top: 7.1rem !important;
  }
  .u-mt-sp-72 {
    margin-top: 7.2rem !important;
  }
  .u-mt-sp-73 {
    margin-top: 7.3rem !important;
  }
  .u-mt-sp-74 {
    margin-top: 7.4rem !important;
  }
  .u-mt-sp-75 {
    margin-top: 7.5rem !important;
  }
  .u-mt-sp-76 {
    margin-top: 7.6rem !important;
  }
  .u-mt-sp-77 {
    margin-top: 7.7rem !important;
  }
  .u-mt-sp-78 {
    margin-top: 7.8rem !important;
  }
  .u-mt-sp-79 {
    margin-top: 7.9rem !important;
  }
  .u-mt-sp-80 {
    margin-top: 8rem !important;
  }
}
@media (min-width: 769px) {
  .u-mt-pc-10 {
    margin-top: 1rem !important;
  }
  .u-mt-pc-11 {
    margin-top: 1.1rem !important;
  }
  .u-mt-pc-12 {
    margin-top: 1.2rem !important;
  }
  .u-mt-pc-13 {
    margin-top: 1.3rem !important;
  }
  .u-mt-pc-14 {
    margin-top: 1.4rem !important;
  }
  .u-mt-pc-15 {
    margin-top: 1.5rem !important;
  }
  .u-mt-pc-16 {
    margin-top: 1.6rem !important;
  }
  .u-mt-pc-17 {
    margin-top: 1.7rem !important;
  }
  .u-mt-pc-18 {
    margin-top: 1.8rem !important;
  }
  .u-mt-pc-19 {
    margin-top: 1.9rem !important;
  }
  .u-mt-pc-20 {
    margin-top: 2rem !important;
  }
  .u-mt-pc-21 {
    margin-top: 2.1rem !important;
  }
  .u-mt-pc-22 {
    margin-top: 2.2rem !important;
  }
  .u-mt-pc-23 {
    margin-top: 2.3rem !important;
  }
  .u-mt-pc-24 {
    margin-top: 2.4rem !important;
  }
  .u-mt-pc-25 {
    margin-top: 2.5rem !important;
  }
  .u-mt-pc-26 {
    margin-top: 2.6rem !important;
  }
  .u-mt-pc-27 {
    margin-top: 2.7rem !important;
  }
  .u-mt-pc-28 {
    margin-top: 2.8rem !important;
  }
  .u-mt-pc-29 {
    margin-top: 2.9rem !important;
  }
  .u-mt-pc-30 {
    margin-top: 3rem !important;
  }
  .u-mt-pc-31 {
    margin-top: 3.1rem !important;
  }
  .u-mt-pc-32 {
    margin-top: 3.2rem !important;
  }
  .u-mt-pc-33 {
    margin-top: 3.3rem !important;
  }
  .u-mt-pc-34 {
    margin-top: 3.4rem !important;
  }
  .u-mt-pc-35 {
    margin-top: 3.5rem !important;
  }
  .u-mt-pc-36 {
    margin-top: 3.6rem !important;
  }
  .u-mt-pc-37 {
    margin-top: 3.7rem !important;
  }
  .u-mt-pc-38 {
    margin-top: 3.8rem !important;
  }
  .u-mt-pc-39 {
    margin-top: 3.9rem !important;
  }
  .u-mt-pc-40 {
    margin-top: 4rem !important;
  }
  .u-mt-pc-41 {
    margin-top: 4.1rem !important;
  }
  .u-mt-pc-42 {
    margin-top: 4.2rem !important;
  }
  .u-mt-pc-43 {
    margin-top: 4.3rem !important;
  }
  .u-mt-pc-44 {
    margin-top: 4.4rem !important;
  }
  .u-mt-pc-45 {
    margin-top: 4.5rem !important;
  }
  .u-mt-pc-46 {
    margin-top: 4.6rem !important;
  }
  .u-mt-pc-47 {
    margin-top: 4.7rem !important;
  }
  .u-mt-pc-48 {
    margin-top: 4.8rem !important;
  }
  .u-mt-pc-49 {
    margin-top: 4.9rem !important;
  }
  .u-mt-pc-50 {
    margin-top: 5rem !important;
  }
  .u-mt-pc-51 {
    margin-top: 5.1rem !important;
  }
  .u-mt-pc-52 {
    margin-top: 5.2rem !important;
  }
  .u-mt-pc-53 {
    margin-top: 5.3rem !important;
  }
  .u-mt-pc-54 {
    margin-top: 5.4rem !important;
  }
  .u-mt-pc-55 {
    margin-top: 5.5rem !important;
  }
  .u-mt-pc-56 {
    margin-top: 5.6rem !important;
  }
  .u-mt-pc-57 {
    margin-top: 5.7rem !important;
  }
  .u-mt-pc-58 {
    margin-top: 5.8rem !important;
  }
  .u-mt-pc-59 {
    margin-top: 5.9rem !important;
  }
  .u-mt-pc-60 {
    margin-top: 6rem !important;
  }
  .u-mt-pc-61 {
    margin-top: 6.1rem !important;
  }
  .u-mt-pc-62 {
    margin-top: 6.2rem !important;
  }
  .u-mt-pc-63 {
    margin-top: 6.3rem !important;
  }
  .u-mt-pc-64 {
    margin-top: 6.4rem !important;
  }
  .u-mt-pc-65 {
    margin-top: 6.5rem !important;
  }
  .u-mt-pc-66 {
    margin-top: 6.6rem !important;
  }
  .u-mt-pc-67 {
    margin-top: 6.7rem !important;
  }
  .u-mt-pc-68 {
    margin-top: 6.8rem !important;
  }
  .u-mt-pc-69 {
    margin-top: 6.9rem !important;
  }
  .u-mt-pc-70 {
    margin-top: 7rem !important;
  }
  .u-mt-pc-71 {
    margin-top: 7.1rem !important;
  }
  .u-mt-pc-72 {
    margin-top: 7.2rem !important;
  }
  .u-mt-pc-73 {
    margin-top: 7.3rem !important;
  }
  .u-mt-pc-74 {
    margin-top: 7.4rem !important;
  }
  .u-mt-pc-75 {
    margin-top: 7.5rem !important;
  }
  .u-mt-pc-76 {
    margin-top: 7.6rem !important;
  }
  .u-mt-pc-77 {
    margin-top: 7.7rem !important;
  }
  .u-mt-pc-78 {
    margin-top: 7.8rem !important;
  }
  .u-mt-pc-79 {
    margin-top: 7.9rem !important;
  }
  .u-mt-pc-80 {
    margin-top: 8rem !important;
  }
}
.u-mb-10 {
  margin-bottom: 1rem !important;
}

.u-mb-11 {
  margin-bottom: 1.1rem !important;
}

.u-mb-12 {
  margin-bottom: 1.2rem !important;
}

.u-mb-13 {
  margin-bottom: 1.3rem !important;
}

.u-mb-14 {
  margin-bottom: 1.4rem !important;
}

.u-mb-15 {
  margin-bottom: 1.5rem !important;
}

.u-mb-16 {
  margin-bottom: 1.6rem !important;
}

.u-mb-17 {
  margin-bottom: 1.7rem !important;
}

.u-mb-18 {
  margin-bottom: 1.8rem !important;
}

.u-mb-19 {
  margin-bottom: 1.9rem !important;
}

.u-mb-20 {
  margin-bottom: 2rem !important;
}

.u-mb-21 {
  margin-bottom: 2.1rem !important;
}

.u-mb-22 {
  margin-bottom: 2.2rem !important;
}

.u-mb-23 {
  margin-bottom: 2.3rem !important;
}

.u-mb-24 {
  margin-bottom: 2.4rem !important;
}

.u-mb-25 {
  margin-bottom: 2.5rem !important;
}

.u-mb-26 {
  margin-bottom: 2.6rem !important;
}

.u-mb-27 {
  margin-bottom: 2.7rem !important;
}

.u-mb-28 {
  margin-bottom: 2.8rem !important;
}

.u-mb-29 {
  margin-bottom: 2.9rem !important;
}

.u-mb-30 {
  margin-bottom: 3rem !important;
}

.u-mb-31 {
  margin-bottom: 3.1rem !important;
}

.u-mb-32 {
  margin-bottom: 3.2rem !important;
}

.u-mb-33 {
  margin-bottom: 3.3rem !important;
}

.u-mb-34 {
  margin-bottom: 3.4rem !important;
}

.u-mb-35 {
  margin-bottom: 3.5rem !important;
}

.u-mb-36 {
  margin-bottom: 3.6rem !important;
}

.u-mb-37 {
  margin-bottom: 3.7rem !important;
}

.u-mb-38 {
  margin-bottom: 3.8rem !important;
}

.u-mb-39 {
  margin-bottom: 3.9rem !important;
}

.u-mb-40 {
  margin-bottom: 4rem !important;
}

.u-mb-41 {
  margin-bottom: 4.1rem !important;
}

.u-mb-42 {
  margin-bottom: 4.2rem !important;
}

.u-mb-43 {
  margin-bottom: 4.3rem !important;
}

.u-mb-44 {
  margin-bottom: 4.4rem !important;
}

.u-mb-45 {
  margin-bottom: 4.5rem !important;
}

.u-mb-46 {
  margin-bottom: 4.6rem !important;
}

.u-mb-47 {
  margin-bottom: 4.7rem !important;
}

.u-mb-48 {
  margin-bottom: 4.8rem !important;
}

.u-mb-49 {
  margin-bottom: 4.9rem !important;
}

.u-mb-50 {
  margin-bottom: 5rem !important;
}

.u-mb-51 {
  margin-bottom: 5.1rem !important;
}

.u-mb-52 {
  margin-bottom: 5.2rem !important;
}

.u-mb-53 {
  margin-bottom: 5.3rem !important;
}

.u-mb-54 {
  margin-bottom: 5.4rem !important;
}

.u-mb-55 {
  margin-bottom: 5.5rem !important;
}

.u-mb-56 {
  margin-bottom: 5.6rem !important;
}

.u-mb-57 {
  margin-bottom: 5.7rem !important;
}

.u-mb-58 {
  margin-bottom: 5.8rem !important;
}

.u-mb-59 {
  margin-bottom: 5.9rem !important;
}

.u-mb-60 {
  margin-bottom: 6rem !important;
}

.u-mb-61 {
  margin-bottom: 6.1rem !important;
}

.u-mb-62 {
  margin-bottom: 6.2rem !important;
}

.u-mb-63 {
  margin-bottom: 6.3rem !important;
}

.u-mb-64 {
  margin-bottom: 6.4rem !important;
}

.u-mb-65 {
  margin-bottom: 6.5rem !important;
}

.u-mb-66 {
  margin-bottom: 6.6rem !important;
}

.u-mb-67 {
  margin-bottom: 6.7rem !important;
}

.u-mb-68 {
  margin-bottom: 6.8rem !important;
}

.u-mb-69 {
  margin-bottom: 6.9rem !important;
}

.u-mb-70 {
  margin-bottom: 7rem !important;
}

.u-mb-71 {
  margin-bottom: 7.1rem !important;
}

.u-mb-72 {
  margin-bottom: 7.2rem !important;
}

.u-mb-73 {
  margin-bottom: 7.3rem !important;
}

.u-mb-74 {
  margin-bottom: 7.4rem !important;
}

.u-mb-75 {
  margin-bottom: 7.5rem !important;
}

.u-mb-76 {
  margin-bottom: 7.6rem !important;
}

.u-mb-77 {
  margin-bottom: 7.7rem !important;
}

.u-mb-78 {
  margin-bottom: 7.8rem !important;
}

.u-mb-79 {
  margin-bottom: 7.9rem !important;
}

.u-mb-80 {
  margin-bottom: 8rem !important;
}

@media (max-width: 768px) {
  .u-mb-sp-10 {
    margin-bottom: 1rem !important;
  }
  .u-mb-sp-11 {
    margin-bottom: 1.1rem !important;
  }
  .u-mb-sp-12 {
    margin-bottom: 1.2rem !important;
  }
  .u-mb-sp-13 {
    margin-bottom: 1.3rem !important;
  }
  .u-mb-sp-14 {
    margin-bottom: 1.4rem !important;
  }
  .u-mb-sp-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-sp-16 {
    margin-bottom: 1.6rem !important;
  }
  .u-mb-sp-17 {
    margin-bottom: 1.7rem !important;
  }
  .u-mb-sp-18 {
    margin-bottom: 1.8rem !important;
  }
  .u-mb-sp-19 {
    margin-bottom: 1.9rem !important;
  }
  .u-mb-sp-20 {
    margin-bottom: 2rem !important;
  }
  .u-mb-sp-21 {
    margin-bottom: 2.1rem !important;
  }
  .u-mb-sp-22 {
    margin-bottom: 2.2rem !important;
  }
  .u-mb-sp-23 {
    margin-bottom: 2.3rem !important;
  }
  .u-mb-sp-24 {
    margin-bottom: 2.4rem !important;
  }
  .u-mb-sp-25 {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-sp-26 {
    margin-bottom: 2.6rem !important;
  }
  .u-mb-sp-27 {
    margin-bottom: 2.7rem !important;
  }
  .u-mb-sp-28 {
    margin-bottom: 2.8rem !important;
  }
  .u-mb-sp-29 {
    margin-bottom: 2.9rem !important;
  }
  .u-mb-sp-30 {
    margin-bottom: 3rem !important;
  }
  .u-mb-sp-31 {
    margin-bottom: 3.1rem !important;
  }
  .u-mb-sp-32 {
    margin-bottom: 3.2rem !important;
  }
  .u-mb-sp-33 {
    margin-bottom: 3.3rem !important;
  }
  .u-mb-sp-34 {
    margin-bottom: 3.4rem !important;
  }
  .u-mb-sp-35 {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-sp-36 {
    margin-bottom: 3.6rem !important;
  }
  .u-mb-sp-37 {
    margin-bottom: 3.7rem !important;
  }
  .u-mb-sp-38 {
    margin-bottom: 3.8rem !important;
  }
  .u-mb-sp-39 {
    margin-bottom: 3.9rem !important;
  }
  .u-mb-sp-40 {
    margin-bottom: 4rem !important;
  }
  .u-mb-sp-41 {
    margin-bottom: 4.1rem !important;
  }
  .u-mb-sp-42 {
    margin-bottom: 4.2rem !important;
  }
  .u-mb-sp-43 {
    margin-bottom: 4.3rem !important;
  }
  .u-mb-sp-44 {
    margin-bottom: 4.4rem !important;
  }
  .u-mb-sp-45 {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-sp-46 {
    margin-bottom: 4.6rem !important;
  }
  .u-mb-sp-47 {
    margin-bottom: 4.7rem !important;
  }
  .u-mb-sp-48 {
    margin-bottom: 4.8rem !important;
  }
  .u-mb-sp-49 {
    margin-bottom: 4.9rem !important;
  }
  .u-mb-sp-50 {
    margin-bottom: 5rem !important;
  }
  .u-mb-sp-51 {
    margin-bottom: 5.1rem !important;
  }
  .u-mb-sp-52 {
    margin-bottom: 5.2rem !important;
  }
  .u-mb-sp-53 {
    margin-bottom: 5.3rem !important;
  }
  .u-mb-sp-54 {
    margin-bottom: 5.4rem !important;
  }
  .u-mb-sp-55 {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-sp-56 {
    margin-bottom: 5.6rem !important;
  }
  .u-mb-sp-57 {
    margin-bottom: 5.7rem !important;
  }
  .u-mb-sp-58 {
    margin-bottom: 5.8rem !important;
  }
  .u-mb-sp-59 {
    margin-bottom: 5.9rem !important;
  }
  .u-mb-sp-60 {
    margin-bottom: 6rem !important;
  }
  .u-mb-sp-61 {
    margin-bottom: 6.1rem !important;
  }
  .u-mb-sp-62 {
    margin-bottom: 6.2rem !important;
  }
  .u-mb-sp-63 {
    margin-bottom: 6.3rem !important;
  }
  .u-mb-sp-64 {
    margin-bottom: 6.4rem !important;
  }
  .u-mb-sp-65 {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-sp-66 {
    margin-bottom: 6.6rem !important;
  }
  .u-mb-sp-67 {
    margin-bottom: 6.7rem !important;
  }
  .u-mb-sp-68 {
    margin-bottom: 6.8rem !important;
  }
  .u-mb-sp-69 {
    margin-bottom: 6.9rem !important;
  }
  .u-mb-sp-70 {
    margin-bottom: 7rem !important;
  }
  .u-mb-sp-71 {
    margin-bottom: 7.1rem !important;
  }
  .u-mb-sp-72 {
    margin-bottom: 7.2rem !important;
  }
  .u-mb-sp-73 {
    margin-bottom: 7.3rem !important;
  }
  .u-mb-sp-74 {
    margin-bottom: 7.4rem !important;
  }
  .u-mb-sp-75 {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-sp-76 {
    margin-bottom: 7.6rem !important;
  }
  .u-mb-sp-77 {
    margin-bottom: 7.7rem !important;
  }
  .u-mb-sp-78 {
    margin-bottom: 7.8rem !important;
  }
  .u-mb-sp-79 {
    margin-bottom: 7.9rem !important;
  }
  .u-mb-sp-80 {
    margin-bottom: 8rem !important;
  }
}
@media (min-width: 769px) {
  .u-mb-pc-10 {
    margin-bottom: 1rem !important;
  }
  .u-mb-pc-11 {
    margin-bottom: 1.1rem !important;
  }
  .u-mb-pc-12 {
    margin-bottom: 1.2rem !important;
  }
  .u-mb-pc-13 {
    margin-bottom: 1.3rem !important;
  }
  .u-mb-pc-14 {
    margin-bottom: 1.4rem !important;
  }
  .u-mb-pc-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-pc-16 {
    margin-bottom: 1.6rem !important;
  }
  .u-mb-pc-17 {
    margin-bottom: 1.7rem !important;
  }
  .u-mb-pc-18 {
    margin-bottom: 1.8rem !important;
  }
  .u-mb-pc-19 {
    margin-bottom: 1.9rem !important;
  }
  .u-mb-pc-20 {
    margin-bottom: 2rem !important;
  }
  .u-mb-pc-21 {
    margin-bottom: 2.1rem !important;
  }
  .u-mb-pc-22 {
    margin-bottom: 2.2rem !important;
  }
  .u-mb-pc-23 {
    margin-bottom: 2.3rem !important;
  }
  .u-mb-pc-24 {
    margin-bottom: 2.4rem !important;
  }
  .u-mb-pc-25 {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-pc-26 {
    margin-bottom: 2.6rem !important;
  }
  .u-mb-pc-27 {
    margin-bottom: 2.7rem !important;
  }
  .u-mb-pc-28 {
    margin-bottom: 2.8rem !important;
  }
  .u-mb-pc-29 {
    margin-bottom: 2.9rem !important;
  }
  .u-mb-pc-30 {
    margin-bottom: 3rem !important;
  }
  .u-mb-pc-31 {
    margin-bottom: 3.1rem !important;
  }
  .u-mb-pc-32 {
    margin-bottom: 3.2rem !important;
  }
  .u-mb-pc-33 {
    margin-bottom: 3.3rem !important;
  }
  .u-mb-pc-34 {
    margin-bottom: 3.4rem !important;
  }
  .u-mb-pc-35 {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-pc-36 {
    margin-bottom: 3.6rem !important;
  }
  .u-mb-pc-37 {
    margin-bottom: 3.7rem !important;
  }
  .u-mb-pc-38 {
    margin-bottom: 3.8rem !important;
  }
  .u-mb-pc-39 {
    margin-bottom: 3.9rem !important;
  }
  .u-mb-pc-40 {
    margin-bottom: 4rem !important;
  }
  .u-mb-pc-41 {
    margin-bottom: 4.1rem !important;
  }
  .u-mb-pc-42 {
    margin-bottom: 4.2rem !important;
  }
  .u-mb-pc-43 {
    margin-bottom: 4.3rem !important;
  }
  .u-mb-pc-44 {
    margin-bottom: 4.4rem !important;
  }
  .u-mb-pc-45 {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-pc-46 {
    margin-bottom: 4.6rem !important;
  }
  .u-mb-pc-47 {
    margin-bottom: 4.7rem !important;
  }
  .u-mb-pc-48 {
    margin-bottom: 4.8rem !important;
  }
  .u-mb-pc-49 {
    margin-bottom: 4.9rem !important;
  }
  .u-mb-pc-50 {
    margin-bottom: 5rem !important;
  }
  .u-mb-pc-51 {
    margin-bottom: 5.1rem !important;
  }
  .u-mb-pc-52 {
    margin-bottom: 5.2rem !important;
  }
  .u-mb-pc-53 {
    margin-bottom: 5.3rem !important;
  }
  .u-mb-pc-54 {
    margin-bottom: 5.4rem !important;
  }
  .u-mb-pc-55 {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-pc-56 {
    margin-bottom: 5.6rem !important;
  }
  .u-mb-pc-57 {
    margin-bottom: 5.7rem !important;
  }
  .u-mb-pc-58 {
    margin-bottom: 5.8rem !important;
  }
  .u-mb-pc-59 {
    margin-bottom: 5.9rem !important;
  }
  .u-mb-pc-60 {
    margin-bottom: 6rem !important;
  }
  .u-mb-pc-61 {
    margin-bottom: 6.1rem !important;
  }
  .u-mb-pc-62 {
    margin-bottom: 6.2rem !important;
  }
  .u-mb-pc-63 {
    margin-bottom: 6.3rem !important;
  }
  .u-mb-pc-64 {
    margin-bottom: 6.4rem !important;
  }
  .u-mb-pc-65 {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-pc-66 {
    margin-bottom: 6.6rem !important;
  }
  .u-mb-pc-67 {
    margin-bottom: 6.7rem !important;
  }
  .u-mb-pc-68 {
    margin-bottom: 6.8rem !important;
  }
  .u-mb-pc-69 {
    margin-bottom: 6.9rem !important;
  }
  .u-mb-pc-70 {
    margin-bottom: 7rem !important;
  }
  .u-mb-pc-71 {
    margin-bottom: 7.1rem !important;
  }
  .u-mb-pc-72 {
    margin-bottom: 7.2rem !important;
  }
  .u-mb-pc-73 {
    margin-bottom: 7.3rem !important;
  }
  .u-mb-pc-74 {
    margin-bottom: 7.4rem !important;
  }
  .u-mb-pc-75 {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-pc-76 {
    margin-bottom: 7.6rem !important;
  }
  .u-mb-pc-77 {
    margin-bottom: 7.7rem !important;
  }
  .u-mb-pc-78 {
    margin-bottom: 7.8rem !important;
  }
  .u-mb-pc-79 {
    margin-bottom: 7.9rem !important;
  }
  .u-mb-pc-80 {
    margin-bottom: 8rem !important;
  }
}
.u-ml-10 {
  margin-left: 1rem !important;
}

.u-ml-11 {
  margin-left: 1.1rem !important;
}

.u-ml-12 {
  margin-left: 1.2rem !important;
}

.u-ml-13 {
  margin-left: 1.3rem !important;
}

.u-ml-14 {
  margin-left: 1.4rem !important;
}

.u-ml-15 {
  margin-left: 1.5rem !important;
}

.u-ml-16 {
  margin-left: 1.6rem !important;
}

.u-ml-17 {
  margin-left: 1.7rem !important;
}

.u-ml-18 {
  margin-left: 1.8rem !important;
}

.u-ml-19 {
  margin-left: 1.9rem !important;
}

.u-ml-20 {
  margin-left: 2rem !important;
}

.u-ml-21 {
  margin-left: 2.1rem !important;
}

.u-ml-22 {
  margin-left: 2.2rem !important;
}

.u-ml-23 {
  margin-left: 2.3rem !important;
}

.u-ml-24 {
  margin-left: 2.4rem !important;
}

.u-ml-25 {
  margin-left: 2.5rem !important;
}

.u-ml-26 {
  margin-left: 2.6rem !important;
}

.u-ml-27 {
  margin-left: 2.7rem !important;
}

.u-ml-28 {
  margin-left: 2.8rem !important;
}

.u-ml-29 {
  margin-left: 2.9rem !important;
}

.u-ml-30 {
  margin-left: 3rem !important;
}

.u-ml-31 {
  margin-left: 3.1rem !important;
}

.u-ml-32 {
  margin-left: 3.2rem !important;
}

.u-ml-33 {
  margin-left: 3.3rem !important;
}

.u-ml-34 {
  margin-left: 3.4rem !important;
}

.u-ml-35 {
  margin-left: 3.5rem !important;
}

.u-ml-36 {
  margin-left: 3.6rem !important;
}

.u-ml-37 {
  margin-left: 3.7rem !important;
}

.u-ml-38 {
  margin-left: 3.8rem !important;
}

.u-ml-39 {
  margin-left: 3.9rem !important;
}

.u-ml-40 {
  margin-left: 4rem !important;
}

.u-ml-41 {
  margin-left: 4.1rem !important;
}

.u-ml-42 {
  margin-left: 4.2rem !important;
}

.u-ml-43 {
  margin-left: 4.3rem !important;
}

.u-ml-44 {
  margin-left: 4.4rem !important;
}

.u-ml-45 {
  margin-left: 4.5rem !important;
}

.u-ml-46 {
  margin-left: 4.6rem !important;
}

.u-ml-47 {
  margin-left: 4.7rem !important;
}

.u-ml-48 {
  margin-left: 4.8rem !important;
}

.u-ml-49 {
  margin-left: 4.9rem !important;
}

.u-ml-50 {
  margin-left: 5rem !important;
}

.u-ml-51 {
  margin-left: 5.1rem !important;
}

.u-ml-52 {
  margin-left: 5.2rem !important;
}

.u-ml-53 {
  margin-left: 5.3rem !important;
}

.u-ml-54 {
  margin-left: 5.4rem !important;
}

.u-ml-55 {
  margin-left: 5.5rem !important;
}

.u-ml-56 {
  margin-left: 5.6rem !important;
}

.u-ml-57 {
  margin-left: 5.7rem !important;
}

.u-ml-58 {
  margin-left: 5.8rem !important;
}

.u-ml-59 {
  margin-left: 5.9rem !important;
}

.u-ml-60 {
  margin-left: 6rem !important;
}

.u-ml-61 {
  margin-left: 6.1rem !important;
}

.u-ml-62 {
  margin-left: 6.2rem !important;
}

.u-ml-63 {
  margin-left: 6.3rem !important;
}

.u-ml-64 {
  margin-left: 6.4rem !important;
}

.u-ml-65 {
  margin-left: 6.5rem !important;
}

.u-ml-66 {
  margin-left: 6.6rem !important;
}

.u-ml-67 {
  margin-left: 6.7rem !important;
}

.u-ml-68 {
  margin-left: 6.8rem !important;
}

.u-ml-69 {
  margin-left: 6.9rem !important;
}

.u-ml-70 {
  margin-left: 7rem !important;
}

.u-ml-71 {
  margin-left: 7.1rem !important;
}

.u-ml-72 {
  margin-left: 7.2rem !important;
}

.u-ml-73 {
  margin-left: 7.3rem !important;
}

.u-ml-74 {
  margin-left: 7.4rem !important;
}

.u-ml-75 {
  margin-left: 7.5rem !important;
}

.u-ml-76 {
  margin-left: 7.6rem !important;
}

.u-ml-77 {
  margin-left: 7.7rem !important;
}

.u-ml-78 {
  margin-left: 7.8rem !important;
}

.u-ml-79 {
  margin-left: 7.9rem !important;
}

.u-ml-80 {
  margin-left: 8rem !important;
}

@media (max-width: 768px) {
  .u-ml-sp-10 {
    margin-left: 1rem !important;
  }
  .u-ml-sp-11 {
    margin-left: 1.1rem !important;
  }
  .u-ml-sp-12 {
    margin-left: 1.2rem !important;
  }
  .u-ml-sp-13 {
    margin-left: 1.3rem !important;
  }
  .u-ml-sp-14 {
    margin-left: 1.4rem !important;
  }
  .u-ml-sp-15 {
    margin-left: 1.5rem !important;
  }
  .u-ml-sp-16 {
    margin-left: 1.6rem !important;
  }
  .u-ml-sp-17 {
    margin-left: 1.7rem !important;
  }
  .u-ml-sp-18 {
    margin-left: 1.8rem !important;
  }
  .u-ml-sp-19 {
    margin-left: 1.9rem !important;
  }
  .u-ml-sp-20 {
    margin-left: 2rem !important;
  }
  .u-ml-sp-21 {
    margin-left: 2.1rem !important;
  }
  .u-ml-sp-22 {
    margin-left: 2.2rem !important;
  }
  .u-ml-sp-23 {
    margin-left: 2.3rem !important;
  }
  .u-ml-sp-24 {
    margin-left: 2.4rem !important;
  }
  .u-ml-sp-25 {
    margin-left: 2.5rem !important;
  }
  .u-ml-sp-26 {
    margin-left: 2.6rem !important;
  }
  .u-ml-sp-27 {
    margin-left: 2.7rem !important;
  }
  .u-ml-sp-28 {
    margin-left: 2.8rem !important;
  }
  .u-ml-sp-29 {
    margin-left: 2.9rem !important;
  }
  .u-ml-sp-30 {
    margin-left: 3rem !important;
  }
  .u-ml-sp-31 {
    margin-left: 3.1rem !important;
  }
  .u-ml-sp-32 {
    margin-left: 3.2rem !important;
  }
  .u-ml-sp-33 {
    margin-left: 3.3rem !important;
  }
  .u-ml-sp-34 {
    margin-left: 3.4rem !important;
  }
  .u-ml-sp-35 {
    margin-left: 3.5rem !important;
  }
  .u-ml-sp-36 {
    margin-left: 3.6rem !important;
  }
  .u-ml-sp-37 {
    margin-left: 3.7rem !important;
  }
  .u-ml-sp-38 {
    margin-left: 3.8rem !important;
  }
  .u-ml-sp-39 {
    margin-left: 3.9rem !important;
  }
  .u-ml-sp-40 {
    margin-left: 4rem !important;
  }
  .u-ml-sp-41 {
    margin-left: 4.1rem !important;
  }
  .u-ml-sp-42 {
    margin-left: 4.2rem !important;
  }
  .u-ml-sp-43 {
    margin-left: 4.3rem !important;
  }
  .u-ml-sp-44 {
    margin-left: 4.4rem !important;
  }
  .u-ml-sp-45 {
    margin-left: 4.5rem !important;
  }
  .u-ml-sp-46 {
    margin-left: 4.6rem !important;
  }
  .u-ml-sp-47 {
    margin-left: 4.7rem !important;
  }
  .u-ml-sp-48 {
    margin-left: 4.8rem !important;
  }
  .u-ml-sp-49 {
    margin-left: 4.9rem !important;
  }
  .u-ml-sp-50 {
    margin-left: 5rem !important;
  }
  .u-ml-sp-51 {
    margin-left: 5.1rem !important;
  }
  .u-ml-sp-52 {
    margin-left: 5.2rem !important;
  }
  .u-ml-sp-53 {
    margin-left: 5.3rem !important;
  }
  .u-ml-sp-54 {
    margin-left: 5.4rem !important;
  }
  .u-ml-sp-55 {
    margin-left: 5.5rem !important;
  }
  .u-ml-sp-56 {
    margin-left: 5.6rem !important;
  }
  .u-ml-sp-57 {
    margin-left: 5.7rem !important;
  }
  .u-ml-sp-58 {
    margin-left: 5.8rem !important;
  }
  .u-ml-sp-59 {
    margin-left: 5.9rem !important;
  }
  .u-ml-sp-60 {
    margin-left: 6rem !important;
  }
  .u-ml-sp-61 {
    margin-left: 6.1rem !important;
  }
  .u-ml-sp-62 {
    margin-left: 6.2rem !important;
  }
  .u-ml-sp-63 {
    margin-left: 6.3rem !important;
  }
  .u-ml-sp-64 {
    margin-left: 6.4rem !important;
  }
  .u-ml-sp-65 {
    margin-left: 6.5rem !important;
  }
  .u-ml-sp-66 {
    margin-left: 6.6rem !important;
  }
  .u-ml-sp-67 {
    margin-left: 6.7rem !important;
  }
  .u-ml-sp-68 {
    margin-left: 6.8rem !important;
  }
  .u-ml-sp-69 {
    margin-left: 6.9rem !important;
  }
  .u-ml-sp-70 {
    margin-left: 7rem !important;
  }
  .u-ml-sp-71 {
    margin-left: 7.1rem !important;
  }
  .u-ml-sp-72 {
    margin-left: 7.2rem !important;
  }
  .u-ml-sp-73 {
    margin-left: 7.3rem !important;
  }
  .u-ml-sp-74 {
    margin-left: 7.4rem !important;
  }
  .u-ml-sp-75 {
    margin-left: 7.5rem !important;
  }
  .u-ml-sp-76 {
    margin-left: 7.6rem !important;
  }
  .u-ml-sp-77 {
    margin-left: 7.7rem !important;
  }
  .u-ml-sp-78 {
    margin-left: 7.8rem !important;
  }
  .u-ml-sp-79 {
    margin-left: 7.9rem !important;
  }
  .u-ml-sp-80 {
    margin-left: 8rem !important;
  }
}
@media (min-width: 769px) {
  .u-ml-pc-10 {
    margin-left: 1rem !important;
  }
  .u-ml-pc-11 {
    margin-left: 1.1rem !important;
  }
  .u-ml-pc-12 {
    margin-left: 1.2rem !important;
  }
  .u-ml-pc-13 {
    margin-left: 1.3rem !important;
  }
  .u-ml-pc-14 {
    margin-left: 1.4rem !important;
  }
  .u-ml-pc-15 {
    margin-left: 1.5rem !important;
  }
  .u-ml-pc-16 {
    margin-left: 1.6rem !important;
  }
  .u-ml-pc-17 {
    margin-left: 1.7rem !important;
  }
  .u-ml-pc-18 {
    margin-left: 1.8rem !important;
  }
  .u-ml-pc-19 {
    margin-left: 1.9rem !important;
  }
  .u-ml-pc-20 {
    margin-left: 2rem !important;
  }
  .u-ml-pc-21 {
    margin-left: 2.1rem !important;
  }
  .u-ml-pc-22 {
    margin-left: 2.2rem !important;
  }
  .u-ml-pc-23 {
    margin-left: 2.3rem !important;
  }
  .u-ml-pc-24 {
    margin-left: 2.4rem !important;
  }
  .u-ml-pc-25 {
    margin-left: 2.5rem !important;
  }
  .u-ml-pc-26 {
    margin-left: 2.6rem !important;
  }
  .u-ml-pc-27 {
    margin-left: 2.7rem !important;
  }
  .u-ml-pc-28 {
    margin-left: 2.8rem !important;
  }
  .u-ml-pc-29 {
    margin-left: 2.9rem !important;
  }
  .u-ml-pc-30 {
    margin-left: 3rem !important;
  }
  .u-ml-pc-31 {
    margin-left: 3.1rem !important;
  }
  .u-ml-pc-32 {
    margin-left: 3.2rem !important;
  }
  .u-ml-pc-33 {
    margin-left: 3.3rem !important;
  }
  .u-ml-pc-34 {
    margin-left: 3.4rem !important;
  }
  .u-ml-pc-35 {
    margin-left: 3.5rem !important;
  }
  .u-ml-pc-36 {
    margin-left: 3.6rem !important;
  }
  .u-ml-pc-37 {
    margin-left: 3.7rem !important;
  }
  .u-ml-pc-38 {
    margin-left: 3.8rem !important;
  }
  .u-ml-pc-39 {
    margin-left: 3.9rem !important;
  }
  .u-ml-pc-40 {
    margin-left: 4rem !important;
  }
  .u-ml-pc-41 {
    margin-left: 4.1rem !important;
  }
  .u-ml-pc-42 {
    margin-left: 4.2rem !important;
  }
  .u-ml-pc-43 {
    margin-left: 4.3rem !important;
  }
  .u-ml-pc-44 {
    margin-left: 4.4rem !important;
  }
  .u-ml-pc-45 {
    margin-left: 4.5rem !important;
  }
  .u-ml-pc-46 {
    margin-left: 4.6rem !important;
  }
  .u-ml-pc-47 {
    margin-left: 4.7rem !important;
  }
  .u-ml-pc-48 {
    margin-left: 4.8rem !important;
  }
  .u-ml-pc-49 {
    margin-left: 4.9rem !important;
  }
  .u-ml-pc-50 {
    margin-left: 5rem !important;
  }
  .u-ml-pc-51 {
    margin-left: 5.1rem !important;
  }
  .u-ml-pc-52 {
    margin-left: 5.2rem !important;
  }
  .u-ml-pc-53 {
    margin-left: 5.3rem !important;
  }
  .u-ml-pc-54 {
    margin-left: 5.4rem !important;
  }
  .u-ml-pc-55 {
    margin-left: 5.5rem !important;
  }
  .u-ml-pc-56 {
    margin-left: 5.6rem !important;
  }
  .u-ml-pc-57 {
    margin-left: 5.7rem !important;
  }
  .u-ml-pc-58 {
    margin-left: 5.8rem !important;
  }
  .u-ml-pc-59 {
    margin-left: 5.9rem !important;
  }
  .u-ml-pc-60 {
    margin-left: 6rem !important;
  }
  .u-ml-pc-61 {
    margin-left: 6.1rem !important;
  }
  .u-ml-pc-62 {
    margin-left: 6.2rem !important;
  }
  .u-ml-pc-63 {
    margin-left: 6.3rem !important;
  }
  .u-ml-pc-64 {
    margin-left: 6.4rem !important;
  }
  .u-ml-pc-65 {
    margin-left: 6.5rem !important;
  }
  .u-ml-pc-66 {
    margin-left: 6.6rem !important;
  }
  .u-ml-pc-67 {
    margin-left: 6.7rem !important;
  }
  .u-ml-pc-68 {
    margin-left: 6.8rem !important;
  }
  .u-ml-pc-69 {
    margin-left: 6.9rem !important;
  }
  .u-ml-pc-70 {
    margin-left: 7rem !important;
  }
  .u-ml-pc-71 {
    margin-left: 7.1rem !important;
  }
  .u-ml-pc-72 {
    margin-left: 7.2rem !important;
  }
  .u-ml-pc-73 {
    margin-left: 7.3rem !important;
  }
  .u-ml-pc-74 {
    margin-left: 7.4rem !important;
  }
  .u-ml-pc-75 {
    margin-left: 7.5rem !important;
  }
  .u-ml-pc-76 {
    margin-left: 7.6rem !important;
  }
  .u-ml-pc-77 {
    margin-left: 7.7rem !important;
  }
  .u-ml-pc-78 {
    margin-left: 7.8rem !important;
  }
  .u-ml-pc-79 {
    margin-left: 7.9rem !important;
  }
  .u-ml-pc-80 {
    margin-left: 8rem !important;
  }
}
.u-mr-10 {
  margin-right: 1rem !important;
}

.u-mr-11 {
  margin-right: 1.1rem !important;
}

.u-mr-12 {
  margin-right: 1.2rem !important;
}

.u-mr-13 {
  margin-right: 1.3rem !important;
}

.u-mr-14 {
  margin-right: 1.4rem !important;
}

.u-mr-15 {
  margin-right: 1.5rem !important;
}

.u-mr-16 {
  margin-right: 1.6rem !important;
}

.u-mr-17 {
  margin-right: 1.7rem !important;
}

.u-mr-18 {
  margin-right: 1.8rem !important;
}

.u-mr-19 {
  margin-right: 1.9rem !important;
}

.u-mr-20 {
  margin-right: 2rem !important;
}

.u-mr-21 {
  margin-right: 2.1rem !important;
}

.u-mr-22 {
  margin-right: 2.2rem !important;
}

.u-mr-23 {
  margin-right: 2.3rem !important;
}

.u-mr-24 {
  margin-right: 2.4rem !important;
}

.u-mr-25 {
  margin-right: 2.5rem !important;
}

.u-mr-26 {
  margin-right: 2.6rem !important;
}

.u-mr-27 {
  margin-right: 2.7rem !important;
}

.u-mr-28 {
  margin-right: 2.8rem !important;
}

.u-mr-29 {
  margin-right: 2.9rem !important;
}

.u-mr-30 {
  margin-right: 3rem !important;
}

.u-mr-31 {
  margin-right: 3.1rem !important;
}

.u-mr-32 {
  margin-right: 3.2rem !important;
}

.u-mr-33 {
  margin-right: 3.3rem !important;
}

.u-mr-34 {
  margin-right: 3.4rem !important;
}

.u-mr-35 {
  margin-right: 3.5rem !important;
}

.u-mr-36 {
  margin-right: 3.6rem !important;
}

.u-mr-37 {
  margin-right: 3.7rem !important;
}

.u-mr-38 {
  margin-right: 3.8rem !important;
}

.u-mr-39 {
  margin-right: 3.9rem !important;
}

.u-mr-40 {
  margin-right: 4rem !important;
}

.u-mr-41 {
  margin-right: 4.1rem !important;
}

.u-mr-42 {
  margin-right: 4.2rem !important;
}

.u-mr-43 {
  margin-right: 4.3rem !important;
}

.u-mr-44 {
  margin-right: 4.4rem !important;
}

.u-mr-45 {
  margin-right: 4.5rem !important;
}

.u-mr-46 {
  margin-right: 4.6rem !important;
}

.u-mr-47 {
  margin-right: 4.7rem !important;
}

.u-mr-48 {
  margin-right: 4.8rem !important;
}

.u-mr-49 {
  margin-right: 4.9rem !important;
}

.u-mr-50 {
  margin-right: 5rem !important;
}

.u-mr-51 {
  margin-right: 5.1rem !important;
}

.u-mr-52 {
  margin-right: 5.2rem !important;
}

.u-mr-53 {
  margin-right: 5.3rem !important;
}

.u-mr-54 {
  margin-right: 5.4rem !important;
}

.u-mr-55 {
  margin-right: 5.5rem !important;
}

.u-mr-56 {
  margin-right: 5.6rem !important;
}

.u-mr-57 {
  margin-right: 5.7rem !important;
}

.u-mr-58 {
  margin-right: 5.8rem !important;
}

.u-mr-59 {
  margin-right: 5.9rem !important;
}

.u-mr-60 {
  margin-right: 6rem !important;
}

.u-mr-61 {
  margin-right: 6.1rem !important;
}

.u-mr-62 {
  margin-right: 6.2rem !important;
}

.u-mr-63 {
  margin-right: 6.3rem !important;
}

.u-mr-64 {
  margin-right: 6.4rem !important;
}

.u-mr-65 {
  margin-right: 6.5rem !important;
}

.u-mr-66 {
  margin-right: 6.6rem !important;
}

.u-mr-67 {
  margin-right: 6.7rem !important;
}

.u-mr-68 {
  margin-right: 6.8rem !important;
}

.u-mr-69 {
  margin-right: 6.9rem !important;
}

.u-mr-70 {
  margin-right: 7rem !important;
}

.u-mr-71 {
  margin-right: 7.1rem !important;
}

.u-mr-72 {
  margin-right: 7.2rem !important;
}

.u-mr-73 {
  margin-right: 7.3rem !important;
}

.u-mr-74 {
  margin-right: 7.4rem !important;
}

.u-mr-75 {
  margin-right: 7.5rem !important;
}

.u-mr-76 {
  margin-right: 7.6rem !important;
}

.u-mr-77 {
  margin-right: 7.7rem !important;
}

.u-mr-78 {
  margin-right: 7.8rem !important;
}

.u-mr-79 {
  margin-right: 7.9rem !important;
}

.u-mr-80 {
  margin-right: 8rem !important;
}

@media (max-width: 768px) {
  .u-mr-sp-10 {
    margin-right: 1rem !important;
  }
  .u-mr-sp-11 {
    margin-right: 1.1rem !important;
  }
  .u-mr-sp-12 {
    margin-right: 1.2rem !important;
  }
  .u-mr-sp-13 {
    margin-right: 1.3rem !important;
  }
  .u-mr-sp-14 {
    margin-right: 1.4rem !important;
  }
  .u-mr-sp-15 {
    margin-right: 1.5rem !important;
  }
  .u-mr-sp-16 {
    margin-right: 1.6rem !important;
  }
  .u-mr-sp-17 {
    margin-right: 1.7rem !important;
  }
  .u-mr-sp-18 {
    margin-right: 1.8rem !important;
  }
  .u-mr-sp-19 {
    margin-right: 1.9rem !important;
  }
  .u-mr-sp-20 {
    margin-right: 2rem !important;
  }
  .u-mr-sp-21 {
    margin-right: 2.1rem !important;
  }
  .u-mr-sp-22 {
    margin-right: 2.2rem !important;
  }
  .u-mr-sp-23 {
    margin-right: 2.3rem !important;
  }
  .u-mr-sp-24 {
    margin-right: 2.4rem !important;
  }
  .u-mr-sp-25 {
    margin-right: 2.5rem !important;
  }
  .u-mr-sp-26 {
    margin-right: 2.6rem !important;
  }
  .u-mr-sp-27 {
    margin-right: 2.7rem !important;
  }
  .u-mr-sp-28 {
    margin-right: 2.8rem !important;
  }
  .u-mr-sp-29 {
    margin-right: 2.9rem !important;
  }
  .u-mr-sp-30 {
    margin-right: 3rem !important;
  }
  .u-mr-sp-31 {
    margin-right: 3.1rem !important;
  }
  .u-mr-sp-32 {
    margin-right: 3.2rem !important;
  }
  .u-mr-sp-33 {
    margin-right: 3.3rem !important;
  }
  .u-mr-sp-34 {
    margin-right: 3.4rem !important;
  }
  .u-mr-sp-35 {
    margin-right: 3.5rem !important;
  }
  .u-mr-sp-36 {
    margin-right: 3.6rem !important;
  }
  .u-mr-sp-37 {
    margin-right: 3.7rem !important;
  }
  .u-mr-sp-38 {
    margin-right: 3.8rem !important;
  }
  .u-mr-sp-39 {
    margin-right: 3.9rem !important;
  }
  .u-mr-sp-40 {
    margin-right: 4rem !important;
  }
  .u-mr-sp-41 {
    margin-right: 4.1rem !important;
  }
  .u-mr-sp-42 {
    margin-right: 4.2rem !important;
  }
  .u-mr-sp-43 {
    margin-right: 4.3rem !important;
  }
  .u-mr-sp-44 {
    margin-right: 4.4rem !important;
  }
  .u-mr-sp-45 {
    margin-right: 4.5rem !important;
  }
  .u-mr-sp-46 {
    margin-right: 4.6rem !important;
  }
  .u-mr-sp-47 {
    margin-right: 4.7rem !important;
  }
  .u-mr-sp-48 {
    margin-right: 4.8rem !important;
  }
  .u-mr-sp-49 {
    margin-right: 4.9rem !important;
  }
  .u-mr-sp-50 {
    margin-right: 5rem !important;
  }
  .u-mr-sp-51 {
    margin-right: 5.1rem !important;
  }
  .u-mr-sp-52 {
    margin-right: 5.2rem !important;
  }
  .u-mr-sp-53 {
    margin-right: 5.3rem !important;
  }
  .u-mr-sp-54 {
    margin-right: 5.4rem !important;
  }
  .u-mr-sp-55 {
    margin-right: 5.5rem !important;
  }
  .u-mr-sp-56 {
    margin-right: 5.6rem !important;
  }
  .u-mr-sp-57 {
    margin-right: 5.7rem !important;
  }
  .u-mr-sp-58 {
    margin-right: 5.8rem !important;
  }
  .u-mr-sp-59 {
    margin-right: 5.9rem !important;
  }
  .u-mr-sp-60 {
    margin-right: 6rem !important;
  }
  .u-mr-sp-61 {
    margin-right: 6.1rem !important;
  }
  .u-mr-sp-62 {
    margin-right: 6.2rem !important;
  }
  .u-mr-sp-63 {
    margin-right: 6.3rem !important;
  }
  .u-mr-sp-64 {
    margin-right: 6.4rem !important;
  }
  .u-mr-sp-65 {
    margin-right: 6.5rem !important;
  }
  .u-mr-sp-66 {
    margin-right: 6.6rem !important;
  }
  .u-mr-sp-67 {
    margin-right: 6.7rem !important;
  }
  .u-mr-sp-68 {
    margin-right: 6.8rem !important;
  }
  .u-mr-sp-69 {
    margin-right: 6.9rem !important;
  }
  .u-mr-sp-70 {
    margin-right: 7rem !important;
  }
  .u-mr-sp-71 {
    margin-right: 7.1rem !important;
  }
  .u-mr-sp-72 {
    margin-right: 7.2rem !important;
  }
  .u-mr-sp-73 {
    margin-right: 7.3rem !important;
  }
  .u-mr-sp-74 {
    margin-right: 7.4rem !important;
  }
  .u-mr-sp-75 {
    margin-right: 7.5rem !important;
  }
  .u-mr-sp-76 {
    margin-right: 7.6rem !important;
  }
  .u-mr-sp-77 {
    margin-right: 7.7rem !important;
  }
  .u-mr-sp-78 {
    margin-right: 7.8rem !important;
  }
  .u-mr-sp-79 {
    margin-right: 7.9rem !important;
  }
  .u-mr-sp-80 {
    margin-right: 8rem !important;
  }
}
@media (min-width: 769px) {
  .u-mr-pc-10 {
    margin-right: 1rem !important;
  }
  .u-mr-pc-11 {
    margin-right: 1.1rem !important;
  }
  .u-mr-pc-12 {
    margin-right: 1.2rem !important;
  }
  .u-mr-pc-13 {
    margin-right: 1.3rem !important;
  }
  .u-mr-pc-14 {
    margin-right: 1.4rem !important;
  }
  .u-mr-pc-15 {
    margin-right: 1.5rem !important;
  }
  .u-mr-pc-16 {
    margin-right: 1.6rem !important;
  }
  .u-mr-pc-17 {
    margin-right: 1.7rem !important;
  }
  .u-mr-pc-18 {
    margin-right: 1.8rem !important;
  }
  .u-mr-pc-19 {
    margin-right: 1.9rem !important;
  }
  .u-mr-pc-20 {
    margin-right: 2rem !important;
  }
  .u-mr-pc-21 {
    margin-right: 2.1rem !important;
  }
  .u-mr-pc-22 {
    margin-right: 2.2rem !important;
  }
  .u-mr-pc-23 {
    margin-right: 2.3rem !important;
  }
  .u-mr-pc-24 {
    margin-right: 2.4rem !important;
  }
  .u-mr-pc-25 {
    margin-right: 2.5rem !important;
  }
  .u-mr-pc-26 {
    margin-right: 2.6rem !important;
  }
  .u-mr-pc-27 {
    margin-right: 2.7rem !important;
  }
  .u-mr-pc-28 {
    margin-right: 2.8rem !important;
  }
  .u-mr-pc-29 {
    margin-right: 2.9rem !important;
  }
  .u-mr-pc-30 {
    margin-right: 3rem !important;
  }
  .u-mr-pc-31 {
    margin-right: 3.1rem !important;
  }
  .u-mr-pc-32 {
    margin-right: 3.2rem !important;
  }
  .u-mr-pc-33 {
    margin-right: 3.3rem !important;
  }
  .u-mr-pc-34 {
    margin-right: 3.4rem !important;
  }
  .u-mr-pc-35 {
    margin-right: 3.5rem !important;
  }
  .u-mr-pc-36 {
    margin-right: 3.6rem !important;
  }
  .u-mr-pc-37 {
    margin-right: 3.7rem !important;
  }
  .u-mr-pc-38 {
    margin-right: 3.8rem !important;
  }
  .u-mr-pc-39 {
    margin-right: 3.9rem !important;
  }
  .u-mr-pc-40 {
    margin-right: 4rem !important;
  }
  .u-mr-pc-41 {
    margin-right: 4.1rem !important;
  }
  .u-mr-pc-42 {
    margin-right: 4.2rem !important;
  }
  .u-mr-pc-43 {
    margin-right: 4.3rem !important;
  }
  .u-mr-pc-44 {
    margin-right: 4.4rem !important;
  }
  .u-mr-pc-45 {
    margin-right: 4.5rem !important;
  }
  .u-mr-pc-46 {
    margin-right: 4.6rem !important;
  }
  .u-mr-pc-47 {
    margin-right: 4.7rem !important;
  }
  .u-mr-pc-48 {
    margin-right: 4.8rem !important;
  }
  .u-mr-pc-49 {
    margin-right: 4.9rem !important;
  }
  .u-mr-pc-50 {
    margin-right: 5rem !important;
  }
  .u-mr-pc-51 {
    margin-right: 5.1rem !important;
  }
  .u-mr-pc-52 {
    margin-right: 5.2rem !important;
  }
  .u-mr-pc-53 {
    margin-right: 5.3rem !important;
  }
  .u-mr-pc-54 {
    margin-right: 5.4rem !important;
  }
  .u-mr-pc-55 {
    margin-right: 5.5rem !important;
  }
  .u-mr-pc-56 {
    margin-right: 5.6rem !important;
  }
  .u-mr-pc-57 {
    margin-right: 5.7rem !important;
  }
  .u-mr-pc-58 {
    margin-right: 5.8rem !important;
  }
  .u-mr-pc-59 {
    margin-right: 5.9rem !important;
  }
  .u-mr-pc-60 {
    margin-right: 6rem !important;
  }
  .u-mr-pc-61 {
    margin-right: 6.1rem !important;
  }
  .u-mr-pc-62 {
    margin-right: 6.2rem !important;
  }
  .u-mr-pc-63 {
    margin-right: 6.3rem !important;
  }
  .u-mr-pc-64 {
    margin-right: 6.4rem !important;
  }
  .u-mr-pc-65 {
    margin-right: 6.5rem !important;
  }
  .u-mr-pc-66 {
    margin-right: 6.6rem !important;
  }
  .u-mr-pc-67 {
    margin-right: 6.7rem !important;
  }
  .u-mr-pc-68 {
    margin-right: 6.8rem !important;
  }
  .u-mr-pc-69 {
    margin-right: 6.9rem !important;
  }
  .u-mr-pc-70 {
    margin-right: 7rem !important;
  }
  .u-mr-pc-71 {
    margin-right: 7.1rem !important;
  }
  .u-mr-pc-72 {
    margin-right: 7.2rem !important;
  }
  .u-mr-pc-73 {
    margin-right: 7.3rem !important;
  }
  .u-mr-pc-74 {
    margin-right: 7.4rem !important;
  }
  .u-mr-pc-75 {
    margin-right: 7.5rem !important;
  }
  .u-mr-pc-76 {
    margin-right: 7.6rem !important;
  }
  .u-mr-pc-77 {
    margin-right: 7.7rem !important;
  }
  .u-mr-pc-78 {
    margin-right: 7.8rem !important;
  }
  .u-mr-pc-79 {
    margin-right: 7.9rem !important;
  }
  .u-mr-pc-80 {
    margin-right: 8rem !important;
  }
}
.u-my-10 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.u-my-11 {
  margin-top: 1.1rem !important;
  margin-bottom: 1.1rem !important;
}

.u-my-12 {
  margin-top: 1.2rem !important;
  margin-bottom: 1.2rem !important;
}

.u-my-13 {
  margin-top: 1.3rem !important;
  margin-bottom: 1.3rem !important;
}

.u-my-14 {
  margin-top: 1.4rem !important;
  margin-bottom: 1.4rem !important;
}

.u-my-15 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.u-my-16 {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}

.u-my-17 {
  margin-top: 1.7rem !important;
  margin-bottom: 1.7rem !important;
}

.u-my-18 {
  margin-top: 1.8rem !important;
  margin-bottom: 1.8rem !important;
}

.u-my-19 {
  margin-top: 1.9rem !important;
  margin-bottom: 1.9rem !important;
}

.u-my-20 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.u-my-21 {
  margin-top: 2.1rem !important;
  margin-bottom: 2.1rem !important;
}

.u-my-22 {
  margin-top: 2.2rem !important;
  margin-bottom: 2.2rem !important;
}

.u-my-23 {
  margin-top: 2.3rem !important;
  margin-bottom: 2.3rem !important;
}

.u-my-24 {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important;
}

.u-my-25 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.u-my-26 {
  margin-top: 2.6rem !important;
  margin-bottom: 2.6rem !important;
}

.u-my-27 {
  margin-top: 2.7rem !important;
  margin-bottom: 2.7rem !important;
}

.u-my-28 {
  margin-top: 2.8rem !important;
  margin-bottom: 2.8rem !important;
}

.u-my-29 {
  margin-top: 2.9rem !important;
  margin-bottom: 2.9rem !important;
}

.u-my-30 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.u-my-31 {
  margin-top: 3.1rem !important;
  margin-bottom: 3.1rem !important;
}

.u-my-32 {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important;
}

.u-my-33 {
  margin-top: 3.3rem !important;
  margin-bottom: 3.3rem !important;
}

.u-my-34 {
  margin-top: 3.4rem !important;
  margin-bottom: 3.4rem !important;
}

.u-my-35 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.u-my-36 {
  margin-top: 3.6rem !important;
  margin-bottom: 3.6rem !important;
}

.u-my-37 {
  margin-top: 3.7rem !important;
  margin-bottom: 3.7rem !important;
}

.u-my-38 {
  margin-top: 3.8rem !important;
  margin-bottom: 3.8rem !important;
}

.u-my-39 {
  margin-top: 3.9rem !important;
  margin-bottom: 3.9rem !important;
}

.u-my-40 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.u-my-41 {
  margin-top: 4.1rem !important;
  margin-bottom: 4.1rem !important;
}

.u-my-42 {
  margin-top: 4.2rem !important;
  margin-bottom: 4.2rem !important;
}

.u-my-43 {
  margin-top: 4.3rem !important;
  margin-bottom: 4.3rem !important;
}

.u-my-44 {
  margin-top: 4.4rem !important;
  margin-bottom: 4.4rem !important;
}

.u-my-45 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.u-my-46 {
  margin-top: 4.6rem !important;
  margin-bottom: 4.6rem !important;
}

.u-my-47 {
  margin-top: 4.7rem !important;
  margin-bottom: 4.7rem !important;
}

.u-my-48 {
  margin-top: 4.8rem !important;
  margin-bottom: 4.8rem !important;
}

.u-my-49 {
  margin-top: 4.9rem !important;
  margin-bottom: 4.9rem !important;
}

.u-my-50 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.u-my-51 {
  margin-top: 5.1rem !important;
  margin-bottom: 5.1rem !important;
}

.u-my-52 {
  margin-top: 5.2rem !important;
  margin-bottom: 5.2rem !important;
}

.u-my-53 {
  margin-top: 5.3rem !important;
  margin-bottom: 5.3rem !important;
}

.u-my-54 {
  margin-top: 5.4rem !important;
  margin-bottom: 5.4rem !important;
}

.u-my-55 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.u-my-56 {
  margin-top: 5.6rem !important;
  margin-bottom: 5.6rem !important;
}

.u-my-57 {
  margin-top: 5.7rem !important;
  margin-bottom: 5.7rem !important;
}

.u-my-58 {
  margin-top: 5.8rem !important;
  margin-bottom: 5.8rem !important;
}

.u-my-59 {
  margin-top: 5.9rem !important;
  margin-bottom: 5.9rem !important;
}

.u-my-60 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.u-my-61 {
  margin-top: 6.1rem !important;
  margin-bottom: 6.1rem !important;
}

.u-my-62 {
  margin-top: 6.2rem !important;
  margin-bottom: 6.2rem !important;
}

.u-my-63 {
  margin-top: 6.3rem !important;
  margin-bottom: 6.3rem !important;
}

.u-my-64 {
  margin-top: 6.4rem !important;
  margin-bottom: 6.4rem !important;
}

.u-my-65 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

.u-my-66 {
  margin-top: 6.6rem !important;
  margin-bottom: 6.6rem !important;
}

.u-my-67 {
  margin-top: 6.7rem !important;
  margin-bottom: 6.7rem !important;
}

.u-my-68 {
  margin-top: 6.8rem !important;
  margin-bottom: 6.8rem !important;
}

.u-my-69 {
  margin-top: 6.9rem !important;
  margin-bottom: 6.9rem !important;
}

.u-my-70 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.u-my-71 {
  margin-top: 7.1rem !important;
  margin-bottom: 7.1rem !important;
}

.u-my-72 {
  margin-top: 7.2rem !important;
  margin-bottom: 7.2rem !important;
}

.u-my-73 {
  margin-top: 7.3rem !important;
  margin-bottom: 7.3rem !important;
}

.u-my-74 {
  margin-top: 7.4rem !important;
  margin-bottom: 7.4rem !important;
}

.u-my-75 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.u-my-76 {
  margin-top: 7.6rem !important;
  margin-bottom: 7.6rem !important;
}

.u-my-77 {
  margin-top: 7.7rem !important;
  margin-bottom: 7.7rem !important;
}

.u-my-78 {
  margin-top: 7.8rem !important;
  margin-bottom: 7.8rem !important;
}

.u-my-79 {
  margin-top: 7.9rem !important;
  margin-bottom: 7.9rem !important;
}

.u-my-80 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

@media (max-width: 768px) {
  .u-my-sp-10 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .u-my-sp-11 {
    margin-top: 1.1rem !important;
    margin-bottom: 1.1rem !important;
  }
  .u-my-sp-12 {
    margin-top: 1.2rem !important;
    margin-bottom: 1.2rem !important;
  }
  .u-my-sp-13 {
    margin-top: 1.3rem !important;
    margin-bottom: 1.3rem !important;
  }
  .u-my-sp-14 {
    margin-top: 1.4rem !important;
    margin-bottom: 1.4rem !important;
  }
  .u-my-sp-15 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .u-my-sp-16 {
    margin-top: 1.6rem !important;
    margin-bottom: 1.6rem !important;
  }
  .u-my-sp-17 {
    margin-top: 1.7rem !important;
    margin-bottom: 1.7rem !important;
  }
  .u-my-sp-18 {
    margin-top: 1.8rem !important;
    margin-bottom: 1.8rem !important;
  }
  .u-my-sp-19 {
    margin-top: 1.9rem !important;
    margin-bottom: 1.9rem !important;
  }
  .u-my-sp-20 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .u-my-sp-21 {
    margin-top: 2.1rem !important;
    margin-bottom: 2.1rem !important;
  }
  .u-my-sp-22 {
    margin-top: 2.2rem !important;
    margin-bottom: 2.2rem !important;
  }
  .u-my-sp-23 {
    margin-top: 2.3rem !important;
    margin-bottom: 2.3rem !important;
  }
  .u-my-sp-24 {
    margin-top: 2.4rem !important;
    margin-bottom: 2.4rem !important;
  }
  .u-my-sp-25 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .u-my-sp-26 {
    margin-top: 2.6rem !important;
    margin-bottom: 2.6rem !important;
  }
  .u-my-sp-27 {
    margin-top: 2.7rem !important;
    margin-bottom: 2.7rem !important;
  }
  .u-my-sp-28 {
    margin-top: 2.8rem !important;
    margin-bottom: 2.8rem !important;
  }
  .u-my-sp-29 {
    margin-top: 2.9rem !important;
    margin-bottom: 2.9rem !important;
  }
  .u-my-sp-30 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .u-my-sp-31 {
    margin-top: 3.1rem !important;
    margin-bottom: 3.1rem !important;
  }
  .u-my-sp-32 {
    margin-top: 3.2rem !important;
    margin-bottom: 3.2rem !important;
  }
  .u-my-sp-33 {
    margin-top: 3.3rem !important;
    margin-bottom: 3.3rem !important;
  }
  .u-my-sp-34 {
    margin-top: 3.4rem !important;
    margin-bottom: 3.4rem !important;
  }
  .u-my-sp-35 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .u-my-sp-36 {
    margin-top: 3.6rem !important;
    margin-bottom: 3.6rem !important;
  }
  .u-my-sp-37 {
    margin-top: 3.7rem !important;
    margin-bottom: 3.7rem !important;
  }
  .u-my-sp-38 {
    margin-top: 3.8rem !important;
    margin-bottom: 3.8rem !important;
  }
  .u-my-sp-39 {
    margin-top: 3.9rem !important;
    margin-bottom: 3.9rem !important;
  }
  .u-my-sp-40 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .u-my-sp-41 {
    margin-top: 4.1rem !important;
    margin-bottom: 4.1rem !important;
  }
  .u-my-sp-42 {
    margin-top: 4.2rem !important;
    margin-bottom: 4.2rem !important;
  }
  .u-my-sp-43 {
    margin-top: 4.3rem !important;
    margin-bottom: 4.3rem !important;
  }
  .u-my-sp-44 {
    margin-top: 4.4rem !important;
    margin-bottom: 4.4rem !important;
  }
  .u-my-sp-45 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .u-my-sp-46 {
    margin-top: 4.6rem !important;
    margin-bottom: 4.6rem !important;
  }
  .u-my-sp-47 {
    margin-top: 4.7rem !important;
    margin-bottom: 4.7rem !important;
  }
  .u-my-sp-48 {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important;
  }
  .u-my-sp-49 {
    margin-top: 4.9rem !important;
    margin-bottom: 4.9rem !important;
  }
  .u-my-sp-50 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .u-my-sp-51 {
    margin-top: 5.1rem !important;
    margin-bottom: 5.1rem !important;
  }
  .u-my-sp-52 {
    margin-top: 5.2rem !important;
    margin-bottom: 5.2rem !important;
  }
  .u-my-sp-53 {
    margin-top: 5.3rem !important;
    margin-bottom: 5.3rem !important;
  }
  .u-my-sp-54 {
    margin-top: 5.4rem !important;
    margin-bottom: 5.4rem !important;
  }
  .u-my-sp-55 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .u-my-sp-56 {
    margin-top: 5.6rem !important;
    margin-bottom: 5.6rem !important;
  }
  .u-my-sp-57 {
    margin-top: 5.7rem !important;
    margin-bottom: 5.7rem !important;
  }
  .u-my-sp-58 {
    margin-top: 5.8rem !important;
    margin-bottom: 5.8rem !important;
  }
  .u-my-sp-59 {
    margin-top: 5.9rem !important;
    margin-bottom: 5.9rem !important;
  }
  .u-my-sp-60 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .u-my-sp-61 {
    margin-top: 6.1rem !important;
    margin-bottom: 6.1rem !important;
  }
  .u-my-sp-62 {
    margin-top: 6.2rem !important;
    margin-bottom: 6.2rem !important;
  }
  .u-my-sp-63 {
    margin-top: 6.3rem !important;
    margin-bottom: 6.3rem !important;
  }
  .u-my-sp-64 {
    margin-top: 6.4rem !important;
    margin-bottom: 6.4rem !important;
  }
  .u-my-sp-65 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .u-my-sp-66 {
    margin-top: 6.6rem !important;
    margin-bottom: 6.6rem !important;
  }
  .u-my-sp-67 {
    margin-top: 6.7rem !important;
    margin-bottom: 6.7rem !important;
  }
  .u-my-sp-68 {
    margin-top: 6.8rem !important;
    margin-bottom: 6.8rem !important;
  }
  .u-my-sp-69 {
    margin-top: 6.9rem !important;
    margin-bottom: 6.9rem !important;
  }
  .u-my-sp-70 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .u-my-sp-71 {
    margin-top: 7.1rem !important;
    margin-bottom: 7.1rem !important;
  }
  .u-my-sp-72 {
    margin-top: 7.2rem !important;
    margin-bottom: 7.2rem !important;
  }
  .u-my-sp-73 {
    margin-top: 7.3rem !important;
    margin-bottom: 7.3rem !important;
  }
  .u-my-sp-74 {
    margin-top: 7.4rem !important;
    margin-bottom: 7.4rem !important;
  }
  .u-my-sp-75 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .u-my-sp-76 {
    margin-top: 7.6rem !important;
    margin-bottom: 7.6rem !important;
  }
  .u-my-sp-77 {
    margin-top: 7.7rem !important;
    margin-bottom: 7.7rem !important;
  }
  .u-my-sp-78 {
    margin-top: 7.8rem !important;
    margin-bottom: 7.8rem !important;
  }
  .u-my-sp-79 {
    margin-top: 7.9rem !important;
    margin-bottom: 7.9rem !important;
  }
  .u-my-sp-80 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
}
@media (min-width: 769px) {
  .u-my-pc-10 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .u-my-pc-11 {
    margin-top: 1.1rem !important;
    margin-bottom: 1.1rem !important;
  }
  .u-my-pc-12 {
    margin-top: 1.2rem !important;
    margin-bottom: 1.2rem !important;
  }
  .u-my-pc-13 {
    margin-top: 1.3rem !important;
    margin-bottom: 1.3rem !important;
  }
  .u-my-pc-14 {
    margin-top: 1.4rem !important;
    margin-bottom: 1.4rem !important;
  }
  .u-my-pc-15 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .u-my-pc-16 {
    margin-top: 1.6rem !important;
    margin-bottom: 1.6rem !important;
  }
  .u-my-pc-17 {
    margin-top: 1.7rem !important;
    margin-bottom: 1.7rem !important;
  }
  .u-my-pc-18 {
    margin-top: 1.8rem !important;
    margin-bottom: 1.8rem !important;
  }
  .u-my-pc-19 {
    margin-top: 1.9rem !important;
    margin-bottom: 1.9rem !important;
  }
  .u-my-pc-20 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .u-my-pc-21 {
    margin-top: 2.1rem !important;
    margin-bottom: 2.1rem !important;
  }
  .u-my-pc-22 {
    margin-top: 2.2rem !important;
    margin-bottom: 2.2rem !important;
  }
  .u-my-pc-23 {
    margin-top: 2.3rem !important;
    margin-bottom: 2.3rem !important;
  }
  .u-my-pc-24 {
    margin-top: 2.4rem !important;
    margin-bottom: 2.4rem !important;
  }
  .u-my-pc-25 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .u-my-pc-26 {
    margin-top: 2.6rem !important;
    margin-bottom: 2.6rem !important;
  }
  .u-my-pc-27 {
    margin-top: 2.7rem !important;
    margin-bottom: 2.7rem !important;
  }
  .u-my-pc-28 {
    margin-top: 2.8rem !important;
    margin-bottom: 2.8rem !important;
  }
  .u-my-pc-29 {
    margin-top: 2.9rem !important;
    margin-bottom: 2.9rem !important;
  }
  .u-my-pc-30 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .u-my-pc-31 {
    margin-top: 3.1rem !important;
    margin-bottom: 3.1rem !important;
  }
  .u-my-pc-32 {
    margin-top: 3.2rem !important;
    margin-bottom: 3.2rem !important;
  }
  .u-my-pc-33 {
    margin-top: 3.3rem !important;
    margin-bottom: 3.3rem !important;
  }
  .u-my-pc-34 {
    margin-top: 3.4rem !important;
    margin-bottom: 3.4rem !important;
  }
  .u-my-pc-35 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .u-my-pc-36 {
    margin-top: 3.6rem !important;
    margin-bottom: 3.6rem !important;
  }
  .u-my-pc-37 {
    margin-top: 3.7rem !important;
    margin-bottom: 3.7rem !important;
  }
  .u-my-pc-38 {
    margin-top: 3.8rem !important;
    margin-bottom: 3.8rem !important;
  }
  .u-my-pc-39 {
    margin-top: 3.9rem !important;
    margin-bottom: 3.9rem !important;
  }
  .u-my-pc-40 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .u-my-pc-41 {
    margin-top: 4.1rem !important;
    margin-bottom: 4.1rem !important;
  }
  .u-my-pc-42 {
    margin-top: 4.2rem !important;
    margin-bottom: 4.2rem !important;
  }
  .u-my-pc-43 {
    margin-top: 4.3rem !important;
    margin-bottom: 4.3rem !important;
  }
  .u-my-pc-44 {
    margin-top: 4.4rem !important;
    margin-bottom: 4.4rem !important;
  }
  .u-my-pc-45 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .u-my-pc-46 {
    margin-top: 4.6rem !important;
    margin-bottom: 4.6rem !important;
  }
  .u-my-pc-47 {
    margin-top: 4.7rem !important;
    margin-bottom: 4.7rem !important;
  }
  .u-my-pc-48 {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important;
  }
  .u-my-pc-49 {
    margin-top: 4.9rem !important;
    margin-bottom: 4.9rem !important;
  }
  .u-my-pc-50 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .u-my-pc-51 {
    margin-top: 5.1rem !important;
    margin-bottom: 5.1rem !important;
  }
  .u-my-pc-52 {
    margin-top: 5.2rem !important;
    margin-bottom: 5.2rem !important;
  }
  .u-my-pc-53 {
    margin-top: 5.3rem !important;
    margin-bottom: 5.3rem !important;
  }
  .u-my-pc-54 {
    margin-top: 5.4rem !important;
    margin-bottom: 5.4rem !important;
  }
  .u-my-pc-55 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .u-my-pc-56 {
    margin-top: 5.6rem !important;
    margin-bottom: 5.6rem !important;
  }
  .u-my-pc-57 {
    margin-top: 5.7rem !important;
    margin-bottom: 5.7rem !important;
  }
  .u-my-pc-58 {
    margin-top: 5.8rem !important;
    margin-bottom: 5.8rem !important;
  }
  .u-my-pc-59 {
    margin-top: 5.9rem !important;
    margin-bottom: 5.9rem !important;
  }
  .u-my-pc-60 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .u-my-pc-61 {
    margin-top: 6.1rem !important;
    margin-bottom: 6.1rem !important;
  }
  .u-my-pc-62 {
    margin-top: 6.2rem !important;
    margin-bottom: 6.2rem !important;
  }
  .u-my-pc-63 {
    margin-top: 6.3rem !important;
    margin-bottom: 6.3rem !important;
  }
  .u-my-pc-64 {
    margin-top: 6.4rem !important;
    margin-bottom: 6.4rem !important;
  }
  .u-my-pc-65 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .u-my-pc-66 {
    margin-top: 6.6rem !important;
    margin-bottom: 6.6rem !important;
  }
  .u-my-pc-67 {
    margin-top: 6.7rem !important;
    margin-bottom: 6.7rem !important;
  }
  .u-my-pc-68 {
    margin-top: 6.8rem !important;
    margin-bottom: 6.8rem !important;
  }
  .u-my-pc-69 {
    margin-top: 6.9rem !important;
    margin-bottom: 6.9rem !important;
  }
  .u-my-pc-70 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .u-my-pc-71 {
    margin-top: 7.1rem !important;
    margin-bottom: 7.1rem !important;
  }
  .u-my-pc-72 {
    margin-top: 7.2rem !important;
    margin-bottom: 7.2rem !important;
  }
  .u-my-pc-73 {
    margin-top: 7.3rem !important;
    margin-bottom: 7.3rem !important;
  }
  .u-my-pc-74 {
    margin-top: 7.4rem !important;
    margin-bottom: 7.4rem !important;
  }
  .u-my-pc-75 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .u-my-pc-76 {
    margin-top: 7.6rem !important;
    margin-bottom: 7.6rem !important;
  }
  .u-my-pc-77 {
    margin-top: 7.7rem !important;
    margin-bottom: 7.7rem !important;
  }
  .u-my-pc-78 {
    margin-top: 7.8rem !important;
    margin-bottom: 7.8rem !important;
  }
  .u-my-pc-79 {
    margin-top: 7.9rem !important;
    margin-bottom: 7.9rem !important;
  }
  .u-my-pc-80 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
}
@media (min-width: 769px) {
  .u-mb-pc-10 {
    margin-bottom: 1rem !important;
  }
  .u-mb-pc-11 {
    margin-bottom: 1.1rem !important;
  }
  .u-mb-pc-12 {
    margin-bottom: 1.2rem !important;
  }
  .u-mb-pc-13 {
    margin-bottom: 1.3rem !important;
  }
  .u-mb-pc-14 {
    margin-bottom: 1.4rem !important;
  }
  .u-mb-pc-15 {
    margin-bottom: 1.5rem !important;
  }
  .u-mb-pc-16 {
    margin-bottom: 1.6rem !important;
  }
  .u-mb-pc-17 {
    margin-bottom: 1.7rem !important;
  }
  .u-mb-pc-18 {
    margin-bottom: 1.8rem !important;
  }
  .u-mb-pc-19 {
    margin-bottom: 1.9rem !important;
  }
  .u-mb-pc-20 {
    margin-bottom: 2rem !important;
  }
  .u-mb-pc-21 {
    margin-bottom: 2.1rem !important;
  }
  .u-mb-pc-22 {
    margin-bottom: 2.2rem !important;
  }
  .u-mb-pc-23 {
    margin-bottom: 2.3rem !important;
  }
  .u-mb-pc-24 {
    margin-bottom: 2.4rem !important;
  }
  .u-mb-pc-25 {
    margin-bottom: 2.5rem !important;
  }
  .u-mb-pc-26 {
    margin-bottom: 2.6rem !important;
  }
  .u-mb-pc-27 {
    margin-bottom: 2.7rem !important;
  }
  .u-mb-pc-28 {
    margin-bottom: 2.8rem !important;
  }
  .u-mb-pc-29 {
    margin-bottom: 2.9rem !important;
  }
  .u-mb-pc-30 {
    margin-bottom: 3rem !important;
  }
  .u-mb-pc-31 {
    margin-bottom: 3.1rem !important;
  }
  .u-mb-pc-32 {
    margin-bottom: 3.2rem !important;
  }
  .u-mb-pc-33 {
    margin-bottom: 3.3rem !important;
  }
  .u-mb-pc-34 {
    margin-bottom: 3.4rem !important;
  }
  .u-mb-pc-35 {
    margin-bottom: 3.5rem !important;
  }
  .u-mb-pc-36 {
    margin-bottom: 3.6rem !important;
  }
  .u-mb-pc-37 {
    margin-bottom: 3.7rem !important;
  }
  .u-mb-pc-38 {
    margin-bottom: 3.8rem !important;
  }
  .u-mb-pc-39 {
    margin-bottom: 3.9rem !important;
  }
  .u-mb-pc-40 {
    margin-bottom: 4rem !important;
  }
  .u-mb-pc-41 {
    margin-bottom: 4.1rem !important;
  }
  .u-mb-pc-42 {
    margin-bottom: 4.2rem !important;
  }
  .u-mb-pc-43 {
    margin-bottom: 4.3rem !important;
  }
  .u-mb-pc-44 {
    margin-bottom: 4.4rem !important;
  }
  .u-mb-pc-45 {
    margin-bottom: 4.5rem !important;
  }
  .u-mb-pc-46 {
    margin-bottom: 4.6rem !important;
  }
  .u-mb-pc-47 {
    margin-bottom: 4.7rem !important;
  }
  .u-mb-pc-48 {
    margin-bottom: 4.8rem !important;
  }
  .u-mb-pc-49 {
    margin-bottom: 4.9rem !important;
  }
  .u-mb-pc-50 {
    margin-bottom: 5rem !important;
  }
  .u-mb-pc-51 {
    margin-bottom: 5.1rem !important;
  }
  .u-mb-pc-52 {
    margin-bottom: 5.2rem !important;
  }
  .u-mb-pc-53 {
    margin-bottom: 5.3rem !important;
  }
  .u-mb-pc-54 {
    margin-bottom: 5.4rem !important;
  }
  .u-mb-pc-55 {
    margin-bottom: 5.5rem !important;
  }
  .u-mb-pc-56 {
    margin-bottom: 5.6rem !important;
  }
  .u-mb-pc-57 {
    margin-bottom: 5.7rem !important;
  }
  .u-mb-pc-58 {
    margin-bottom: 5.8rem !important;
  }
  .u-mb-pc-59 {
    margin-bottom: 5.9rem !important;
  }
  .u-mb-pc-60 {
    margin-bottom: 6rem !important;
  }
  .u-mb-pc-61 {
    margin-bottom: 6.1rem !important;
  }
  .u-mb-pc-62 {
    margin-bottom: 6.2rem !important;
  }
  .u-mb-pc-63 {
    margin-bottom: 6.3rem !important;
  }
  .u-mb-pc-64 {
    margin-bottom: 6.4rem !important;
  }
  .u-mb-pc-65 {
    margin-bottom: 6.5rem !important;
  }
  .u-mb-pc-66 {
    margin-bottom: 6.6rem !important;
  }
  .u-mb-pc-67 {
    margin-bottom: 6.7rem !important;
  }
  .u-mb-pc-68 {
    margin-bottom: 6.8rem !important;
  }
  .u-mb-pc-69 {
    margin-bottom: 6.9rem !important;
  }
  .u-mb-pc-70 {
    margin-bottom: 7rem !important;
  }
  .u-mb-pc-71 {
    margin-bottom: 7.1rem !important;
  }
  .u-mb-pc-72 {
    margin-bottom: 7.2rem !important;
  }
  .u-mb-pc-73 {
    margin-bottom: 7.3rem !important;
  }
  .u-mb-pc-74 {
    margin-bottom: 7.4rem !important;
  }
  .u-mb-pc-75 {
    margin-bottom: 7.5rem !important;
  }
  .u-mb-pc-76 {
    margin-bottom: 7.6rem !important;
  }
  .u-mb-pc-77 {
    margin-bottom: 7.7rem !important;
  }
  .u-mb-pc-78 {
    margin-bottom: 7.8rem !important;
  }
  .u-mb-pc-79 {
    margin-bottom: 7.9rem !important;
  }
  .u-mb-pc-80 {
    margin-bottom: 8rem !important;
  }
}
/*
  br
--------------------------------------*/
.u-br::before {
  content: "\a";
  white-space: pre;
}
@media (max-width: 768px) {
  .u-br-sp::before {
    content: "\a";
    white-space: pre;
  }
}
@media (min-width: 769px) {
  .u-br-pc::before {
    content: "\a";
    white-space: pre;
  }
}

/*
  text
--------------------------------------*/
.u-text-align-right {
  text-align: right;
}
@media (max-width: 768px) {
  .u-text-align-right-sp {
    text-align: right;
  }
}
@media (min-width: 769px) {
  .u-text-align-right-pc {
    text-align: right;
  }
}
.u-text-align-center {
  text-align: center;
}
@media (max-width: 768px) {
  .u-text-align-center-sp {
    text-align: center;
  }
}
@media (min-width: 769px) {
  .u-text-align-center-pc {
    text-align: center;
  }
}

.u-nowrap {
  white-space: nowrap;
}

.u-fw-bold {
  font-weight: bold;
}
@media (max-width: 768px) {
  .u-fw-bold-sp {
    font-weight: bold;
  }
}
@media (min-width: 769px) {
  .u-fw-bold-pc {
    font-weight: bold;
  }
}

.u-fw-300 {
  font-weight: 300;
}

.u-fw-400 {
  font-weight: 400;
}

.u-fw-500 {
  font-weight: 600;
}

.u-fw-600 {
  font-weight: 600;
}

.u-fw-700 {
  font-weight: 700;
}

.u-fw-900 {
  font-weight: 900;
}

.u-lh-2 {
  line-height: 2;
}
@media (max-width: 768px) {
  .u-lh-2-sp {
    line-height: 2;
  }
}
@media (min-width: 769px) {
  .u-lh-2-pc {
    line-height: 2;
  }
}

/*
  marker
--------------------------------------*/
.u-marker {
  display: inline;
  background: linear-gradient(transparent 70%, #FFEF29 0%);
}

/*
  top
--------------------------------------*/
.p-top-fv {
  position: relative;
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-top-fv {
    width: 91.1111111111vw;
    height: calc(100dvh - 22.2222222222vw - 6.9444444444vw);
    margin-inline: auto;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-top-fv {
    height: min(52.7777777778vw, 76rem);
    margin-inline: min(2.4305555556vw, 3.5rem) min(2.1527777778vw, 3.1rem);
    margin-block: min(1.8055555556vw, 2.6rem);
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.p-top-fv__textArea {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background: linear-gradient(to bottom, rgba(1, 61, 120, 0) 0%, #013d78 100%);
}
@media (max-width: 768px) {
  .p-top-fv__textArea {
    padding: 1.6666666667vw;
    padding-block: 10.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-top-fv__textArea {
    padding-left: min(3.3333333333vw, 4.8rem);
    padding-block: min(2.0833333333vw, 3rem);
  }
}
.p-top-fv__text {
  line-height: 1.5;
  color: #fff;
}
.p-top-fv__text.--large {
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .p-top-fv__text.--large {
    font-size: 8.8888888889vw;
    letter-spacing: -0.015em;
  }
}
@media (min-width: 769px) {
  .p-top-fv__text.--large {
    font-size: min(3.6111111111vw, 5.2rem);
    letter-spacing: -0.011em;
  }
}
.p-top-fv__text.--normal {
  letter-spacing: 0.07em;
}
@media (max-width: 768px) {
  .p-top-fv__text.--normal {
    margin-top: 2.2222222222vw;
    font-size: 3.8888888889vw;
    font-weight: 700;
  }
}
@media (min-width: 769px) {
  .p-top-fv__text.--normal {
    margin-top: min(0.4861111111vw, 0.7rem);
    font-size: min(1.4583333333vw, 2.1rem);
    font-weight: 300;
  }
}

.p-top-fvSlider {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.p-top-fvSlider__item {
  height: 100%;
  overflow: hidden;
}
.p-top-fvSlider__item.swiper-slide-next img {
  transform: scale(1);
}
.p-top-fvSlider__item.swiper-slide-active img, .p-top-fvSlider__item.swiper-slide-duplicate-active img, .p-top-fvSlider__item.swiper-slide-prev img {
  opacity: 1;
  animation: zoomAnime 7s linear 0s normal both;
}
.p-top-fvSlider__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  opacity: 0.6;
  transition: opacity 0.7s;
}

@media (max-width: 768px) {
  .p-top-company {
    margin-top: 6.9444444444vw;
    padding-top: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-top-company {
    padding-top: min(5.9722222222vw, 8.6rem);
  }
}
.p-top-company__headLink {
  transition-duration: 0.4s;
}
.p-top-company__headLink:hover {
  opacity: 0.7;
}
.p-top-company__description {
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-top-company__description {
    margin-top: 8.8888888889vw;
    font-size: 4.4444444444vw;
    font-weight: 700;
  }
}
@media (max-width: 768px) {
  .p-top-company__cardBox {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-company__cardBox {
    margin-top: min(12.0138888889vw, 17.3rem);
  }
}
@media (max-width: 768px) {
  .p-top-company__list {
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-top-company__list {
    gap: min(0.5555555556vw, 0.8rem) min(0.6944444444vw, 1rem);
  }
}
.p-top-company__link {
  position: relative;
  display: block;
  aspect-ratio: 366/218;
  background-color: #004F98;
  overflow: hidden;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .p-top-company__link {
    border-radius: 2.2222222222vw;
    box-shadow: 0 1.1111111111vw 1.1111111111vw rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 769px) {
  .p-top-company__link {
    border-radius: min(0.5555555556vw, 0.8rem);
    box-shadow: 0 min(0.2777777778vw, 0.4rem) min(0.2777777778vw, 0.4rem) rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 769px) {
  .p-top-company__link:hover {
    box-shadow: 0 min(0.2777777778vw, 0.4rem) min(0.2777777778vw, 0.4rem) rgba(0, 0, 0, 0.45);
  }
}
.p-top-company__link:hover .p-top-company__figure {
  opacity: 0.6;
  transform: scale(1.1);
}
.p-top-company__text {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  background: linear-gradient(to bottom, rgba(0, 79, 152, 0) 0%, rgba(0, 79, 152, 0.9) 50%, rgba(0, 79, 152, 0.9) 100%);
}
@media (max-width: 768px) {
  .p-top-company__text {
    padding: calc(2.2222222222vw + 1em) 3.0555555556vw 2.2222222222vw;
    font-size: 5vw;
  }
}
@media (min-width: 769px) {
  .p-top-company__text {
    padding: calc(min(0.625vw, 0.9rem) + 1em) min(0.8333333333vw, 1.2rem) min(0.625vw, 0.9rem);
    font-size: min(1.3888888889vw, 2rem);
  }
}
.p-top-company__figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition-duration: 0.4s;
}
.p-top-company__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top-company__bottom {
  width: 100%;
}
@media (max-width: 768px) {
  .p-top-company__bottom {
    margin-top: 21.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-top-company__bottom {
    margin-top: min(9.7916666667vw, 14.1rem);
  }
}
.p-top-company__bottomImg {
  width: 100%;
}

@media (max-width: 768px) {
  .p-top-greyBlock.--A {
    margin-top: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-top-greyBlock.--A {
    margin-top: min(6.8055555556vw, 9.8rem);
  }
}
@media (min-width: 769px) {
  .p-top-greyBlock.--B {
    margin-top: min(2.4305555556vw, 3.5rem);
  }
}
@media (max-width: 768px) {
  .p-top-greyBlock__container {
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-top-greyBlock__container {
    border-radius: min(0.5555555556vw, 0.8rem);
  }
}
@media (max-width: 768px) {
  .p-top-greyBlock__container.--A {
    padding-block: 19.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-top-greyBlock__container.--A {
    padding: min(2.9861111111vw, 4.3rem) min(2.2222222222vw, 3.2rem) min(1.5277777778vw, 2.2rem);
  }
}
@media (max-width: 768px) {
  .p-top-greyBlock__container.--B {
    margin-top: 8.8888888889vw;
    padding-block: 19.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-top-greyBlock__container.--B {
    padding: min(2.9861111111vw, 4.3rem) min(4.0972222222vw, 5.9rem) min(1.5277777778vw, 2.2rem);
  }
}
.p-top-greyBlock__head {
  display: flex;
}
@media (max-width: 768px) {
  .p-top-greyBlock__head {
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .p-top-greyBlock__head {
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .p-top-greyBlock__btnBox {
    margin-top: 8.8888888889vw;
  }
}

@media (max-width: 768px) {
  .p-top-product {
    gap: 6.6666666667vw 3.6111111111vw;
    margin-top: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-top-product {
    gap: min(1.1111111111vw, 1.6rem) min(1.6666666667vw, 2.4rem);
    margin-top: min(3.3333333333vw, 4.8rem);
  }
}
.p-top-product__link {
  transition-duration: 0.4s;
}
.p-top-product__link:hover .p-top-product__img {
  transform: scale(1.1);
}
.p-top-product__figure {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.p-top-product__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-duration: 0.4s;
}
.p-top-product__text {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-top-product__text {
    margin-top: 1.9444444444vw;
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-top-product__text {
    margin-top: min(0.7638888889vw, 1.1rem);
    font-size: min(1.3888888889vw, 2rem);
  }
}

@media (max-width: 768px) {
  .p-top-productSpecifications {
    margin-top: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-top-productSpecifications {
    margin-top: min(2.2222222222vw, 3.2rem);
    padding-right: min(0.6944444444vw, 1rem);
  }
}
@media (max-width: 768px) {
  .p-top-productSpecifications__inner {
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-top-productSpecifications__inner {
    gap: min(1.1805555556vw, 1.7rem) min(2.1527777778vw, 3.1rem);
  }
}

@media (max-width: 768px) {
  .p-top-bannerArea.--A {
    margin-top: 13.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-top-bannerArea.--A {
    margin-top: min(3.4722222222vw, 5rem);
  }
}
@media (max-width: 768px) {
  .p-top-bannerArea.--B {
    margin-top: 21.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-top-bannerArea.--B {
    margin-top: min(7.3611111111vw, 10.6rem);
  }
}
@media (max-width: 768px) {
  .p-top-bannerArea.--C {
    margin-top: 13.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-top-bannerArea.--C {
    margin-top: min(6.6666666667vw, 9.6rem);
  }
}
@media (min-width: 769px) {
  .p-top-bannerArea__container {
    gap: min(2.0833333333vw, 3rem);
  }
}
@media (max-width: 768px) {
  .p-top-bannerArea__container.--A {
    gap: 4.4444444444vw;
  }
}
@media (max-width: 768px) {
  .p-top-bannerArea__container.--B {
    gap: 17.5vw;
  }
}
@media (max-width: 768px) {
  .p-top-bannerArea__container.--C {
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-top-bannerArea__container.--side-space {
    padding-inline: min(4.0972222222vw, 5.9rem);
  }
}
@media (max-width: 768px) {
  .p-top-bannerArea__item.--B {
    width: 82.7777777778vw;
  }
}

.p-top-banner {
  position: relative;
}
@media (min-width: 769px) {
  .p-top-banner {
    height: 100%;
  }
}
.p-top-banner__figure {
  position: absolute;
}
@media (max-width: 768px) {
  .p-top-banner__figure {
    right: -6.3888888889vw;
  }
}
@media (min-width: 769px) {
  .p-top-banner__figure {
    right: min(-1.9444444444vw, -2.8rem);
    top: min(-3.6111111111vw, -5.2rem);
  }
}
@media (max-width: 768px) {
  .p-top-banner__figure.--01 {
    top: -13.3333333333vw;
    width: 44.7222222222vw;
  }
}
@media (min-width: 769px) {
  .p-top-banner__figure.--01 {
    width: min(13.0555555556vw, 18.8rem);
  }
}
@media (max-width: 768px) {
  .p-top-banner__figure.--02 {
    top: -12.2222222222vw;
    width: 43.0555555556vw;
  }
}
@media (min-width: 769px) {
  .p-top-banner__figure.--02 {
    width: min(13.3333333333vw, 19.2rem);
  }
}
@media (max-width: 768px) {
  .p-top-banner__figure.--03 {
    top: -11.9444444444vw;
    width: 41.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-banner__figure.--03 {
    width: min(12.3611111111vw, 17.8rem);
  }
}

@media (max-width: 768px) {
  .p-top-imgBoxArea.--A {
    margin-top: 23.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-top-imgBoxArea.--A {
    margin-top: min(8.9583333333vw, 12.9rem);
  }
}
@media (max-width: 768px) {
  .p-top-imgBoxArea.--B {
    margin-top: 28.6111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-imgBoxArea.--B {
    margin-top: min(5.3472222222vw, 7.7rem);
  }
}

@media (max-width: 768px) {
  .p-top-search {
    margin-top: 21.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-top-search {
    margin-top: min(7.8472222222vw, 11.3rem);
  }
}

@media (max-width: 768px) {
  .p-top-searchPanel {
    margin-top: 30.2777777778vw;
    box-shadow: 0 1.1111111111vw 1.1111111111vw rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel {
    margin-top: min(4.1666666667vw, 6rem);
    box-shadow: 0 min(0.2777777778vw, 0.4rem) min(0.2777777778vw, 0.4rem) rgba(0, 0, 0, 0.12);
  }
}
.p-top-searchPanel__list {
  display: grid;
}
@media (max-width: 768px) {
  .p-top-searchPanel__list {
    grid-template-columns: repeat(2, 1fr);
    background-size: 45.5555555556vw 30.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__list {
    grid-template-columns: repeat(4, 1fr);
    background-size: min(19.4444444444vw, 28rem) min(11.9444444444vw, 17.2rem);
  }
}
.p-top-searchPanel__list:not(.--panel-03) {
  background-repeat: repeat;
  background-position: left center;
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), #DEDEDE calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #DEDEDE calc(100% - 1px));
}
.p-top-searchPanel__list:not(.is-active) {
  display: none;
}
.p-top-searchPanel__item, .p-top-searchPanel__link {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .p-top-searchPanel__item:not(.--panel-03), .p-top-searchPanel__link:not(.--panel-03) {
    height: 30.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__item:not(.--panel-03), .p-top-searchPanel__link:not(.--panel-03) {
    height: min(11.9444444444vw, 17.2rem);
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__item.--panel-03, .p-top-searchPanel__link.--panel-03 {
    height: min(15.5555555556vw, 22.4rem);
  }
}
.p-top-searchPanel__item:first-child .p-top-searchPanel__link {
  justify-content: center;
  align-items: center;
  border-top: solid 1px #fff;
}
@media (max-width: 768px) {
  .p-top-searchPanel__item:first-child .p-top-searchPanel__link {
    gap: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__item:first-child .p-top-searchPanel__link {
    height: 100%;
    gap: min(0.8333333333vw, 1.2rem);
    padding-bottom: 0;
  }
}
.p-top-searchPanel__item:first-child .p-top-searchPanel__link:hover {
  background-color: rgb(0, 92.2532894737, 177.5);
}
.p-top-searchPanel__item.--panel-03 {
  border-left: 1px solid #DEDEDE;
}
.p-top-searchPanel__item.--panel-03:nth-child(n+2) {
  border-top: 1px solid #DEDEDE;
}
.p-top-searchPanel__link {
  position: relative;
  align-items: center;
  width: 100%;
  height: 100%;
  transition-duration: 0.4s;
}
.p-top-searchPanel__link:not(.--panel-03) {
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .p-top-searchPanel__link:not(.--panel-03) {
    padding-bottom: 6.3888888889vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__link:not(.--panel-03) {
    padding-bottom: min(1.7361111111vw, 2.5rem);
  }
}
.p-top-searchPanel__link:hover {
  background-color: #E1ECF5;
}
.p-top-searchPanel__link:hover .p-top-searchPanel__img {
  opacity: 0.6;
}
.p-top-searchPanel__text {
  position: relative;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-top-searchPanel__text {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__text {
    font-size: min(1.3888888889vw, 2rem);
  }
}
.p-top-searchPanel__text.--panel-03 {
  display: block;
}
@media (min-width: 769px) {
  .p-top-searchPanel__text.--panel-03 {
    margin-top: min(0.5555555556vw, 0.8rem);
  }
}
.p-top-searchPanel__icon:not(.--arrow) {
  position: absolute;
  left: 50%;
  top: 50%;
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon:not(.--arrow) {
    transform: translate(-50%, calc(-50% - 4.1666666667vw));
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon:not(.--arrow) {
    transform: translate(-50%, calc(-50% - min(1.7361111111vw, 2.5rem)));
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--arrow {
    width: 7.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--arrow {
    width: min(3.3333333333vw, 4.8rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--car {
    width: 10.2777777778vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--car {
    width: min(4.4444444444vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--excavator {
    width: 10.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--excavator {
    width: min(4.4444444444vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--robot-arm {
    width: 10.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--robot-arm {
    width: min(4.4444444444vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--bridge {
    width: 16.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--bridge {
    width: min(7.1527777778vw, 10.3rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--power-plant {
    width: 10.8333333333vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--power-plant {
    width: min(4.4444444444vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--solar-panel {
    width: 10.2777777778vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--solar-panel {
    width: min(4.4444444444vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--factory {
    width: 10.2777777778vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--factory {
    width: min(4.4444444444vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--foods {
    width: 13.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--foods {
    width: min(7.2222222222vw, 10.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--plus {
    width: 10vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--plus {
    width: min(4.4444444444vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--tube {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--tube {
    width: min(7.6388888889vw, 11rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--duct {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--duct {
    width: min(9.4444444444vw, 13.6rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--connector {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--connector {
    width: min(8.3333333333vw, 12rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--box {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--box {
    width: min(5vw, 7.2rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--gear {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--gear {
    width: min(5.8333333333vw, 8.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--joint {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--joint {
    width: min(6.875vw, 9.9rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--conveying-parts {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--conveying-parts {
    width: min(7.7777777778vw, 11.2rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--connector-parts {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--connector-parts {
    width: min(10.625vw, 15.3rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanel__icon.--cable {
    width: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanel__icon.--cable {
    width: min(10.6944444444vw, 15.4rem);
  }
}
.p-top-searchPanel__img {
  transition-duration: 0.4s;
}

.p-top-searchPanelBtnArea {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.p-top-searchPanelBtn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .p-top-searchPanelBtn {
    height: 24.4444444444vw;
    border-top: 1px solid #004F98;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanelBtn {
    height: min(10.2777777778vw, 14.8rem);
    border-top: 4px solid #004F98;
  }
}
.p-top-searchPanelBtn:not(:first-child) {
  border-left: 1px solid #fff;
}
.p-top-searchPanelBtn:not(.is-active) {
  background-color: #004F98;
}
.p-top-searchPanelBtn:not(.is-active) .p-top-searchPanelBtn__text {
  color: #fff;
}
.p-top-searchPanelBtn.is-active {
  background-color: #fff;
}
.p-top-searchPanelBtn.is-active .p-top-searchPanelBtn__text {
  color: #004F98;
}
@media (max-width: 768px) {
  .p-top-searchPanelBtn.is-active .p-top-searchPanelBtn__icon {
    display: none;
  }
}
.p-top-searchPanelBtn:hover:not(.is-active) {
  background-color: rgb(0, 92.2532894737, 177.5);
}
.p-top-searchPanelBtn__text {
  text-align: center;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .p-top-searchPanelBtn__text.--lg {
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanelBtn__text.--lg {
    font-size: min(1.9444444444vw, 2.8rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchPanelBtn__text.--md {
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchPanelBtn__text.--md {
    font-size: min(1.3888888889vw, 2rem);
  }
}
@media (min-width: 769px) {
  .p-top-searchPanelBtn__icon {
    width: min(1.3888888889vw, 2rem);
    margin-top: min(0.4861111111vw, 0.7rem);
  }
}

@media (max-width: 768px) {
  .p-top-searchGoogle {
    margin-top: 8.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchGoogle {
    margin-top: min(4.0972222222vw, 5.9rem);
  }
}
.p-top-searchGoogle__text {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.1em;
  text-align: center;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-top-searchGoogle__text {
    font-size: 3.0555555556vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchGoogle__text {
    font-size: min(1.4583333333vw, 2.1rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchGoogle__logoImg {
    width: 15.8333333333vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchGoogle__logoImg {
    width: min(7.3611111111vw, 10.6rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchGoogle__form {
    margin-top: 2.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchGoogle__form {
    margin-top: min(1.3888888889vw, 2rem);
  }
}
.p-top-searchGoogle__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
  border: solid 1px #9E9E9E;
  border-radius: 100vmax;
}
@media (max-width: 768px) {
  .p-top-searchGoogle__controls {
    width: 100%;
    height: 8.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchGoogle__controls {
    max-width: min(42.3611111111vw, 61rem);
    height: min(3.9583333333vw, 5.7rem);
  }
}
.p-top-searchGoogle__input {
  flex: 1;
  display: block;
  height: 100%;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-top-searchGoogle__input {
    padding: 1.6666666667vw 4.7222222222vw;
    font-size: 2.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchGoogle__input {
    padding: min(0.5555555556vw, 0.8rem) min(2.2916666667vw, 3.3rem);
  }
}
.p-top-searchGoogle__submit {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #9E9E9E;
}
@media (max-width: 768px) {
  .p-top-searchGoogle__submit {
    height: 5.8333333333vw;
    padding: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchGoogle__submit {
    height: min(2.7777777778vw, 4rem);
    padding-left: min(0.625vw, 0.9rem);
    padding-right: min(0.9722222222vw, 1.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-searchGoogle__icon {
    width: 6.9444444444vw;
  }
}
@media (min-width: 769px) {
  .p-top-searchGoogle__icon {
    width: min(2.6388888889vw, 3.8rem);
  }
}

@media (max-width: 768px) {
  .p-top-ipros {
    margin-top: 11.1111111111vw;
    padding-block: 10.5555555556vw 16.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-ipros {
    margin-top: min(4.4444444444vw, 6.4rem);
    padding-block: min(4.4444444444vw, 6.4rem) min(4.6527777778vw, 6.7rem);
  }
}
.p-top-ipros__container {
  display: grid;
}
@media (max-width: 768px) {
  .p-top-ipros__container {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__container {
    grid-template-columns: auto min(50.9027777778vw, 73.3rem);
    gap: min(2.0138888889vw, 2.9rem);
  }
}
@media (min-width: 769px) {
  .p-top-ipros__textArea {
    padding-top: min(0.9027777778vw, 1.3rem);
  }
}
.p-top-ipros__description {
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-top-ipros__description {
    margin-top: 6.6666666667vw;
    font-size: 4.4444444444vw;
    font-weight: 700;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__description {
    margin-top: min(2.3611111111vw, 3.4rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.p-top-ipros__list {
  display: grid;
}
@media (max-width: 768px) {
  .p-top-ipros__list {
    grid-template-columns: 1fr;
    gap: 6.1111111111vw;
    margin-top: 15vw;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__list {
    grid-template-columns: repeat(2, 1fr);
    gap: min(0.6944444444vw, 1rem) min(2.2222222222vw, 3.2rem);
  }
}
@media (min-width: 769px) {
  .p-top-ipros__list > :first-child {
    grid-column: 1/-1; /* 1 行目を 1 カラム（全幅）に */
  }
}
.p-top-ipros__banner {
  position: relative;
  display: flex;
  width: 100%;
  background-color: #fff;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .p-top-ipros__banner {
    flex-direction: column;
    gap: 4.4444444444vw;
    padding: 4.7222222222vw 3.3333333333vw 19.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__banner {
    height: 100%;
  }
}
.p-top-ipros__banner:hover {
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 min(0.2777777778vw, 0.4rem) min(0.2777777778vw, 0.4rem) rgba(0, 0, 0, 0.12);
}
@media (min-width: 769px) {
  .p-top-ipros__banner.--lg {
    align-items: center;
    gap: min(3.8888888889vw, 5.6rem);
    padding: min(3.4722222222vw, 5rem) min(2.5694444444vw, 3.7rem);
  }
}
@media (min-width: 769px) {
  .p-top-ipros__banner.--md {
    flex-direction: column;
    padding: min(2.2916666667vw, 3.3rem) min(0.7638888889vw, 1.1rem) min(1.8055555556vw, 2.6rem);
  }
}
@media (max-width: 768px) {
  .p-top-ipros__logo.--lg {
    width: 28.6111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__logo.--lg {
    width: min(11.5277777778vw, 16.6rem);
  }
}
@media (max-width: 768px) {
  .p-top-ipros__logo.--monodukuri {
    width: 46.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__logo.--monodukuri {
    width: min(11.5277777778vw, 16.6rem);
  }
}
@media (max-width: 768px) {
  .p-top-ipros__logo.--md {
    width: 29.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__logo.--md {
    width: min(7.3611111111vw, 10.6rem);
  }
}
.p-top-ipros__text {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-top-ipros__text.--lg {
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__text.--lg {
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-ipros__text.--md {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__text.--md {
    font-size: min(1.3888888889vw, 2rem);
  }
}
@media (min-width: 769px) {
  .p-top-ipros__text.--ipros {
    margin-top: min(0.6944444444vw, 1rem);
  }
}
.p-top-ipros__icon {
  position: absolute;
}
@media (max-width: 768px) {
  .p-top-ipros__icon {
    right: 3.8888888889vw;
    bottom: 6.3888888889vw;
    width: 10vw;
  }
}
@media (min-width: 769px) {
  .p-top-ipros__icon {
    right: min(1.3888888889vw, 2rem);
    width: min(3.4027777778vw, 4.9rem);
  }
}
@media (min-width: 769px) {
  .p-top-ipros__icon.--lg {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 769px) {
  .p-top-ipros__icon.--md {
    top: min(1.875vw, 2.7rem);
  }
}

@media (max-width: 768px) {
  .p-top-news {
    padding-block: 22.2222222222vw 21.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-news {
    padding-block: min(5vw, 7.2rem) min(8.3333333333vw, 12rem);
  }
}
.p-top-news__container {
  position: relative;
  display: grid;
}
@media (max-width: 768px) {
  .p-top-news__container {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 769px) {
  .p-top-news__container {
    grid-template-columns: calc(100% - min(51.1111111111vw, 73.6rem)) min(51.1111111111vw, 73.6rem);
  }
}
@media (min-width: 769px) {
  .p-top-news__head {
    padding-bottom: min(10.2777777778vw, 14.8rem);
  }
}
.p-top-news__tabs {
  display: flex;
}
@media (max-width: 768px) {
  .p-top-news__tabs {
    flex-wrap: wrap;
    gap: 4.4444444444vw 6.6666666667vw;
    margin-top: 8.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-top-news__tabs {
    flex-direction: column;
    gap: min(1.6666666667vw, 2.4rem);
    margin-top: min(4.9305555556vw, 7.1rem);
  }
}
.p-top-news__button {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-top-news__button {
    font-size: 4.1666666667vw;
  }
}
.p-top-news__button:hover {
  color: #004F98;
}
.p-top-news__button.is-active {
  color: #004F98;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .p-top-news__body {
    margin-top: 11.3888888889vw;
  }
}
@media (max-width: 768px) {
  .p-top-news__more {
    margin-top: 15.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-top-news__more {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-block: min(3.9583333333vw, 5.7rem) min(1.1805555556vw, 1.7rem);
  }
}

.p-top-recruit {
  position: relative;
}
@media (max-width: 768px) {
  .p-top-recruit {
    margin-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-top-recruit {
    padding-block: min(4.9305555556vw, 7.1rem) min(10.0694444444vw, 14.5rem);
    background-color: #F0F0F0;
  }
}
@media (max-width: 768px) {
  .p-top-recruit__container {
    background-color: #F0F0F0;
    border-radius: 8.8888888889vw;
    overflow: hidden;
  }
}
.p-top-recruit__figure {
  overflow: hidden;
}
@media (min-width: 769px) {
  .p-top-recruit__figure {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    aspect-ratio: 770/652;
  }
}
.p-top-recruit__picture {
  width: 100%;
  height: 100%;
}
.p-top-recruit__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .p-top-recruit__textArea {
    padding: 6.6666666667vw 4.4444444444vw;
  }
}
.p-top-recruit__description {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-top-recruit__description {
    margin-top: 6.6666666667vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-top-recruit__description {
    margin-top: min(3.5416666667vw, 5.1rem);
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .p-top-recruit__btnBox {
    width: 74.7222222222vw;
    margin-top: 17.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-top-recruit__btnBox {
    width: -moz-fit-content;
    width: fit-content;
    margin-top: min(7.4305555556vw, 10.7rem);
  }
}

/*
  company
--------------------------------------*/
@media (max-width: 768px) {
  .p-company {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-company {
    padding-block: min(8.3333333333vw, 12rem) min(6.5277777778vw, 9.4rem);
  }
}

@media (max-width: 768px) {
  .p-company-list {
    gap: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-company-list {
    gap: min(5.5555555556vw, 8rem) min(2.2222222222vw, 3.2rem);
  }
}
.p-company-list__link:hover .p-company-list__img {
  scale: 1.1;
  opacity: 0.8;
}
.p-company-list__link:hover .p-company-list__icon {
  transform: translateX(0.5rem);
}
.p-company-list__link:hover .p-company-box__head {
  color: rgb(0, 105.5065789474, 203);
}
.p-company-list__figure {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #004F98;
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-company-list__figure {
    border-radius: 2.2222222222vw;
    box-shadow: 0 1.1111111111vw 5.5555555556vw rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 769px) {
  .p-company-list__figure {
    border-radius: min(0.5555555556vw, 0.8rem);
    box-shadow: 0 min(0.2777777778vw, 0.4rem) min(1.3888888889vw, 2rem) rgba(0, 0, 0, 0.1);
  }
}
.p-company-list__img {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  transition-duration: 0.4s;
}
.p-company-list__icon {
  display: block;
  margin-left: auto;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .p-company-list__icon {
    width: 10.2777777778vw;
  }
}
@media (min-width: 769px) {
  .p-company-list__icon {
    width: min(2.7777777778vw, 4rem);
    margin-top: min(0.5555555556vw, 0.8rem);
  }
}

@media (max-width: 768px) {
  .p-company-box {
    margin-top: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-company-box {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
.p-company-box__head {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .p-company-box__head {
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-company-box__head {
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
.p-company-box__body {
  font-weight: 7500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-company-box__body {
    margin-top: 2.2222222222vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-company-box__body {
    margin-top: min(0.5555555556vw, 0.8rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}

/*
  profile
--------------------------------------*/
.p-profile-wrapper {
  display: grid;
}
@media (max-width: 768px) {
  .p-profile-wrapper {
    grid-template-columns: 1fr;
    gap: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-profile-wrapper {
    grid-template-columns: auto min(58.5416666667vw, 84.3rem);
    align-items: start;
    padding: min(4.4444444444vw, 6.4rem);
    background-color: #fff;
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}

@media (max-width: 768px) {
  .p-profile-section.--01, .p-profile-section.--02 {
    padding: 11.1111111111vw 6.6666666667vw;
    background-color: #fff;
    border-radius: 4.4444444444vw;
  }
}
@media (max-width: 768px) {
  .p-profile-section + .p-profile-section {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-profile-section.--01 {
    padding-bottom: min(1.6666666667vw, 2.4rem);
  }
}
@media (min-width: 769px) {
  .p-profile-section.--02 {
    margin-top: min(12.0833333333vw, 17.4rem);
  }
}
@media (min-width: 769px) {
  .p-profile-section.--03 {
    margin-top: min(10.0694444444vw, 14.5rem);
  }
}
@media (min-width: 769px) {
  .p-profile-section.--04 {
    margin-top: min(3.4722222222vw, 5rem);
  }
}

.p-profile-textArea {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (min-width: 769px) {
  .p-profile-textArea {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.p-profile-textArea.--horizontal {
  display: grid;
}
@media (max-width: 768px) {
  .p-profile-textArea.--horizontal {
    grid-template-columns: 1fr;
    gap: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-profile-textArea.--horizontal {
    grid-template-columns: max-content auto;
    gap: min(3.4722222222vw, 5rem);
  }
}

.p-profile-innerBox {
  display: grid;
}
.p-profile-innerBox:not(:horizontal) {
  grid-template-columns: 1fr;
}
@media (min-width: 769px) {
  .p-profile-innerBox:not(:horizontal) {
    gap: min(0.5555555556vw, 0.8rem);
  }
}
.p-profile-innerBox.--horizontal {
  display: grid;
  grid-template-columns: max-content auto;
}
@media (max-width: 768px) {
  .p-profile-innerBox.--horizontal {
    grid-template-columns: 1fr;
    gap: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-profile-innerBox.--horizontal {
    gap: min(2.2222222222vw, 3.2rem);
  }
}
@media (max-width: 768px) {
  .p-profile-innerBox:not(:first-child) {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-profile-innerBox:not(:first-child) {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
.p-profile-innerBox__item.--horizontal {
  display: flex;
}
@media (max-width: 768px) {
  .p-profile-innerBox__item.--horizontal {
    gap: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-profile-innerBox__item.--horizontal {
    gap: min(0.5555555556vw, 0.8rem);
  }
}
.p-profile-innerBox__head {
  font-weight: 700;
  color: #004F98;
}

@media (max-width: 768px) {
  .p-profile-contact:not(:first-child) {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-profile-contact:not(:first-child) {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}

.p-profile-map {
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-profile-map {
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-profile-map {
    border-radius: min(0.5555555556vw, 0.8rem);
  }
}
.p-profile-map__content {
  width: 100%;
}
@media (max-width: 768px) {
  .p-profile-map__content {
    height: 55.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-profile-map__content {
    height: min(15.2777777778vw, 22rem);
  }
}

@media (max-width: 768px) {
  .p-profile-timelineWrapper {
    padding: 11.1111111111vw 6.6666666667vw;
    background-color: #fff;
    border-radius: 4.4444444444vw;
  }
}

.p-profile-timeline__head {
  position: relative;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-profile-timeline__head {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-profile-timeline__head {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.p-profile-timeline__head:hover {
  cursor: pointer;
}
.p-profile-timeline__parent {
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .p-profile-timeline__parent.is-open {
    padding-bottom: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-profile-timeline__parent.is-open {
    padding-bottom: min(0.5555555556vw, 0.8rem);
  }
}
.p-profile-timeline__parent.is-open .p-profile-timeline__icon {
  rotate: 180deg;
}
.p-profile-timeline__icon {
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1/1;
  transition-duration: 0.4s;
}
@media (min-width: 769px) {
  .p-profile-timeline__icon {
    width: min(1.3888888889vw, 2rem);
  }
}

@media (max-width: 768px) {
  .p-profile-timelineBox {
    padding-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-profile-timelineBox {
    padding-top: min(1.1111111111vw, 1.6rem);
  }
}
.p-profile-timelineBox__item {
  position: relative;
  display: grid;
  align-items: center;
  border-top: 1px dashed #C9C9C9;
}
@media (max-width: 768px) {
  .p-profile-timelineBox__item {
    grid-template-columns: 25vw auto;
    gap: 15.5555555556vw;
    padding-top: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-profile-timelineBox__item {
    grid-template-columns: min(6.25vw, 9rem) auto;
    gap: min(3.8888888889vw, 5.6rem);
    padding-top: min(0.5555555556vw, 0.8rem);
  }
}
.p-profile-timelineBox__item::before, .p-profile-timelineBox__item::after {
  z-index: 1;
  position: absolute;
  display: block;
  width: 1px;
  height: 50%;
  background-color: #004F98;
}
@media (max-width: 768px) {
  .p-profile-timelineBox__item::before, .p-profile-timelineBox__item::after {
    left: 32.7777777778vw;
    transform: translateX(-50%);
  }
}
@media (min-width: 769px) {
  .p-profile-timelineBox__item::before, .p-profile-timelineBox__item::after {
    left: min(8.125vw, 11.7rem);
  }
}
.p-profile-timelineBox__item:not(:first-child)::after {
  top: 0;
  content: "";
}
@media (max-width: 768px) {
  .p-profile-timelineBox__item:not(:last-child) {
    padding-bottom: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-profile-timelineBox__item:not(:last-child) {
    padding-bottom: min(0.5555555556vw, 0.8rem);
  }
}
.p-profile-timelineBox__item:not(:last-child)::before {
  top: 50%;
  content: "";
}
.p-profile-timelineBox__title {
  display: block;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.p-profile-timelineBox__title.--main {
  font-weight: 700;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-profile-timelineBox__title.--main {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-profile-timelineBox__title.--main {
    font-size: min(1.0416666667vw, 1.5rem);
  }
}
.p-profile-timelineBox__title.--sub {
  font-weight: 300;
}
@media (max-width: 768px) {
  .p-profile-timelineBox__title.--sub {
    font-size: 3.0555555556vw;
  }
}
@media (min-width: 769px) {
  .p-profile-timelineBox__title.--sub {
    font-size: min(0.7638888889vw, 1.1rem);
  }
}
.p-profile-timelineBox__body {
  position: relative;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-profile-timelineBox__body {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-profile-timelineBox__body {
    font-size: min(1.0416666667vw, 1.5rem);
  }
}
.p-profile-timelineBox__body::before {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  aspect-ratio: 1/1;
  content: "";
  background-color: #004F98;
  border-radius: 100vmax;
}
@media (max-width: 768px) {
  .p-profile-timelineBox__body::before {
    left: -7.7777777778vw;
    width: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-profile-timelineBox__body::before {
    left: min(-1.9444444444vw, -2.8rem);
    width: min(0.5555555556vw, 0.8rem);
  }
}

.p-profile-history {
  position: relative;
}
@media (max-width: 768px) {
  .p-profile-history {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-profile-history {
    margin-top: min(7.4305555556vw, 10.7rem);
    padding-top: min(4.4444444444vw, 6.4rem);
    border-top: 1px solid #C9C9C9;
  }
}
@media (min-width: 769px) {
  .p-profile-history::before {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-50%);
    display: block;
    width: min(4.4444444444vw, 6.4rem);
    height: 1px;
    content: "";
    background-color: #004F98;
  }
}

.p-profile-historyBox {
  color: #fff;
  background-color: #002F5B;
}
@media (max-width: 768px) {
  .p-profile-historyBox {
    padding: 11.1111111111vw 4.4444444444vw;
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-profile-historyBox {
    padding: min(4.4444444444vw, 6.4rem) min(1.6666666667vw, 2.4rem);
    border-radius: min(0.5555555556vw, 0.8rem);
  }
}
.p-profile-historyBox__content {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .p-profile-historyBox__content:not(:first-child) {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-profile-historyBox__content:not(:first-child) {
    margin-top: min(2.7777777778vw, 4rem);
  }
}
.p-profile-historyBox__title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-profile-historyBox__title.--small {
    font-size: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-profile-historyBox__title.--small {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .p-profile-historyBox__title.--large {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-profile-historyBox__title.--large {
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
.p-profile-historyBox__figure {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 768px) {
  .p-profile-historyBox__figure {
    gap: 0.8333333333vw;
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-profile-historyBox__figure {
    gap: min(0.5555555556vw, 0.8rem);
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
.p-profile-historyBox__img {
  display: block;
}
@media (max-width: 768px) {
  .p-profile-historyBox__textArea {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-profile-historyBox__textArea {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
.p-profile-historyBox__description {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-profile-historyBox__description {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-profile-historyBox__description {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.p-profile-historyBox__description + .p-profile-historyBox__description {
  margin-top: 1.5em;
}

.p-profile-productSteps {
  color: #fff;
  background-color: #00203D;
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-profile-productSteps {
    padding: 11.1111111111vw 6.6666666667vw;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-profile-productSteps {
    padding: min(2.1527777778vw, 3.1rem) min(1.8055555556vw, 2.6rem) min(4.375vw, 6.3rem);
    border-radius: min(0.5555555556vw, 0.8rem);
  }
}
.p-profile-productSteps__inner {
  position: relative;
  z-index: 1;
}
.p-profile-productSteps__heading {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-profile-productSteps__heading {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-profile-productSteps__heading {
    font-size: min(2.2222222222vw, 3.2rem);
  }
}

.p-profile-productStepsBox__item {
  display: grid;
  border-bottom: solid 1px #fff;
}
@media (max-width: 768px) {
  .p-profile-productStepsBox__item {
    grid-template-columns: 1fr;
    gap: 4.4444444444vw;
    margin-top: 8.8888888889vw;
    padding-bottom: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-profile-productStepsBox__item {
    grid-template-columns: auto min(37.6388888889vw, 54.2rem);
    margin-top: min(3.3333333333vw, 4.8rem);
    padding-bottom: min(2.2222222222vw, 3.2rem);
  }
}
.p-profile-productStepsBox__head {
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-profile-productStepsBox__head {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-profile-productStepsBox__head {
    font-size: min(2.2222222222vw, 3.2rem);
  }
}
.p-profile-productStepsBox__description {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-profile-productStepsBox__description {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-profile-productStepsBox__description {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.p-profile-productStepsBox__imgBox {
  display: grid;
}
@media (max-width: 768px) {
  .p-profile-productStepsBox__imgBox {
    grid-template-columns: repeat(2, 1fr);
    gap: 4.4444444444vw 7.5vw;
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-profile-productStepsBox__imgBox {
    grid-template-columns: repeat(3, 1fr);
    gap: min(1.7361111111vw, 2.5rem) min(2.2222222222vw, 3.2rem);
    margin-top: min(2.2222222222vw, 3.2rem);
  }
}
.p-profile-productStepsBox__caption {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-profile-productStepsBox__caption {
    margin-top: 1.1111111111vw;
    font-size: 3.6111111111vw;
  }
}
@media (min-width: 769px) {
  .p-profile-productStepsBox__caption {
    margin-top: min(0.5555555556vw, 0.8rem);
    font-size: min(1.0416666667vw, 1.5rem);
  }
}

/*
  message
--------------------------------------*/
@media (max-width: 768px) {
  .p-message__container {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-message__container {
    padding-block: min(6.1111111111vw, 8.8rem) min(5.6944444444vw, 8.2rem);
  }
}
.p-message__figure {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-message__figure {
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-message__figure {
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.p-message__picture, .p-message__img {
  width: 100%;
}
.p-message__heading {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-message__heading {
    margin-top: 8.8888888889vw;
    font-size: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-message__heading {
    margin-top: min(5.0694444444vw, 7.3rem);
    font-size: min(3.3333333333vw, 4.8rem);
  }
}
@media (max-width: 768px) {
  .p-message__content {
    margin-top: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-message__content {
    margin-top: min(3.9583333333vw, 5.7rem);
  }
}
.p-message__description {
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-message__description {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-message__description {
    font-size: min(1.3888888889vw, 2rem);
  }
}
.p-message__description + .p-message__description {
  margin-top: 1.7em;
}
.p-message__signature {
  display: flex;
  justify-content: flex-end;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-message__signature {
    align-items: center;
    gap: 6.6666666667vw;
    margin-top: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-message__signature {
    align-items: flex-end;
    gap: min(2.0138888889vw, 2.9rem);
    margin-top: min(3.0555555556vw, 4.4rem);
  }
}
.p-message__role {
  display: inline-block;
}
@media (max-width: 768px) {
  .p-message__role {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-message__role {
    font-size: min(1.3888888889vw, 2rem);
  }
}
.p-message__name {
  display: inline-block;
}
@media (max-width: 768px) {
  .p-message__name {
    font-size: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-message__name {
    font-size: min(2.7777777778vw, 4rem);
  }
}

/*
  commitment
--------------------------------------*/
.p-commitment-lead {
  position: relative;
  background: linear-gradient(135deg, #0962CF 0%, #238DDB 100%);
  overflow: hidden;
}
.p-commitment-lead__inner {
  position: relative;
  z-index: 2;
  color: #fff;
}
@media (max-width: 768px) {
  .p-commitment-lead__inner {
    padding-top: 28.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-lead__inner {
    padding-top: min(7.7777777778vw, 11.2rem);
  }
}
.p-commitment-lead__inner::before, .p-commitment-lead__inner::after {
  z-index: 1;
  position: absolute;
  display: block;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
}
.p-commitment-lead__inner::before {
  left: 0;
  aspect-ratio: 0.5036045314;
  background-image: url("../images/company/commitment/commitment_bg_img01.png");
}
@media (max-width: 768px) {
  .p-commitment-lead__inner::before {
    top: 111.1111111111vw;
    width: 54.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-lead__inner::before {
    top: 13.125vw;
    width: 33.9583333333vw;
  }
}
.p-commitment-lead__inner::after {
  aspect-ratio: 329/534;
  background-image: url("../images/company/commitment/commitment_bg_img02.png");
}
@media (max-width: 768px) {
  .p-commitment-lead__inner::after {
    left: 55.5555555556vw;
    top: 48.0555555556vw;
    transform: translateY(-100%);
    width: 45.2777777778vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-lead__inner::after {
    right: 0;
    top: 0;
    width: 22.8472222222vw;
  }
}
.p-commitment-lead__description {
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.01em;
  color: #fff;
}
@media (max-width: 768px) {
  .p-commitment-lead__description {
    margin-top: 8.8888888889vw;
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-lead__description {
    margin-top: min(3.3333333333vw, 4.8rem);
    text-align: center;
    font-size: min(2.5vw, 3.6rem);
  }
}
.p-commitment-lead__imgBox {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-rows: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .p-commitment-lead__imgBox {
    grid-template-columns: auto 45.2777777778vw auto;
    grid-column-gap: 2.2222222222vw;
    grid-row-gap: 2.2222222222vw;
    margin-top: 37.5vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-lead__imgBox {
    grid-template-columns: 32.9861111111vw 28.0555555556vw 36.7361111111vw;
    grid-column-gap: 1.3194444444vw;
    grid-row-gap: 1.3194444444vw;
    margin-top: min(9.7222222222vw, 14rem);
  }
}
.p-commitment-lead__imgBox::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(180deg, transparent 60%, rgba(14, 134, 223, 0.66) 100%);
}
.p-commitment-lead__figure {
  display: block;
  overflow: hidden;
}
.p-commitment-lead__figure.--01 {
  grid-area: 1/1/3/2;
}
@media (max-width: 768px) {
  .p-commitment-lead__figure.--01 {
    border-radius: 0 2.2222222222vw 2.2222222222vw 0;
  }
}
@media (min-width: 769px) {
  .p-commitment-lead__figure.--01 {
    width: 32.9861111111vw;
    border-radius: 0 0.5555555556vw 0.5555555556vw 0;
  }
}
.p-commitment-lead__figure.--02 {
  grid-area: 1/2/2/3;
}
@media (max-width: 768px) {
  .p-commitment-lead__figure.--02 {
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-lead__figure.--02 {
    width: 28.0555555556vw;
    border-radius: 0.5555555556vw;
  }
}
.p-commitment-lead__figure.--03 {
  grid-area: 2/2/3/3;
}
@media (max-width: 768px) {
  .p-commitment-lead__figure.--03 {
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-lead__figure.--03 {
    width: 28.0555555556vw;
    border-radius: 0.5555555556vw;
  }
}
.p-commitment-lead__figure.--04 {
  grid-area: 1/3/3/4;
}
@media (max-width: 768px) {
  .p-commitment-lead__figure.--04 {
    border-radius: 2.2222222222vw 0 0 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-lead__figure.--04 {
    width: 36.7361111111vw;
    border-radius: 0.5555555556vw 0 0 0.5555555556vw;
  }
}
.p-commitment-lead__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .p-commitment-lead__img.--04 {
    -o-object-position: right center;
       object-position: right center;
  }
}

@media (max-width: 768px) {
  .p-commitment-concept {
    padding-block: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-concept {
    padding-block: min(6.1805555556vw, 8.9rem) min(7.2222222222vw, 10.4rem);
  }
}

.p-commitment-conceptBox {
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .p-commitment-conceptBox {
    grid-row-gap: 8.8888888889vw;
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-conceptBox {
    grid-row-gap: min(3.3333333333vw, 4.8rem);
    margin-top: min(4.8611111111vw, 7rem);
  }
}
.p-commitment-conceptBox__item {
  display: grid;
}
@media (max-width: 768px) {
  .p-commitment-conceptBox__item {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 769px) {
  .p-commitment-conceptBox__item {
    grid-template-columns: min(13.6805555556vw, 19.7rem) auto;
    grid-template-rows: 1.2fr 0.8fr;
    grid-column-gap: min(6.4583333333vw, 9.3rem);
    grid-row-gap: min(0.5555555556vw, 0.8rem);
    align-items: center;
  }
}
.p-commitment-conceptBox__head {
  display: flex;
  height: 100%;
}
@media (max-width: 768px) {
  .p-commitment-conceptBox__head {
    grid-area: 2/1/3/2;
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-conceptBox__head {
    grid-area: 1/2/2/3;
    align-items: flex-end;
  }
}
.p-commitment-conceptBox__titleGroup {
  display: flex;
}
@media (max-width: 768px) {
  .p-commitment-conceptBox__titleGroup {
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .p-commitment-conceptBox__titleGroup {
    align-items: center;
    gap: min(1.1111111111vw, 1.6rem);
  }
}
.p-commitment-conceptBox__title {
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
  background: linear-gradient(90deg, #0962CF 0%, #238DDB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 768px) {
  .p-commitment-conceptBox__title.--en {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-conceptBox__title.--en {
    font-size: min(3.3333333333vw, 4.8rem);
  }
}
@media (max-width: 768px) {
  .p-commitment-conceptBox__title.--jp {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-conceptBox__title.--jp {
    font-size: min(2.2222222222vw, 3.2rem);
  }
}
.p-commitment-conceptBox__body {
  display: contents;
}
.p-commitment-conceptBox__text {
  display: flex;
  align-items: flex-start;
  height: 100%;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-commitment-conceptBox__text {
    grid-area: 3/1/4/2;
    margin-top: 2.2222222222vw;
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-conceptBox__text {
    grid-area: 2/2/3/3;
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .p-commitment-conceptBox__figure {
    grid-area: 1/1/2/2;
    width: 27.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-conceptBox__figure {
    grid-area: 1/1/3/2;
    width: min(13.6805555556vw, 19.7rem);
  }
}

@media (max-width: 768px) {
  .p-commitment-motto {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-motto {
    padding-block: min(5.5555555556vw, 8rem);
  }
}
.p-commitment-motto__picture, .p-commitment-motto__img {
  display: block;
  width: 100%;
}

@media (max-width: 768px) {
  .p-commitment-song {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-song {
    padding-block: min(5.5555555556vw, 8rem);
  }
}
.p-commitment-song__inner {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .p-commitment-song__inner {
    padding: 11.1111111111vw 4.4444444444vw;
    background-image: url("../images/company/commitment/commitment_song_bg_sp.jpg");
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-song__inner {
    padding: min(3.0555555556vw, 4.4rem) min(3.3333333333vw, 4.8rem) min(5.7638888889vw, 8.3rem);
    background-image: url("../images/company/commitment/commitment_song_bg_pc.jpg");
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.p-commitment-song__heading {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.005em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-commitment-song__heading {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-song__heading {
    font-size: min(2.5vw, 3.6rem);
  }
}
.p-commitment-song__info {
  display: flex;
}
@media (max-width: 768px) {
  .p-commitment-song__info {
    flex-direction: column;
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-song__info {
    gap: 1em;
    margin-top: min(3.1944444444vw, 4.6rem);
  }
}
.p-commitment-song__credit, .p-commitment-song__small {
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-commitment-song__credit, .p-commitment-song__small {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-song__credit, .p-commitment-song__small {
    font-size: min(1.3888888889vw, 2rem);
  }
}
@media (max-width: 768px) {
  .p-commitment-song__main {
    margin-top: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-song__main {
    margin-top: min(3.1944444444vw, 4.6rem);
  }
}
.p-commitment-song__text {
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-commitment-song__text {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-commitment-song__text {
    font-size: min(1.3888888889vw, 2rem);
  }
}
.p-commitment-song__text + .p-commitment-song__text {
  margin-top: 1.7em;
}

/*
  strengths
--------------------------------------*/
.p-strengths-content {
  position: relative;
}
@media (max-width: 768px) {
  .p-strengths-content {
    padding-top: 14.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-content {
    padding-top: min(7.7777777778vw, 11.2rem);
  }
}
.p-strengths-content::before, .p-strengths-content::after {
  z-index: -1;
  position: absolute;
  display: block;
  content: "";
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .p-strengths-content::before {
    right: 0;
    top: 0;
    width: 44.1666666667vw;
    aspect-ratio: 159/170;
    background-image: url("../images/company/strengths/strengths_bg_img01_sp.png");
  }
}
@media (min-width: 769px) {
  .p-strengths-content::before {
    left: 0;
    top: 0;
    width: 28.4722222222vw;
    aspect-ratio: 412/441;
    background-image: url("../images/company/strengths/strengths_bg_img01_pc.png");
  }
}
@media (max-width: 768px) {
  .p-strengths-content::after {
    left: 0;
    top: 112.2222222222vw;
    width: 54.1666666667vw;
    aspect-ratio: 195/349;
    background-image: url("../images/company/strengths/strengths_bg_img02_sp.png");
  }
}
@media (min-width: 769px) {
  .p-strengths-content::after {
    right: 0;
    top: min(15.2777777778vw, 22rem);
    width: 27.0833333333vw;
    aspect-ratio: 389/351;
    background-image: url("../images/company/strengths/strengths_bg_img02_pc.png");
  }
}

.p-strengths-lead {
  position: relative;
}
@media (max-width: 768px) {
  .p-strengths-lead {
    padding-bottom: 13.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-lead {
    padding-bottom: min(10.7638888889vw, 15.5rem);
  }
}
.p-strengths-lead__description {
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-strengths-lead__description {
    margin-top: 8.8888888889vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-lead__description {
    margin-top: min(4.375vw, 6.3rem);
    text-align: center;
    font-size: min(1.3888888889vw, 2rem);
  }
}

.p-strengths-section {
  position: relative;
  overflow: hidden;
}
.p-strengths-section.--01, .p-strengths-section.--05 {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .p-strengths-section.--01, .p-strengths-section.--05 {
    background-image: url("../images/company/strengths/strengths_bg01_sp.jpg");
    border-radius: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section.--01, .p-strengths-section.--05 {
    background-image: url("../images/company/strengths/strengths_bg01_pc.jpg");
    border-radius: min(4.4444444444vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .p-strengths-section.--01 {
    padding-block: 13.3333333333vw 19.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section.--01 {
    padding: min(7.0138888889vw, 10.1rem) min(9.1666666667vw, 13.2rem) min(9.0277777778vw, 13rem) min(5vw, 7.2rem);
  }
}
@media (max-width: 768px) {
  .p-strengths-section.--02 {
    margin-top: 19.4444444444vw;
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section.--02 {
    padding-block: min(5.2777777778vw, 7.6rem) min(6.0416666667vw, 8.7rem);
  }
}
@media (max-width: 768px) {
  .p-strengths-section.--03 {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section.--03 {
    padding-bottom: min(5.9722222222vw, 8.6rem);
  }
}
@media (max-width: 768px) {
  .p-strengths-section.--04 {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section.--04 {
    padding-block: min(2.5694444444vw, 3.7rem) min(9.6527777778vw, 13.9rem);
  }
}
@media (max-width: 768px) {
  .p-strengths-section.--05 {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section.--05 {
    padding: min(6.7361111111vw, 9.7rem) min(8.75vw, 12.6rem) min(6.6666666667vw, 9.6rem) 0;
  }
}
@media (max-width: 768px) {
  .p-strengths-section.--06 {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section.--06 {
    padding-block: min(4.0972222222vw, 5.9rem) min(5.4861111111vw, 7.9rem);
  }
}
@media (max-width: 768px) {
  .p-strengths-section.--07 {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section.--07 {
    padding-block: min(4.7916666667vw, 6.9rem) min(3.5416666667vw, 5.1rem);
  }
}
.p-strengths-section.--08 {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .p-strengths-section.--08 {
    background-image: url("../images/company/strengths/strengths_bg02_sp.jpg");
    margin-block: 11.1111111111vw;
    padding-top: 11.1111111111vw;
    border-radius: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section.--08 {
    background-image: url("../images/company/strengths/strengths_bg02_pc.jpg");
    border-radius: 0 min(8.3333333333vw, 12rem) 0 0;
  }
}
@media (max-width: 768px) {
  .p-strengths-section__row.--grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .p-strengths-section__row.--grid.--normal-sp {
    display: grid;
    grid-template-areas: "textArea" "imgArea";
  }
}
@media (max-width: 768px) {
  .p-strengths-section__row.--grid.--reverse-sp {
    display: grid;
    grid-template-areas: "imgArea" "textArea";
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--grid.--normal-pc {
    display: grid;
    grid-template-areas: "textArea imgArea";
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--grid.--reverse-pc {
    display: grid;
    grid-template-areas: "imgArea textArea";
  }
}
@media (max-width: 768px) {
  .p-strengths-section__row.--grid.--04, .p-strengths-section__row.--grid.--06 {
    gap: 2.2222222222vw;
  }
}
@media (max-width: 768px) {
  .p-strengths-section__row.--grid.--05 {
    gap: 6.6666666667vw;
  }
}
.p-strengths-section__row.--flex {
  display: flex;
}
@media (max-width: 768px) {
  .p-strengths-section__row.--flex {
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--flex.--reverse-pc {
    flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
  .p-strengths-section__row.--01 {
    gap: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--01 {
    gap: min(10.2777777778vw, 14.8rem);
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--02 {
    gap: min(2.3611111111vw, 3.4rem);
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--03 {
    gap: min(7.7777777778vw, 11.2rem);
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--04, .p-strengths-section__row.--06 {
    gap: min(10.0694444444vw, 14.5rem);
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--05 {
    gap: min(7.3611111111vw, 10.6rem);
  }
}
@media (max-width: 768px) {
  .p-strengths-section__row.--08 {
    gap: 18.0555555556vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--08 {
    gap: min(7.9861111111vw, 11.5rem);
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--vertical-align-center-pc {
    align-items: center;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__row.--vertical-align-bottom-pc {
    align-items: flex-end;
  }
}
@media (max-width: 768px) {
  .p-strengths-section__col.--sp-side-space {
    padding-inline: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__col.--pc-spread-left {
    margin-left: calc(50% - 50vw);
  }
}
@media (min-width: 769px) {
  .p-strengths-section__col.--pc-spread-right {
    margin-right: calc(50% - 50vw);
  }
}
@media (min-width: 769px) {
  .p-strengths-section__col.--width-half-pc {
    width: 50%;
  }
}
.p-strengths-section__col.--textArea {
  grid-area: textArea;
}
@media (min-width: 769px) {
  .p-strengths-section__col.--textArea.--08 {
    width: min(37.9861111111vw, 54.7rem);
  }
}
.p-strengths-section__col.--imgArea {
  grid-area: imgArea;
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-strengths-section__col.--imgArea.--fade-vertical-sp {
    -webkit-mask-image: linear-gradient(to bottom, transparent, black 10%, black 100%);
    mask-image: linear-gradient(to bottom, transparent, black 10%, black 100%);
  }
}
@media (max-width: 768px) {
  .p-strengths-section__col.--imgArea.--03 {
    width: 100%;
    border-radius: 0 17.7777777778vw 0 0;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__col.--imgArea.--03 {
    border-radius: 0 min(8.3333333333vw, 12rem) 0 0;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__col.--imgArea.--07 {
    width: min(77.3611111111vw, 111.4rem);
    margin-left: auto;
    margin-top: min(-6.7361111111vw, -9.7rem);
  }
}
@media (min-width: 769px) {
  .p-strengths-section__col.--imgArea.--08 {
    width: min(48.8194444444vw, 70.3rem);
    margin-left: calc(min(-13.3333333333vw, -19.2rem) / 2);
  }
}
.p-strengths-section__heading {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-strengths-section__heading {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__heading {
    font-size: min(2.7777777778vw, 4rem);
  }
}
.p-strengths-section__heading::before {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  content: attr(data-number);
  font-weight: 300;
  font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", serif;
  border-bottom: solid 1px #004F98;
}
@media (max-width: 768px) {
  .p-strengths-section__heading::before {
    margin-bottom: 6.6666666667vw;
    font-size: 17.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__heading::before {
    margin-bottom: min(2.2222222222vw, 3.2rem);
    font-size: min(4.4444444444vw, 6.4rem);
  }
}
.p-strengths-section__description {
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-strengths-section__description {
    font-size: 4.4444444444vw;
    line-height: 1.7;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__description {
    font-size: min(1.1111111111vw, 1.6rem);
    line-height: 2;
  }
}
@media (max-width: 768px) {
  .p-strengths-section__description:not(.--no-margin-top) {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-section__description:not(.--no-margin-top) {
    margin-top: min(2.7777777778vw, 4rem);
  }
}
.p-strengths-section__description.--07 {
  z-index: 1;
  position: relative;
}
@media (min-width: 769px) {
  .p-strengths-section__description.--07 {
    width: min(37.9861111111vw, 54.7rem);
  }
}
.p-strengths-section__img {
  display: block;
}
.p-strengths-section__img.--fit {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 769px) {
  .p-strengths-section__img.--02 {
    width: min(48.8194444444vw, 70.3rem);
  }
}
@media (min-width: 769px) {
  .p-strengths-section__img.--03 {
    width: min(48.8194444444vw, 70.3rem);
    margin-left: auto;
  }
}

@media (max-width: 768px) {
  .p-strengths-iso {
    width: 55.5555555556vw;
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-iso {
    width: min(13.8888888889vw, 20rem);
    margin-top: min(3.6111111111vw, 5.2rem);
  }
}

.p-strengths-horizontalImages {
  position: relative;
}
@media (max-width: 768px) {
  .p-strengths-horizontalImages {
    width: 100%;
    padding-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-strengths-horizontalImages {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(1.7361111111vw, 2.5rem);
    margin-top: min(3.8194444444vw, 5.5rem);
  }
}
.p-strengths-horizontalImages__figure {
  position: relative;
  overflow: hidden;
}
@media (min-width: 769px) {
  .p-strengths-horizontalImages__figure {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .p-strengths-horizontalImages__figure.--01 {
    width: 91.9444444444vw;
    border-radius: 0 17.7777777778vw 0 0;
  }
}
@media (min-width: 769px) {
  .p-strengths-horizontalImages__figure.--01 {
    border-radius: 0 min(8.3333333333vw, 12rem) 0 0;
  }
}
@media (max-width: 768px) {
  .p-strengths-horizontalImages__figure.--02 {
    z-index: 1;
    width: 72.5vw;
    margin-left: auto;
    margin-top: -12.7777777778vw;
    border-radius: 8.8888888889vw 0 0 0;
  }
}
@media (min-width: 769px) {
  .p-strengths-horizontalImages__figure.--02 {
    border-radius: min(8.3333333333vw, 12rem) 0 0 0;
  }
}
.p-strengths-horizontalImages__img {
  display: block;
  width: 100%;
}

/*
  quality-environment
--------------------------------------*/
.p-quality-environment__textArea {
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-quality-environment__textArea {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-quality-environment__textArea {
    font-size: min(1.3888888889vw, 2rem);
  }
}
@media (max-width: 768px) {
  .p-quality-environment__figure {
    width: 66.6666666667vw;
    margin-inline: auto;
    margin-top: 17.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-quality-environment__figure {
    width: min(18.8194444444vw, 27.1rem);
    margin-top: min(4.4444444444vw, 6.4rem);
  }
}
.p-quality-environment__description.--append {
  text-align: right;
}
@media (max-width: 768px) {
  .p-quality-environment__description.--append {
    margin-top: 17.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-quality-environment__description.--append {
    margin-top: min(4.4444444444vw, 6.4rem);
  }
}
.p-quality-environment__list {
  margin-top: 1.7em;
}

/*
  recruit
--------------------------------------*/
@media (min-width: 769px) {
  .p-recruit {
    padding-top: min(2.9861111111vw, 4.3rem);
  }
}

.p-recruit-topImg {
  width: 100%;
  background-color: #013D78;
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-recruit-topImg {
    border-radius: 4.4444444444vw 4.4444444444vw 0 0;
  }
}
@media (min-width: 769px) {
  .p-recruit-topImg {
    border-radius: min(1.1111111111vw, 1.6rem) min(1.1111111111vw, 1.6rem) 0 0;
  }
}
.p-recruit-topImg__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-recruit-lead {
  position: relative;
  margin-top: -1px;
  background-color: #013D78;
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .p-recruit-lead {
    margin-bottom: 23.7rem;
    padding-top: 22.2222222222vw;
    padding-bottom: 20rem;
    background-image: url("../images/recruit/recruit_lead_bg_sp.jpg");
  }
}
@media (min-width: 769px) {
  .p-recruit-lead {
    margin-bottom: 33.2rem;
    padding-top: min(5.0694444444vw, 7.3rem);
    padding-bottom: 30.4rem;
    background-image: url("../images/recruit/recruit_lead_bg_pc.jpg");
  }
}
.p-recruit-lead__mainText {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #fff;
}
@media (max-width: 768px) {
  .p-recruit-lead__mainText {
    font-size: 7.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-lead__mainText {
    text-align: center;
    font-size: min(3.3333333333vw, 4.8rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-lead__textArea {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-lead__textArea {
    margin-top: min(2.6388888889vw, 3.8rem);
  }
}
.p-recruit-lead__description {
  line-height: 2.2;
  letter-spacing: 0.07em;
  color: #fff;
}
@media (max-width: 768px) {
  .p-recruit-lead__description {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-lead__description {
    text-align: center;
    font-size: min(1.4583333333vw, 2.1rem);
  }
}
.p-recruit-lead__description + .p-recruit-lead__description {
  margin-top: 2.2em;
}

.p-recruit-slider {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-recruit-slider {
    bottom: -12.5rem;
  }
}
@media (min-width: 769px) {
  .p-recruit-slider {
    bottom: -24.1rem;
  }
}
.p-recruit-slider__track {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  animation: loop-slide 90s linear infinite;
}
@media (max-width: 768px) {
  .p-recruit-slider__track {
    gap: 1.9rem;
  }
}
@media (min-width: 769px) {
  .p-recruit-slider__track {
    gap: 3.2rem;
  }
}
.p-recruit-slider__item {
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-recruit-slider__item {
    border-radius: 0.4rem;
  }
}
@media (min-width: 769px) {
  .p-recruit-slider__item {
    border-radius: 1.6rem;
  }
}
.p-recruit-slider__item:nth-child(2n+1) {
  aspect-ratio: 423/346;
}
@media (max-width: 768px) {
  .p-recruit-slider__item:nth-child(2n+1) {
    width: 25.2rem;
  }
}
@media (min-width: 769px) {
  .p-recruit-slider__item:nth-child(2n+1) {
    width: 42.3rem;
  }
}
.p-recruit-slider__item:nth-child(2n) {
  aspect-ratio: 369/482;
}
@media (max-width: 768px) {
  .p-recruit-slider__item:nth-child(2n) {
    width: 22rem;
  }
}
@media (min-width: 769px) {
  .p-recruit-slider__item:nth-child(2n) {
    width: 36.9rem;
  }
}
.p-recruit-slider__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}

.p-recruit-section__block.--01 {
  background: url("../images/recruit/recruit_section_bg.jpg") center center/cover no-repeat;
}
@media (max-width: 768px) {
  .p-recruit-section__block.--01 {
    padding-block: 11.1111111111vw;
    border-radius: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__block.--01 {
    padding-top: 8.9rem;
    padding-bottom: min(9.7222222222vw, 14rem);
    border-radius: min(2.2222222222vw, 3.2rem);
  }
}
.p-recruit-section__block.--02 {
  color: #004F98;
  background: linear-gradient(to right, #0962cf 0%, #238ddb 100%);
}
@media (max-width: 768px) {
  .p-recruit-section__block.--02 {
    margin-top: 11.1111111111vw;
    padding-block: 22.2222222222vw;
    border-radius: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__block.--02 {
    margin-top: min(6.1805555556vw, 8.9rem);
    padding-block: min(4.4444444444vw, 6.4rem) min(8.2638888889vw, 11.9rem);
    border-radius: min(2.2222222222vw, 3.2rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-section__block.--03 {
    padding-block: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__block.--03 {
    padding-block: min(7.7777777778vw, 11.2rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-section__block.--04 {
    padding-block: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__block.--04 {
    padding-block: min(6.5277777778vw, 9.4rem) min(8.4027777778vw, 12.1rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-section__block.--05 {
    padding-block: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__block.--05 {
    padding-block: min(6.5277777778vw, 9.4rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-section__block.--06 {
    padding-block: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__block.--06 {
    padding-block: min(6.5277777778vw, 9.4rem) min(5.2083333333vw, 7.5rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-section__block.--07 {
    padding-block: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__block.--07 {
    padding-block: min(8.4722222222vw, 12.2rem) min(6.3194444444vw, 9.1rem);
  }
}
.p-recruit-section__hgroup {
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) {
  .p-recruit-section__hgroup {
    gap: min(2.2222222222vw, 3.2rem);
  }
}
.p-recruit-section__hgroup.--centered {
  text-align: center;
}
.p-recruit-section__heading {
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
.p-recruit-section__heading.--white {
  color: #fff;
  border-color: #fff;
}
.p-recruit-section__heading.--sub {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", serif;
  font-weight: 300;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
@media (max-width: 768px) {
  .p-recruit-section__heading.--sub {
    margin-bottom: 6.6666666667vw;
    font-size: 13.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__heading.--sub {
    font-size: min(4.4444444444vw, 6.4rem);
  }
}
.p-recruit-section__heading.--main {
  font-weight: 700;
}
@media (max-width: 768px) {
  .p-recruit-section__heading.--main {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__heading.--main {
    font-size: min(2.7777777778vw, 4rem);
  }
}
.p-recruit-section__subHeading {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-section__subHeading {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__subHeading {
    font-size: min(2.5vw, 3.6rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-section__subHeading.--03 {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__subHeading.--03 {
    margin-top: min(3.4027777778vw, 4.9rem);
  }
}
.p-recruit-section__description {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-recruit-section__description {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__description {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-section__description:not(.--top-wide) {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__description:not(.--top-wide) {
    margin-top: min(0.8333333333vw, 1.2rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-section__description.--top-wide {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-section__description.--top-wide {
    margin-top: min(1.6666666667vw, 2.4rem);
  }
}

@media (max-width: 768px) {
  .p-recruit-numbersList {
    gap: 2.2222222222vw;
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList {
    gap: min(2.2222222222vw, 3.2rem);
    margin-top: min(5.4166666667vw, 7.8rem);
  }
}
.p-recruit-numbersList__item {
  display: grid;
  place-content: center;
  place-items: center;
  background-color: #fff;
}
@media (max-width: 768px) {
  .p-recruit-numbersList__item {
    padding-block: 3.3333333333vw 4.4444444444vw;
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__item {
    min-height: min(19.4444444444vw, 28rem);
    padding-block: min(1.6666666667vw, 2.4rem) min(0.9027777778vw, 1.3rem);
    border-radius: min(1.6666666667vw, 2.4rem);
  }
}
.p-recruit-numbersList__item.--centered {
  justify-content: center;
}
.p-recruit-numbersList__head {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.005em;
  text-align: center;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-numbersList__head {
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__head {
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
.p-recruit-numbersList__content.--numbers {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
}
@media (max-width: 768px) {
  .p-recruit-numbersList__content.--numbers {
    gap: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__content.--numbers {
    gap: min(0.5555555556vw, 0.8rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__content.--numbers:not(.--reduce-space-top) {
    margin-top: 8.6111111111vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__content.--numbers:not(.--reduce-space-top) {
    margin-top: min(2.1527777778vw, 3.1rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__content.--numbers.--reduce-space-top-sp {
    margin-top: 2.2222222222vw;
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__content.--numbers.--reduce-space-top-sp.--15 {
    margin-top: 4.1666666667vw;
  }
}
.p-recruit-numbersList__text {
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #004F98;
}
.p-recruit-numbersList__text.--main {
  line-height: 1;
}
@media (max-width: 768px) {
  .p-recruit-numbersList__text.--main {
    font-size: 7.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__text.--main {
    font-size: min(4.4444444444vw, 6.4rem);
  }
}
.p-recruit-numbersList__text.--sub {
  line-height: 1;
}
@media (max-width: 768px) {
  .p-recruit-numbersList__text.--sub {
    font-size: 3.0555555556vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__text.--sub {
    font-size: min(1.3888888889vw, 2rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__figure.--01 {
    width: 10.2777777778vw;
    margin-top: 6.9444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__figure.--01 {
    width: min(4.0972222222vw, 5.9rem);
    margin-top: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__figure.--02 {
    width: 35.8333333333vw;
    margin-top: 3.6111111111vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__figure.--02 {
    width: min(17.4305555556vw, 25.1rem);
    margin-top: min(0.4861111111vw, 0.7rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__figure.--03 {
    width: 12.2222222222vw;
    margin-top: 4.7222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__figure.--03 {
    width: min(3.8888888889vw, 5.6rem);
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__figure.--04 {
    width: 15.5555555556vw;
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__figure.--04 {
    width: min(5.7638888889vw, 8.3rem);
    margin-top: min(1.5277777778vw, 2.2rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__figure.--05 {
    margin-top: 6.6666666667vw;
    padding: 6.6666666667vw 29.4444444444vw;
    background-color: #fff;
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__figure.--05 {
    width: min(15.2083333333vw, 21.9rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__figure.--06 {
    width: 12.5vw;
    margin-top: 3.6111111111vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__figure.--06 {
    width: min(4.6527777778vw, 6.7rem);
    margin-top: min(0.7638888889vw, 1.1rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__figure.--07 {
    width: 11.9444444444vw;
    margin-top: 7.5vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__figure.--07 {
    width: min(4.0277777778vw, 5.8rem);
    margin-top: min(2.5694444444vw, 3.7rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__figure.--08 {
    width: 13.6111111111vw;
    margin-top: 2.5vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__figure.--08 {
    width: min(3.8888888889vw, 5.6rem);
    margin-top: min(0.9027777778vw, 1.3rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__figure.--09 {
    width: 10.5555555556vw;
    margin-top: 1.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__figure.--09 {
    width: min(3.5416666667vw, 5.1rem);
    margin-top: min(0.625vw, 0.9rem);
  }
}
.p-recruit-numbersList__img {
  width: 100%;
}
.p-recruit-numbersList__note {
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-numbersList__note {
    font-size: 2.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__note {
    font-size: min(0.9027777778vw, 1.3rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__note.--position-top {
    margin-top: 0.8333333333vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__note.--position-top {
    margin-block: min(0.8333333333vw, 1.2rem) min(0.3472222222vw, 0.5rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__note.--position-middle {
    margin-top: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__note.--position-middle {
    margin-top: min(0.3472222222vw, 0.5rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-numbersList__note.--position-bottom {
    margin-top: 5.2777777778vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-numbersList__note.--position-bottom {
    margin-top: min(0.9027777778vw, 1.3rem);
  }
}

.p-recruit-culture {
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .p-recruit-culture {
    gap: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture {
    gap: min(4.8611111111vw, 7rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-culture.--normal {
    margin-top: 22.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture.--normal {
    margin-top: min(6.875vw, 9.9rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-culture.--award {
    margin-top: 16.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture.--award {
    margin-top: min(9.7916666667vw, 14.1rem);
    padding-right: min(3.1944444444vw, 4.6rem);
  }
}
.p-recruit-culture__item {
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .p-recruit-culture__item {
    flex-direction: column-reverse;
    background-position: center top;
  }
}
@media (max-width: 768px) {
  .p-recruit-culture__item:not(.--05) {
    padding-inline: 6.1111111111vw;
    padding-block: 90vw 12.7777777778vw;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__item:not(.--05) {
    align-items: flex-end;
    gap: min(3.1944444444vw, 4.6rem);
    height: min(50vw, 72rem);
    padding-inline: min(2.9861111111vw, 4.3rem) min(3.75vw, 5.4rem);
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.p-recruit-culture__item:not(.--05):nth-of-type(2n + 1) {
  background-color: #EDF9FF;
}
@media (min-width: 769px) {
  .p-recruit-culture__item:not(.--05):nth-of-type(2n + 1) {
    flex-direction: row-reverse;
    background-position: left center;
  }
}
.p-recruit-culture__item:not(.--05):nth-nth-of-type(2n) {
  background-color: #F4F4F6;
}
@media (min-width: 769px) {
  .p-recruit-culture__item:not(.--05):nth-nth-of-type(2n) {
    background-position: right center;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__item:not(.--05) .p-recruit-culture__textArea {
    width: min(36.25vw, 52.2rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-culture__item.--01 {
    background-image: url("../images/recruit/recruit_img02_01_sp.jpg");
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__item.--01 {
    padding-bottom: min(6.9444444444vw, 10rem);
    background-image: url("../images/recruit/recruit_img02_01_pc.jpg");
  }
}
@media (max-width: 768px) {
  .p-recruit-culture__item.--02 {
    background-image: url("../images/recruit/recruit_img02_02_sp.jpg");
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__item.--02 {
    padding-bottom: min(4.8611111111vw, 7rem);
    background-image: url("../images/recruit/recruit_img02_02_pc.jpg");
  }
}
@media (max-width: 768px) {
  .p-recruit-culture__item.--03 {
    background-image: url("../images/recruit/recruit_img02_03_sp.jpg");
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__item.--03 {
    padding-bottom: min(4.5138888889vw, 6.5rem);
    background-image: url("../images/recruit/recruit_img02_03_pc.jpg");
  }
}
@media (max-width: 768px) {
  .p-recruit-culture__item.--04 {
    background-image: url("../images/recruit/recruit_img02_04_sp.jpg");
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__item.--04 {
    padding-bottom: min(6.9444444444vw, 10rem);
    background-image: url("../images/recruit/recruit_img02_04_pc.jpg");
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__item.--05 {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__item.--05 .p-recruit-culture__textArea {
    width: min(44.7916666667vw, 64.5rem);
  }
}
.p-recruit-culture__head {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-recruit-culture__head {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__head {
    font-size: min(2.5vw, 3.6rem);
    white-space: nowrap;
  }
}
.p-recruit-culture__head.--white {
  color: #fff;
}
.p-recruit-culture__head.--white::before {
  border-bottom: solid 1px #fff;
}
.p-recruit-culture__head::before {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  content: attr(data-sub-title);
  font-weight: 300;
  font-family: "Noto Serif JP", "Times New Roman", "游明朝", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HG明朝E", serif;
  border-bottom: solid 1px #004F98;
}
@media (max-width: 768px) {
  .p-recruit-culture__head::before {
    margin-bottom: 4.4444444444vw;
    padding-bottom: 2.2222222222vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__head::before {
    margin-bottom: min(2.0138888889vw, 2.9rem);
    padding-bottom: min(0.5555555556vw, 0.8rem);
    font-size: min(1.3888888889vw, 2rem);
  }
}
.p-recruit-culture__body {
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-recruit-culture__body {
    margin-top: 6.6666666667vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__body {
    margin-top: min(2.5vw, 3.6rem);
    font-size: min(1.25vw, 1.8rem);
  }
}
.p-recruit-culture__body.--white {
  color: #fff;
}
@media (min-width: 769px) {
  .p-recruit-culture__body.--white {
    padding-right: min(4.1666666667vw, 6rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-culture__textArea {
    margin-top: 6.6666666667vw;
    padding-inline: 4.4444444444vw;
  }
}
.p-recruit-culture__figure.--05 {
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-recruit-culture__figure.--05 {
    width: 100%;
    border-radius: 0 17.7777777778vw 0 0;
  }
}
@media (min-width: 769px) {
  .p-recruit-culture__figure.--05 {
    width: min(48.8194444444vw, 70.3rem);
    height: min(40.2083333333vw, 57.9rem);
    border-radius: 0 min(4.4444444444vw, 6.4rem) min(4.4444444444vw, 6.4rem) 0;
  }
}
.p-recruit-culture__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-recruit-flow-head {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-flow-head {
    margin-top: 4.4444444444vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-flow-head {
    margin-top: min(1.25vw, 1.8rem);
    text-align: center;
    font-size: min(1.3888888889vw, 2rem);
  }
}

.p-recruit-flow {
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .p-recruit-flow {
    gap: 11.6666666667vw;
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-flow {
    gap: min(3.8194444444vw, 5.5rem);
    margin-top: min(1.3888888889vw, 2rem);
  }
}
.p-recruit-flow__item {
  position: relative;
  border: solid 1px #AED2F5;
}
@media (max-width: 768px) {
  .p-recruit-flow__item {
    padding: 3.3333333333vw 4.4444444444vw;
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-flow__item {
    padding: min(1.6666666667vw, 2.4rem) min(2.2222222222vw, 3.2rem);
    border-radius: min(0.5555555556vw, 0.8rem);
  }
}
.p-recruit-flow__item:not(:last-child)::after {
  position: absolute;
  left: 50%;
  display: block;
  aspect-ratio: 40/29;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  content: "";
  background-color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-flow__item:not(:last-child)::after {
    width: 8.8888888889vw;
    bottom: 0;
    transform: translate(-50%, calc(100% + 3.3333333333vw));
  }
}
@media (min-width: 769px) {
  .p-recruit-flow__item:not(:last-child)::after {
    width: min(2.7777777778vw, 4rem);
    bottom: 0;
    transform: translate(-50%, calc(100% + min(1.25vw, 1.8rem)));
  }
}
.p-recruit-flow__head {
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-flow__head {
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-flow__head {
    font-size: min(1.7361111111vw, 2.5rem);
  }
}
.p-recruit-flow__body {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-recruit-flow__body {
    margin-top: 4.4444444444vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-flow__body {
    margin-top: min(1.1111111111vw, 1.6rem);
    font-size: min(1.0416666667vw, 1.5rem);
  }
}

.p-recruit-support {
  display: grid;
}
@media (max-width: 768px) {
  .p-recruit-support {
    grid-template-columns: 1fr;
    gap: 6.6666666667vw;
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-support {
    grid-template-columns: repeat(2, 1fr);
    gap: min(1.9444444444vw, 2.8rem) min(2.2916666667vw, 3.3rem);
    margin-top: min(1.875vw, 2.7rem);
  }
}
@media (min-width: 769px) {
  .p-recruit-support > :first-child {
    grid-column: 1/-1; /* 1 行目を 1 カラム（全幅）に */
  }
}
.p-recruit-support__item {
  background-color: #F4F4F6;
}
@media (max-width: 768px) {
  .p-recruit-support__item {
    padding: 11.1111111111vw 4.4444444444vw;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-support__item {
    padding: min(2.0833333333vw, 3rem) min(2.4305555556vw, 3.5rem) min(3.125vw, 4.5rem);
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.p-recruit-support__head {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-support__head {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-support__head {
    font-size: min(1.6666666667vw, 2.4rem);
    text-align: center;
  }
}
.p-recruit-support__body {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-recruit-support__body {
    margin-top: 6.6666666667vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-support__body {
    margin-top: min(1.7361111111vw, 2.5rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.p-recruit-support__body.--col-2 {
  display: grid;
}
@media (max-width: 768px) {
  .p-recruit-support__body.--col-2 {
    grid-template-columns: 1fr;
    gap: 13.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-support__body.--col-2 {
    grid-template-columns: repeat(2, 1fr);
    gap: min(7.4305555556vw, 10.7rem);
  }
}
.p-recruit-support__body.--col-2 .p-recruit-support__inner {
  position: relative;
}
.p-recruit-support__body.--col-2 .p-recruit-support__inner:not(:last-child)::after {
  position: absolute;
  content: "";
  background-color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-support__body.--col-2 .p-recruit-support__inner:not(:last-child)::after {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(6.6666666667vw);
    width: 100%;
    height: 1px;
  }
}
@media (min-width: 769px) {
  .p-recruit-support__body.--col-2 .p-recruit-support__inner:not(:last-child)::after {
    right: 0;
    top: 50%;
    transform: translateX(min(3.7152777778vw, 5.35rem)) translateY(-50%);
    width: 1px;
    height: min(11.1111111111vw, 16rem);
  }
}
.p-recruit-support__body.--irregular-order {
  display: grid;
}
@media (max-width: 768px) {
  .p-recruit-support__body.--irregular-order {
    grid-template-areas: "img" "description" "box";
    grid-template-columns: 1fr;
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-support__body.--irregular-order {
    grid-template-areas: "description description" "box img";
    grid-template-columns: min(21.875vw, 31.5rem) min(8.3333333333vw, 12rem);
    gap: 0 min(2.7777777778vw, 4rem);
  }
}
.p-recruit-support__inner {
  display: flex;
}
@media (max-width: 768px) {
  .p-recruit-support__inner {
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .p-recruit-support__inner {
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: min(0.625vw, 0.9rem);
  }
}
@media (min-width: 769px) {
  .p-recruit-support__inner.--align-top {
    align-items: flex-start;
  }
}
@media (min-width: 769px) {
  .p-recruit-support__inner.--align-bottom {
    align-items: flex-end;
  }
}
@media (max-width: 768px) {
  .p-recruit-support__textArea {
    margin-top: 4.4444444444vw;
  }
}
.p-recruit-support__description + .p-recruit-support__description {
  margin-top: 1.5em;
}
.p-recruit-support__description.--irregular-order {
  grid-area: description;
}

.p-recruit-supportFigure {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 100vmax;
}
@media (max-width: 768px) {
  .p-recruit-supportFigure {
    width: 26.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-supportFigure.--normal {
    width: min(8.3333333333vw, 12rem);
  }
}
@media (min-width: 769px) {
  .p-recruit-supportFigure.--large {
    width: min(10.7638888889vw, 15.5rem);
  }
}
.p-recruit-supportFigure.--irregular-order {
  grid-area: img;
}
@media (max-width: 768px) {
  .p-recruit-supportFigure__icon.--presentation {
    width: 15.8333333333vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-supportFigure__icon.--presentation {
    width: min(6.5972222222vw, 9.5rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-supportFigure__icon.--pc-notebook {
    width: 15.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-supportFigure__icon.--pc-notebook {
    width: min(6.5277777778vw, 9.4rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-supportFigure__icon.--learning {
    width: 16.9444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-supportFigure__icon.--learning {
    width: min(5.2083333333vw, 7.5rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-supportFigure__icon.--communication {
    width: 15.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-supportFigure__icon.--communication {
    width: min(4.7222222222vw, 6.8rem);
  }
}

@media (max-width: 768px) {
  .p-recruit-supportBox:not(:first-child) {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-supportBox:not(:first-child) {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
.p-recruit-supportBox.--irregular-order {
  grid-area: box;
}
.p-recruit-supportBox__head {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-supportBox__head {
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-supportBox__head {
    font-size: min(1.3888888889vw, 2rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-supportBox__body {
    margin-top: 4.4444444444vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-supportBox__body {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}

.p-recruit-benefit {
  display: grid;
}
@media (max-width: 768px) {
  .p-recruit-benefit {
    grid-template-columns: 1fr;
    gap: 4.4444444444vw;
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-benefit {
    grid-template-columns: repeat(2, 1fr);
    gap: min(2.5vw, 3.6rem);
    margin-top: min(6.5972222222vw, 9.5rem);
  }
}
.p-recruit-benefit__item {
  background-color: #fff;
}
@media (max-width: 768px) {
  .p-recruit-benefit__item {
    padding: 4.4444444444vw;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-benefit__item {
    padding: min(2.7777777778vw, 4rem) min(1.6666666667vw, 2.4rem);
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.p-recruit-benefit__head {
  display: grid;
  grid-template-columns: 1fr;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-benefit__head {
    gap: 2.2222222222vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-benefit__head {
    gap: min(1.1111111111vw, 1.6rem);
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-benefit__icon {
    height: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-benefit__icon {
    height: min(3.3333333333vw, 4.8rem);
  }
}
.p-recruit-benefit__body {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-recruit-benefit__body {
    margin-top: 2.2222222222vw;
    font-size: 3.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-benefit__body {
    margin-top: min(1.1111111111vw, 1.6rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.p-recruit-benefit__figure {
  overflow: hidden;
}
@media (max-width: 768px) {
  .p-recruit-benefit__figure {
    width: 41.1111111111vw;
    margin-top: 2.2222222222vw;
    border-radius: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-benefit__figure {
    width: min(13.6805555556vw, 19.7rem);
    margin-top: min(0.5555555556vw, 0.8rem);
    border-radius: min(0.5555555556vw, 0.8rem);
  }
}
.p-recruit-benefit__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .p-recruit-candidate {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate {
    display: flex;
    flex-direction: row-reverse;
    align-items: self-start;
    gap: min(3.4027777778vw, 4.9rem);
    margin-top: min(5.3472222222vw, 7.7rem);
  }
}
.p-recruit-candidate__list {
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .p-recruit-candidate__list {
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__list {
    gap: min(1.1111111111vw, 1.6rem);
  }
}
.p-recruit-candidate__item {
  background-color: #F4F4F6;
}
@media (max-width: 768px) {
  .p-recruit-candidate__item {
    padding: 11.1111111111vw 4.4444444444vw;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__item {
    padding: min(2.7777777778vw, 4rem) min(1.6666666667vw, 2.4rem);
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.p-recruit-candidate__head {
  display: grid;
}
@media (max-width: 768px) {
  .p-recruit-candidate__head {
    grid-template-columns: 1fr;
    gap: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__head {
    grid-template-columns: min(4.4444444444vw, 6.4rem) auto;
    align-items: center;
    gap: min(1.6666666667vw, 2.4rem);
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__iconBox {
    display: grid;
    place-content: center;
    flex-shrink: 0;
  }
}
@media (max-width: 768px) {
  .p-recruit-candidate__icon.--cog-outline {
    width: 17.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__icon.--cog-outline {
    width: min(4.4444444444vw, 6.4rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-candidate__icon.--team {
    width: 16.9444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__icon.--team {
    width: min(4.3055555556vw, 6.2rem);
  }
}
@media (max-width: 768px) {
  .p-recruit-candidate__icon.--reload {
    width: 14.7222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__icon.--reload {
    width: min(3.6805555556vw, 5.3rem);
  }
}
.p-recruit-candidate__headText {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-recruit-candidate__headText {
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__headText {
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
.p-recruit-candidate__body {
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-recruit-candidate__body {
    margin-top: 4.4444444444vw;
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__body {
    margin-top: min(1.1111111111vw, 1.6rem);
    padding-left: min(6.1111111111vw, 8.8rem);
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.p-recruit-candidate__figure {
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .p-recruit-candidate__figure {
    margin-inline: calc(50% - 50vw);
    margin-top: 7.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-candidate__figure {
    margin-left: calc(50% - 50vw);
    margin-top: min(1.6666666667vw, 2.4rem);
  }
}
.p-recruit-candidate__img {
  margin-left: auto;
}
@media (min-width: 769px) {
  .p-recruit-candidate__img {
    width: min(46.5972222222vw, 67.1rem);
  }
}

@media (max-width: 768px) {
  .p-recruit-requirements {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-recruit-requirements {
    margin-top: min(4.1666666667vw, 6rem);
  }
}
.p-recruit-requirements__table {
  width: 100%;
}
.p-recruit-requirements__table tbody tr:last-child td {
  border-bottom: none;
}
@media (min-width: 769px) {
  .p-recruit-requirements__table tbody tr th {
    width: min(17.8472222222vw, 25.7rem);
  }
}
.p-recruit-requirements__table tbody tr td ul {
  list-style-type: disc;
  padding-left: 1em;
}

/*
  archive
--------------------------------------*/
@media (max-width: 768px) {
  .p-archive {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-archive {
    padding-block: min(5.7638888889vw, 8.3rem) min(4.1666666667vw, 6rem);
  }
}
.p-archive__header {
  display: flex;
}
@media (max-width: 768px) {
  .p-archive__header {
    flex-direction: column;
  }
}
@media (min-width: 769px) {
  .p-archive__header {
    justify-content: space-between;
    align-items: flex-start;
  }
}
.p-archive__tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 768px) {
  .p-archive__tabs {
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-archive__tabs {
    gap: min(2.7777777778vw, 4rem);
  }
}
@media (max-width: 768px) {
  .p-archive__body.--home {
    margin-top: 13.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-archive__body.--home {
    margin-top: min(2.5694444444vw, 3.7rem);
  }
}
.p-archive__heading {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-archive__heading {
    margin-bottom: 7.2222222222vw;
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-archive__heading {
    margin-bottom: min(3.6111111111vw, 5.2rem);
    font-size: min(2.2222222222vw, 3.2rem);
  }
}

@media (max-width: 768px) {
  .p-archive-filter {
    margin-top: 17.7777777778vw;
  }
}
.p-archive-filter__select {
  font-weight: 700;
  color: #004F98;
  background: url("../images/common/icon/icon_chevron_down_blue.svg") right 1em center/auto 1.5em no-repeat;
  border: solid 1px #004F98;
}
@media (max-width: 768px) {
  .p-archive-filter__select {
    width: 100%;
    height: 15.2777777778vw;
    padding-inline: 4.4444444444vw 10.8333333333vw;
    font-size: 4.1666666667vw;
    text-align: center;
    border-radius: 1.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-archive-filter__select {
    width: min(16.3888888889vw, 23.6rem);
    height: min(3.8888888889vw, 5.6rem);
    padding-inline: min(2.2222222222vw, 3.2rem);
    font-size: min(1.1111111111vw, 1.6rem);
    border-radius: min(0.2777777778vw, 0.4rem);
  }
}
@media (max-width: 768px) {
  .p-archive-filter__list {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 54.7222222222vw;
  }
}
@media (min-width: 769px) {
  .p-archive-filter__list {
    margin-top: min(1.1111111111vw, 1.6rem);
  }
}
.p-archive-filter__item {
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-archive-filter__item {
    margin-top: 2.2222222222vw;
    padding-inline: 1.1111111111vw;
    font-size: 3.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-archive-filter__item {
    margin-top: min(1.1111111111vw, 1.6rem);
    padding-inline: min(0.625vw, 0.9rem);
    font-size: min(0.9722222222vw, 1.4rem);
  }
}
.p-archive-filter__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition-duration: 0.4s;
}
.p-archive-filter__link:hover {
  text-decoration: underline;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-archive-filter__external {
    width: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-archive-filter__external {
    width: min(1.3888888889vw, 2rem);
  }
}

/*
  single
--------------------------------------*/
@media (max-width: 768px) {
  .p-single__container {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-single__container {
    margin-top: min(3.5416666667vw, 5.1rem);
    padding-block: min(5.5555555556vw, 8rem);
  }
}
.p-single__btnBox {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .p-single__btnBox {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-single__btnBox {
    margin-top: min(4.4444444444vw, 6.4rem);
  }
}

/*
  locations
--------------------------------------*/
.p-locations-innerBox {
  display: grid;
}
@media (max-width: 768px) {
  .p-locations-innerBox {
    grid-template-columns: 1fr;
    gap: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-locations-innerBox {
    grid-template-columns: auto min(8.0555555556vw, 11.6rem);
  }
}
@media (min-width: 769px) {
  .p-locations-innerBox.--full-width {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 769px) {
  .p-locations-innerBox.--vertical-align-center {
    align-items: center;
  }
}
@media (min-width: 769px) {
  .p-locations-innerBox.--vertical-align-bottom {
    align-items: flex-end;
  }
}
.p-locations-innerBox__textArea {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-locations-innerBox__textArea {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-locations-innerBox__textArea {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .p-locations-innerBox__textArea.--space-top-sp {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6.6666666667vw;
  }
}

.p-locations-contact {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .p-locations-contact {
    flex-direction: column;
    gap: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-locations-contact {
    gap: min(0.5555555556vw, 0.8rem) min(2.5694444444vw, 3.7rem);
  }
}
@media (max-width: 768px) {
  .p-locations-contact:not(:first-child) {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-locations-contact:not(:first-child) {
    margin-top: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .p-locations-contact + .p-locations-contact {
    margin-top: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-locations-contact + .p-locations-contact {
    margin-top: min(0.5555555556vw, 0.8rem);
  }
}
.p-locations-contact__item {
  display: flex;
}
@media (max-width: 768px) {
  .p-locations-contact__item {
    gap: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-locations-contact__item {
    gap: min(0.5555555556vw, 0.8rem);
  }
}
.p-locations-contact__head {
  font-weight: 600;
  color: #004F98;
}
.p-locations-contact__body a {
  text-decoration: none;
}

@media (max-width: 768px) {
  .p-locations-access:not(:first-child) {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-locations-access:not(:first-child) {
    margin-top: min(1.6666666667vw, 2.4rem);
  }
}
.p-locations-access__head {
  font-weight: 600;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-locations-access__body {
    margin-top: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-locations-access__body {
    margin-top: min(0.5555555556vw, 0.8rem);
  }
}

.p-locations-btnBox {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .p-locations-btnBox {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-locations-btnBox {
    margin-top: min(4.4444444444vw, 6.4rem);
  }
}

@media (max-width: 768px) {
  .p-locations-figure {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-locations-figure {
    margin-top: min(2.2222222222vw, 3.2rem);
  }
}
.p-locations-figure__img {
  width: 100%;
}

/*
  subPage
--------------------------------------*/
.p-subPage-wrapper {
  background-color: #F0F0F0;
}
@media (max-width: 768px) {
  .p-subPage-wrapper {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-subPage-wrapper {
    padding-block: min(8.3333333333vw, 12rem);
  }
}

@media (min-width: 769px) {
  .p-subPage-default {
    padding-top: min(3.4722222222vw, 5rem);
  }
}
.p-subPage-default h2 {
  font-weight: 600;
}
@media (max-width: 768px) {
  .p-subPage-default h2:not(:first-child) {
    margin-top: 8.8888888889vw;
  }
}
@media (min-width: 769px) {
  .p-subPage-default h2:not(:first-child) {
    margin-top: min(2.2222222222vw, 3.2rem);
  }
}
@media (max-width: 768px) {
  .p-subPage-default h2 + p {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-subPage-default h2 + p {
    margin-top: min(1.6666666667vw, 2.4rem);
  }
}
.p-subPage-default p {
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-subPage-default p {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-subPage-default p {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
.p-subPage-default p + p {
  margin-top: 1.7em;
}
.p-subPage-default a {
  overflow-wrap: anywhere;
}
.p-subPage-default a:hover {
  text-decoration: underline;
}

/*
  contact
--------------------------------------*/
.p-contact, .p-order {
  background-color: #F0F0F0;
}
@media (max-width: 768px) {
  .p-contact, .p-order {
    margin-top: 11.1111111111vw;
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-contact, .p-order {
    margin-top: min(2.9861111111vw, 4.3rem);
    padding-block: min(5.7638888889vw, 8.3rem) min(5.5555555556vw, 8rem);
  }
}

.p-contact-lead, .p-order-lead {
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-contact-lead, .p-order-lead {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-contact-lead, .p-order-lead {
    font-size: min(1.3888888889vw, 2rem);
  }
}

@media (min-width: 769px) {
  .p-contact-lead {
    text-align: center;
  }
}

.p-contact-section__heading, .p-order-section__heading {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-contact-section__heading, .p-order-section__heading {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-contact-section__heading, .p-order-section__heading {
    font-size: min(2.5vw, 3.6rem);
    text-align: center;
  }
}

@media (max-width: 768px) {
  .p-contact-section.--01 {
    padding-block: 6.6666666667vw 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-contact-section.--01 {
    padding-block: min(5.8333333333vw, 8.4rem) min(5.3472222222vw, 7.7rem);
  }
}
.p-contact-section.--02 {
  border-top: solid 1px #C9C9C9;
}
@media (max-width: 768px) {
  .p-contact-section.--02 {
    padding-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-contact-section.--02 {
    padding-top: min(5.8333333333vw, 8.4rem);
  }
}

@media (max-width: 768px) {
  .p-order-section.--01 {
    padding-block: 6.6666666667vw 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-order-section.--01 {
    padding-inline: min(7.4305555556vw, 10.7rem) min(5.8333333333vw, 8.4rem);
    padding-bottom: min(3.2638888889vw, 4.7rem);
  }
}
.p-order-section.--02 {
  border-top: solid 1px #C9C9C9;
}
@media (max-width: 768px) {
  .p-order-section.--02 {
    padding-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-order-section.--02 {
    padding-top: min(3.2638888889vw, 4.7rem);
  }
}

.p-contact-box, .p-order-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 768px) {
  .p-contact-box, .p-order-box {
    flex-direction: column;
    gap: 2.2222222222vw;
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-contact-box, .p-order-box {
    gap: min(1.5972222222vw, 2.3rem) min(2.1527777778vw, 3.1rem);
    margin-top: min(3.0555555556vw, 4.4rem);
  }
}
.p-contact-box__item, .p-order-box__item {
  text-align: center;
  background-color: #fff;
  border: solid 1px #C9C9C9;
}
@media (max-width: 768px) {
  .p-contact-box__item, .p-order-box__item {
    width: 100%;
    padding-block: 4.4444444444vw;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-contact-box__item, .p-order-box__item {
    width: min(37.5vw, 54rem);
    padding-block: min(1.6666666667vw, 2.4rem);
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.p-contact-box__head, .p-order-box__head {
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-contact-box__head, .p-order-box__head {
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-contact-box__head, .p-order-box__head {
    font-size: min(1.6666666667vw, 2.4rem);
  }
}
@media (max-width: 768px) {
  .p-contact-box__body, .p-order-box__body {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-contact-box__body, .p-order-box__body {
    margin-top: min(2.2222222222vw, 3.2rem);
  }
}
.p-contact-box__department, .p-order-box__department {
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-contact-box__department, .p-order-box__department {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-contact-box__department, .p-order-box__department {
    font-size: min(1.3888888889vw, 2rem);
  }
}
.p-contact-box__tel, .p-order-box__tel {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .p-contact-box__tel, .p-order-box__tel {
    gap: 2.2222222222vw;
  }
}
@media (min-width: 769px) {
  .p-contact-box__tel, .p-order-box__tel {
    gap: min(1.1805555556vw, 1.7rem);
  }
}
@media (max-width: 768px) {
  .p-contact-box__icon, .p-order-box__icon {
    width: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-contact-box__icon, .p-order-box__icon {
    width: min(2.7777777778vw, 4rem);
  }
}
.p-contact-box__link, .p-order-box__link {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-contact-box__link, .p-order-box__link {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-contact-box__link, .p-order-box__link {
    font-size: min(3.6111111111vw, 5.2rem);
  }
}

@media (max-width: 768px) {
  .p-order-figure {
    width: 100%;
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-order-figure {
    width: min(35.2083333333vw, 50.7rem);
    margin-top: min(2.8472222222vw, 4.1rem);
  }
}
.p-order-figure__img {
  width: 100%;
}

@media (max-width: 768px) {
  .p-contact-formBlock {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-contact-formBlock {
    margin-top: min(2.9166666667vw, 4.2rem);
  }
}

@media (max-width: 768px) {
  .p-contact-formBlock,
  .p-order-formBlock {
    padding: 11.1111111111vw 4.4444444444vw;
    border-radius: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-contact-formBlock,
  .p-order-formBlock {
    padding: min(4.4444444444vw, 6.4rem) min(6.5277777778vw, 9.4rem);
    border-radius: min(1.1111111111vw, 1.6rem);
  }
}
.p-contact-formBlock__text,
.p-order-formBlock__text {
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-contact-formBlock__text,
  .p-order-formBlock__text {
    font-size: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-contact-formBlock__text,
  .p-order-formBlock__text {
    font-size: min(1.1111111111vw, 1.6rem);
  }
}
@media (max-width: 768px) {
  .p-contact-formBlock__text:not(:first-child),
  .p-order-formBlock__text:not(:first-child) {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-contact-formBlock__text:not(:first-child),
  .p-order-formBlock__text:not(:first-child) {
    margin-top: calc(min(2.7777777778vw, 4rem) + 1.7em);
  }
}
.p-contact-formBlock__heading,
.p-order-formBlock__heading {
  font-weight: 600;
}
.p-contact-formBlock__note,
.p-order-formBlock__note {
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-contact-formBlock__note,
  .p-order-formBlock__note {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-contact-formBlock__note,
  .p-order-formBlock__note {
    margin-top: min(2.7777777778vw, 4rem);
    font-size: min(1.3888888889vw, 2rem);
  }
}
.p-contact-formBlock__description,
.p-order-formBlock__description {
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-contact-formBlock__description,
  .p-order-formBlock__description {
    margin-top: 6.6666666667vw;
    font-size: 4.1666666667vw;
  }
}
@media (min-width: 769px) {
  .p-contact-formBlock__description,
  .p-order-formBlock__description {
    margin-top: min(1.6666666667vw, 2.4rem);
    font-size: min(1.1111111111vw, 1.6rem);
    text-align: center;
  }
}
.p-contact-formBlock__mailTo,
.p-order-formBlock__mailTo {
  display: grid;
  grid-template-columns: auto 1em;
  align-items: center;
  gap: 1em;
}
.p-contact-formBlock__mailTo input,
.p-order-formBlock__mailTo input {
  width: 100%;
}
.p-contact-formBlock__btnBox,
.p-order-formBlock__btnBox {
  width: 100%;
}
@media (max-width: 768px) {
  .p-contact-formBlock__btnBox,
  .p-order-formBlock__btnBox {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-contact-formBlock__btnBox,
  .p-order-formBlock__btnBox {
    margin-top: min(4.4444444444vw, 6.4rem);
  }
}
.p-contact-formBlock__btn,
.p-order-formBlock__btn {
  margin-inline: auto;
}

@media (max-width: 768px) {
  .p-contact-formContainer, .p-order-formContainer {
    margin-top: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-contact-formContainer, .p-order-formContainer {
    margin-top: min(2.7777777778vw, 4rem);
  }
}

/*
  thanks
--------------------------------------*/
@media (max-width: 768px) {
  .p-thanks {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-thanks {
    padding-block: min(4.5138888889vw, 6.5rem) min(6.25vw, 9rem);
  }
}

.p-thanks-head {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .p-thanks-head {
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-thanks-head {
    align-items: center;
    gap: min(0.9027777778vw, 1.3rem);
  }
}
@media (max-width: 768px) {
  .p-thanks-head__icon {
    width: 17.7777777778vw;
  }
}
@media (min-width: 769px) {
  .p-thanks-head__icon {
    width: min(5.5555555556vw, 8rem);
  }
}
.p-thanks-head__title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-thanks-head__title {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-thanks-head__title {
    font-size: min(2.5vw, 3.6rem);
    text-align: center;
  }
}

@media (max-width: 768px) {
  .p-thanks-body {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-thanks-body {
    margin-top: min(2.5vw, 3.6rem);
    text-align: center;
  }
}
.p-thanks-body__text {
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-thanks-body__text {
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-thanks-body__text {
    font-size: min(1.3888888889vw, 2rem);
  }
}
@media (max-width: 768px) {
  .p-thanks-body__text.--space-top {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-thanks-body__text.--space-top {
    margin-top: min(3.5416666667vw, 5.1rem);
  }
}

.p-thanks-btnBox {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .p-thanks-btnBox {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-thanks-btnBox {
    margin-top: min(5.0694444444vw, 7.3rem);
  }
}

/*
  none
--------------------------------------*/
@media (max-width: 768px) {
  .p-none {
    padding-block: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-none {
    padding-block: min(4.5138888889vw, 6.5rem) min(6.25vw, 9rem);
  }
}

.p-none-head {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .p-none-head {
    gap: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-none-head {
    align-items: center;
  }
}
.p-none-head__text {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-none-head__text {
    font-size: 13.3333333333vw;
  }
}
@media (min-width: 769px) {
  .p-none-head__text {
    font-size: min(6.6666666667vw, 9.6rem);
  }
}
.p-none-head__title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #004F98;
}
@media (max-width: 768px) {
  .p-none-head__title {
    font-size: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .p-none-head__title {
    font-size: min(2.7777777778vw, 4rem);
  }
}

@media (max-width: 768px) {
  .p-none-body {
    margin-top: 4.4444444444vw;
  }
}
@media (min-width: 769px) {
  .p-none-body {
    margin-top: min(2.5vw, 3.6rem);
    text-align: center;
  }
}
.p-none-body__text {
  line-height: 1.7;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
  .p-none-body__text {
    font-size: 5.5555555556vw;
  }
}
@media (min-width: 769px) {
  .p-none-body__text {
    font-size: min(1.3888888889vw, 2rem);
  }
}

.p-none-btnBox {
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .p-none-btnBox {
    margin-top: 11.1111111111vw;
  }
}
@media (min-width: 769px) {
  .p-none-btnBox {
    margin-top: min(5.0694444444vw, 7.3rem);
  }
}

/*
  inview
--------------------------------------*/
.js-inview {
  opacity: 0;
  transition-duration: 1s;
  transition-delay: 0.4s;
}
.js-inview.is-fadeIn {
  opacity: 1;
}

/*
  snow monkey form
--------------------------------------*/
.smf-button-control {
  display: flex;
  justify-content: center;
  width: 100%;
}
.smf-button-control button[type=submit] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #002F5B;
  background-color: #fff;
  background-image: unset;
  border: 1px solid #002F5B;
  border-radius: 100vmax;
  transition-duration: 0.4s;
}
@media (max-width: 768px) {
  .smf-button-control button[type=submit] {
    padding-left: 11.1111111111vw;
    padding-right: 22.2222222222vw;
    padding-block: 7.7777777778vw;
    font-size: 7.7777777778vw;
  }
}
@media (min-width: 769px) {
  .smf-button-control button[type=submit] {
    padding-inline: 5rem;
    padding-block: 1.4rem;
    font-size: 1.6rem;
  }
}
.smf-button-control button[type=submit]::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/common/icon/icon_chevron_right_navy.svg");
}
@media (max-width: 768px) {
  .smf-button-control button[type=submit]::after {
    right: 8.3333333333vw;
    width: 3.8888888889vw;
    height: 6.6666666667vw;
  }
}
@media (min-width: 769px) {
  .smf-button-control button[type=submit]::after {
    right: 2rem;
    width: 0.8rem;
    height: 1.2rem;
  }
}

.wp-block-post-title {
  margin-bottom: 1em;
}
@media (max-width: 768px) {
  .wp-block-post-title {
    font-size: 3rem;
  }
}
@media (min-width: 769px) {
  .wp-block-post-title {
    font-size: 5rem;
  }
}

/*
  wp
--------------------------------------*/
@media (max-width: 768px) {
  #wpadminbar {
    display: none;
  }
}

@media (min-width: 769px) {
  .admin-bar .l-header {
    top: 32px;
  }
}
@media (min-width: 769px) {
  .admin-bar .c-localNav {
    top: min(10.5555555556vw, 15.2rem);
  }
}/*# sourceMappingURL=style.css.map */