@charset "UTF-8";

* {
  box-sizing: border-box;
}

*:not(.leadarea *, p, a, figure, figcaption, iframe, video) {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  text-decoration: none;
}

/*
*::before, *::after {
  box-sizing: inherit;
  vertical-align: inherit;
}
*:not(:focus-visible) {
  outline: 0;
}
*/

html {
  overflow: hidden auto;
  font-family: "Noto Sans JP", "FP-ヒラギノUD角ゴ StdN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "Helvetica Neue", Helvetica, Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  line-height: 1.8;
  font-size: 10px;
  scroll-padding-top: 140px;
}

html.is-page-link-scroll {
  scroll-behavior: auto !important;
}

@media (max-width: 768.98px) {
  html {
    scroll-padding-top: 60px;
  }
}

body {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-height: 100vh;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -mox-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  word-break: break-word;
  word-wrap: break-word;
  hyphens: none;
  color: #333;
  font-size: 62.5%;
}

@media (min-width: 769px) {
  body {
    font-size: 1.6rem;
  }
}

@media (max-width: 768.98px) {
  body {
    font-size: 1.6rem;
  }

}

p {
  margin: 16px 0 0;
  padding: 0;
  line-height: 1.8;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768.98px) {
  p {
    margin: 16px 0 0;
    padding: 0;
  }

  p:first-child {
    margin-top: 0;
  }

  p:last-child {
    margin-bottom: 0;
  }
}

a {
  margin: 0;
  padding: 0;
  color: #003399;
  text-decoration: underline;
}

a:hover {
  opacity: 0.8;
  box-shadow: none !important;
  text-decoration: none;
}

a[target="_blank"]::after {
  content: "";
  display: inline-block;
  background: url("../img/common/link_blank.svg") no-repeat center center / cover;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}

.pdflink::after,
a[href$=".pdf"]:not(.button-01)::after,
a[href$=".pdf"].button-01>p::after {
  content: "";
  display: inline-block;
  background: url("../img/common/link_pdf_icon.png") no-repeat;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  top: 2px;
}

/*
.common{
  background:url("../img/common/commontopvis.png") right 110px no-repeat;
  background-attachment: fixed;
}
@media (max-width: 768.98px) {
  .common{
    background:url("../img/common/commontopvis_sp.png") center 44px no-repeat;
    background-attachment: scroll;
    background-size: 100%;
  }
}
*/

img,
svg,
video,
embed,
canvas,
object {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

iframe {
  max-width: 100%;
  vertical-align: bottom;
}

.iframe.google-map {
  width: 100%;
}

@media (min-width: 769px) {
  .iframe.google-map {
    max-height: 450px;
  }
}

@media (max-width: 768.98px) {
  .iframe.google-map {
    max-height: 300px;
  }
}

iframe {
  width: 100%;
  margin: 48px auto 48px;
  display: block;
}

iframe:first-child {
  margin-top: 0;
}

iframe:last-child {
  margin-bottom: 0;
}

.iframeBlock {
  width: 100%;
  margin: 48px auto 48px;
  display: block;
}

.iframeBlock:first-child {
  margin-top: 0;
}

.iframeBlock:last-child {
  margin-bottom: 0;
}

video:first-child {
  margin-top: 0;
}

video:last-child {
  margin-bottom: 0;
}

@media (max-width: 768.98px) {
  iframe {
    margin: 32px auto 32px;
  }

  iframe:first-child {
    margin-top: 0;
  }

  iframe:last-child {
    margin-bottom: 0;
  }

  .iframeBlock {
    margin: 32px auto 32px;
  }

  .iframeBlock:first-child {
    margin-top: 0;
  }

  .iframeBlock:last-child {
    margin-bottom: 0;
  }

  video:first-child {
    margin-top: 0;
  }

  video:last-child {
    margin-bottom: 0;
  }
}


svg {
  fill: currentColor;
}

ul:not(.leadarea ul),
ol:not(.leadarea ol) {
  list-style: none;
}


sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

[href],
summary,
button,
select,
input[type='button'],
input[type='checkbox'],
input[type='color'],
input[type='date'],
input[type='datetime-local'],
input[type='file'],
input[type='month'],
input[type='radio'],
input[type='range'],
input[type='reset'],
input[type='submit'],
input[type='time'],
input[type='week'],
label[for],
label:has(input) {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

input:not(.leadarea input),
button:not(.leadarea button),
select:not(.leadarea select),
textarea:not(.leadarea textarea) {
  appearance: none;
}


textarea:not(.leadarea textarea) {
  resize: vertical;
}

summary::marker,
summary::-webkit-details-marker {
  display: none;
  content: none;
}

video:not([control]) {
  pointer-events: none;
}

code,
kbd,
pre,
var,
samp {
  font-family: Consolas, monospace, sans-serif;
}

*:focus-visible {
  outline-offset: 2px;
}

:root {
  --tos-black: #000;
  --tos-white: #fff;
  --tos-red: #e61e1e;
  --tos-blue: #0064d2;
  --tos-orange: #fa9628;
  --tos-teal: #50bebe;
  --tos-cyan: #64afe1;
  --tos-gray: #a0a0a5;
  --tos-yellow: #fad737;
  --tos-lavender: #af8cc8;
  --tos-orange-dark: #b94b00;
  --tos-teal-dark: #007580;
  --tos-cyan-dark: #265c80;
  --tos-gray-dark: #505054;
  --tos-yellow-dark: #916e00;
  --tos-lavender-dark: #644080;
  --tos-orange-25: #fee5C9;
  --tos-orange-40: #fdd5a9;
  --tos-orange-55: #fcc589;
  --tos-orange-70: #fcb669;
  --tos-orange-85: #fba648;
  --tos-teal-25: #d3efef;
  --tos-teal-40: #b9e5e5;
  --tos-teal-55: #9fdbdb;
  --tos-teal-70: #85d2d2;
  --tos-teal-85: #6ac8c8;
  --tos-cyan-25: #d8ebf7;
  --tos-cyan-40: #c1dff3;
  --tos-cyan-55: #aad3ef;
  --tos-cyan-70: #93c7ea;
  --tos-cyan-85: #7bbbe5;
  --tos-gray-25: #e7e7e8;
  --tos-gray-40: #d9d9dB;
  --tos-gray-55: #cbcbce;
  --tos-gray-70: #bdbdc0;
  --tos-gray-85: #aeaeb2;
  --tos-yellow-25: #fef5cd;
  --tos-yellow-40: #fdefaf;
  --tos-yellow-55: #fce991;
  --tos-yellow-70: #fce373;
  --tos-yellow-85: #fbdd55;
  --tos-lavender-25: #ebe2f1;
  --tos-lavender-40: #dfd1e9;
  --tos-lavender-55: #d3c0e1;
  --tos-lavender-70: #c7afd9;
  --tos-lavender-85: #bb9dd0;
  --tos-violette: #A1529D;
}

.container {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 769px) {

  main,
  main:not(.leadarea main) {
    margin-top: 110px;
  }
}

@media (max-width: 768.98px) {
  .container {
    width: 100%;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
  }

  main,
  main:not(.leadarea main) {
    margin-top: 43px;
  }
}

.h-note+* {
  margin-top: 15px;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-1 {
  row-gap: 30px;
  margin-left: -15px;
  margin-right: -15px;
}

.flex-1>* {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.flex-1>.flex-item-1 {
  width: 100%;
}

@media (min-width: 769px) {
  .flex-1>.flex-item-1-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-1>.flex-item-1-sp {
    width: 100%;
  }
}

.flex-1>.flex-item-offset-1 {
  margin-left: 100%;
}

@media (min-width: 769px) {
  .flex-1>.flex-item-offset-1-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-1>.flex-item-offset-1-sp {
    margin-left: 100%;
  }
}

@media (min-width: 769px) {
  .flex-1-pc {
    row-gap: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }

  .flex-1-pc>* {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .flex-1-pc>.flex-item-1 {
    width: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-1-pc>.flex-item-1-pc {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-1-pc>.flex-item-1-sp {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .flex-1-pc>.flex-item-offset-1 {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-1-pc>.flex-item-offset-1-pc {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-1-pc>.flex-item-offset-1-sp {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-1-sp {
    row-gap: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }

  .flex-1-sp>* {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .flex-1-sp>.flex-item-1 {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-1-sp>.flex-item-1-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-1-sp>.flex-item-1-sp {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-1-sp>.flex-item-offset-1 {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-1-sp>.flex-item-offset-1-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-1-sp>.flex-item-offset-1-sp {
    margin-left: 100%;
  }
}

.flex-2 {
  row-gap: 30px;
  margin-left: -15px;
  margin-right: -15px;
}

.flex-2>* {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.flex-2>.flex-item-1 {
  width: 50%;
}

@media (min-width: 769px) {
  .flex-2>.flex-item-1-pc {
    width: 50%;
  }
}

@media (max-width: 768.98px) {
  .flex-2>.flex-item-1-sp {
    width: 50%;
  }
}

.flex-2>.flex-item-offset-1 {
  margin-left: 50%;
}

@media (min-width: 769px) {
  .flex-2>.flex-item-offset-1-pc {
    margin-left: 50%;
  }
}

@media (max-width: 768.98px) {
  .flex-2>.flex-item-offset-1-sp {
    margin-left: 50%;
  }
}

.flex-2>.flex-item-2 {
  width: 100%;
}

@media (min-width: 769px) {
  .flex-2>.flex-item-2-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-2>.flex-item-2-sp {
    width: 100%;
  }
}

.flex-2>.flex-item-offset-2 {
  margin-left: 100%;
}

@media (min-width: 769px) {
  .flex-2>.flex-item-offset-2-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-2>.flex-item-offset-2-sp {
    margin-left: 100%;
  }
}

@media (min-width: 769px) {
  .flex-2-pc {
    row-gap: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }

  .flex-2-pc>* {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .flex-2-pc>.flex-item-1 {
    width: 50%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-2-pc>.flex-item-1-pc {
    width: 50%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-2-pc>.flex-item-1-sp {
    width: 50%;
  }
}

@media (min-width: 769px) {
  .flex-2-pc>.flex-item-offset-1 {
    margin-left: 50%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-2-pc>.flex-item-offset-1-pc {
    margin-left: 50%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-2-pc>.flex-item-offset-1-sp {
    margin-left: 50%;
  }
}

@media (min-width: 769px) {
  .flex-2-pc>.flex-item-2 {
    width: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-2-pc>.flex-item-2-pc {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-2-pc>.flex-item-2-sp {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .flex-2-pc>.flex-item-offset-2 {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-2-pc>.flex-item-offset-2-pc {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-2-pc>.flex-item-offset-2-sp {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-2-sp {
    row-gap: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }

  .flex-2-sp>* {
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .flex-2-sp>.flex-item-1 {
    width: 50%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-2-sp>.flex-item-1-pc {
    width: 50%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-2-sp>.flex-item-1-sp {
    width: 50%;
  }
}

@media (max-width: 768.98px) {
  .flex-2-sp>.flex-item-offset-1 {
    margin-left: 50%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-2-sp>.flex-item-offset-1-pc {
    margin-left: 50%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-2-sp>.flex-item-offset-1-sp {
    margin-left: 50%;
  }
}

@media (max-width: 768.98px) {
  .flex-2-sp>.flex-item-2 {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-2-sp>.flex-item-2-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-2-sp>.flex-item-2-sp {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-2-sp>.flex-item-offset-2 {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-2-sp>.flex-item-offset-2-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-2-sp>.flex-item-offset-2-sp {
    margin-left: 100%;
  }
}

.flex-3 {
  row-gap: 30px;
  margin-left: -15px;
  margin-right: -15px;
}

.flex-3>* {
  width: 33.3333333333%;
  padding-left: 15px;
  padding-right: 15px;
}

.flex-3>.flex-item-1 {
  width: 33.3333333333%;
}

@media (min-width: 769px) {
  .flex-3>.flex-item-1-pc {
    width: 33.3333333333%;
  }
}

@media (max-width: 768.98px) {
  .flex-3>.flex-item-1-sp {
    width: 33.3333333333%;
  }
}

.flex-3>.flex-item-offset-1 {
  margin-left: 33.3333333333%;
}

@media (min-width: 769px) {
  .flex-3>.flex-item-offset-1-pc {
    margin-left: 33.3333333333%;
  }
}

@media (max-width: 768.98px) {
  .flex-3>.flex-item-offset-1-sp {
    margin-left: 33.3333333333%;
  }
}

.flex-3>.flex-item-2 {
  width: 66.6666666667%;
}

@media (min-width: 769px) {
  .flex-3>.flex-item-2-pc {
    width: 66.6666666667%;
  }
}

@media (max-width: 768.98px) {
  .flex-3>.flex-item-2-sp {
    width: 66.6666666667%;
  }
}

.flex-3>.flex-item-offset-2 {
  margin-left: 66.6666666667%;
}

@media (min-width: 769px) {
  .flex-3>.flex-item-offset-2-pc {
    margin-left: 66.6666666667%;
  }
}

@media (max-width: 768.98px) {
  .flex-3>.flex-item-offset-2-sp {
    margin-left: 66.6666666667%;
  }
}

.flex-3>.flex-item-3 {
  width: 100%;
}

@media (min-width: 769px) {
  .flex-3>.flex-item-3-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-3>.flex-item-3-sp {
    width: 100%;
  }
}

.flex-3>.flex-item-offset-3 {
  margin-left: 100%;
}

@media (min-width: 769px) {
  .flex-3>.flex-item-offset-3-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-3>.flex-item-offset-3-sp {
    margin-left: 100%;
  }
}

@media (min-width: 769px) {
  .flex-3-pc {
    row-gap: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }

  .flex-3-pc>* {
    width: 33.3333333333%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .flex-3-pc>.flex-item-1 {
    width: 33.3333333333%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-3-pc>.flex-item-1-pc {
    width: 33.3333333333%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-3-pc>.flex-item-1-sp {
    width: 33.3333333333%;
  }
}

@media (min-width: 769px) {
  .flex-3-pc>.flex-item-offset-1 {
    margin-left: 33.3333333333%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-3-pc>.flex-item-offset-1-pc {
    margin-left: 33.3333333333%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-3-pc>.flex-item-offset-1-sp {
    margin-left: 33.3333333333%;
  }
}

@media (min-width: 769px) {
  .flex-3-pc>.flex-item-2 {
    width: 66.6666666667%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-3-pc>.flex-item-2-pc {
    width: 66.6666666667%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-3-pc>.flex-item-2-sp {
    width: 66.6666666667%;
  }
}

@media (min-width: 769px) {
  .flex-3-pc>.flex-item-offset-2 {
    margin-left: 66.6666666667%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-3-pc>.flex-item-offset-2-pc {
    margin-left: 66.6666666667%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-3-pc>.flex-item-offset-2-sp {
    margin-left: 66.6666666667%;
  }
}

@media (min-width: 769px) {
  .flex-3-pc>.flex-item-3 {
    width: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-3-pc>.flex-item-3-pc {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-3-pc>.flex-item-3-sp {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .flex-3-pc>.flex-item-offset-3 {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-3-pc>.flex-item-offset-3-pc {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-3-pc>.flex-item-offset-3-sp {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-3-sp {
    row-gap: 30px;
    margin-left: -15px;
    margin-right: -15px;
  }

  .flex-3-sp>* {
    width: 33.3333333333%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .flex-3-sp>.flex-item-1 {
    width: 33.3333333333%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-3-sp>.flex-item-1-pc {
    width: 33.3333333333%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-3-sp>.flex-item-1-sp {
    width: 33.3333333333%;
  }
}

@media (max-width: 768.98px) {
  .flex-3-sp>.flex-item-offset-1 {
    margin-left: 33.3333333333%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-3-sp>.flex-item-offset-1-pc {
    margin-left: 33.3333333333%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-3-sp>.flex-item-offset-1-sp {
    margin-left: 33.3333333333%;
  }
}

@media (max-width: 768.98px) {
  .flex-3-sp>.flex-item-2 {
    width: 66.6666666667%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-3-sp>.flex-item-2-pc {
    width: 66.6666666667%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-3-sp>.flex-item-2-sp {
    width: 66.6666666667%;
  }
}

@media (max-width: 768.98px) {
  .flex-3-sp>.flex-item-offset-2 {
    margin-left: 66.6666666667%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-3-sp>.flex-item-offset-2-pc {
    margin-left: 66.6666666667%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-3-sp>.flex-item-offset-2-sp {
    margin-left: 66.6666666667%;
  }
}

@media (max-width: 768.98px) {
  .flex-3-sp>.flex-item-3 {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-3-sp>.flex-item-3-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-3-sp>.flex-item-3-sp {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-3-sp>.flex-item-offset-3 {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-3-sp>.flex-item-offset-3-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-3-sp>.flex-item-offset-3-sp {
    margin-left: 100%;
  }
}

.flex-4 {
  row-gap: 20px;
  margin-left: -10px;
  margin-right: -10px;
}

.flex-4>* {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}

.flex-4>.flex-item-1 {
  width: 25%;
}

@media (min-width: 769px) {
  .flex-4>.flex-item-1-pc {
    width: 25%;
  }
}

@media (max-width: 768.98px) {
  .flex-4>.flex-item-1-sp {
    width: 25%;
  }
}

.flex-4>.flex-item-offset-1 {
  margin-left: 25%;
}

@media (min-width: 769px) {
  .flex-4>.flex-item-offset-1-pc {
    margin-left: 25%;
  }
}

@media (max-width: 768.98px) {
  .flex-4>.flex-item-offset-1-sp {
    margin-left: 25%;
  }
}

.flex-4>.flex-item-2 {
  width: 50%;
}

@media (min-width: 769px) {
  .flex-4>.flex-item-2-pc {
    width: 50%;
  }
}

@media (max-width: 768.98px) {
  .flex-4>.flex-item-2-sp {
    width: 50%;
  }
}

.flex-4>.flex-item-offset-2 {
  margin-left: 50%;
}

@media (min-width: 769px) {
  .flex-4>.flex-item-offset-2-pc {
    margin-left: 50%;
  }
}

@media (max-width: 768.98px) {
  .flex-4>.flex-item-offset-2-sp {
    margin-left: 50%;
  }
}

.flex-4>.flex-item-3 {
  width: 75%;
}

@media (min-width: 769px) {
  .flex-4>.flex-item-3-pc {
    width: 75%;
  }
}

@media (max-width: 768.98px) {
  .flex-4>.flex-item-3-sp {
    width: 75%;
  }
}

.flex-4>.flex-item-offset-3 {
  margin-left: 75%;
}

@media (min-width: 769px) {
  .flex-4>.flex-item-offset-3-pc {
    margin-left: 75%;
  }
}

@media (max-width: 768.98px) {
  .flex-4>.flex-item-offset-3-sp {
    margin-left: 75%;
  }
}

.flex-4>.flex-item-4 {
  width: 100%;
}

@media (min-width: 769px) {
  .flex-4>.flex-item-4-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-4>.flex-item-4-sp {
    width: 100%;
  }
}

.flex-4>.flex-item-offset-4 {
  margin-left: 100%;
}

@media (min-width: 769px) {
  .flex-4>.flex-item-offset-4-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-4>.flex-item-offset-4-sp {
    margin-left: 100%;
  }
}

@media (min-width: 769px) {
  .flex-4-pc {
    row-gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .flex-4-pc>* {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-4-pc>.flex-item-1 {
    width: 25%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-4-pc>.flex-item-1-pc {
    width: 25%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-4-pc>.flex-item-1-sp {
    width: 25%;
  }
}

@media (min-width: 769px) {
  .flex-4-pc>.flex-item-offset-1 {
    margin-left: 25%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-4-pc>.flex-item-offset-1-pc {
    margin-left: 25%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-4-pc>.flex-item-offset-1-sp {
    margin-left: 25%;
  }
}

@media (min-width: 769px) {
  .flex-4-pc>.flex-item-2 {
    width: 50%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-4-pc>.flex-item-2-pc {
    width: 50%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-4-pc>.flex-item-2-sp {
    width: 50%;
  }
}

@media (min-width: 769px) {
  .flex-4-pc>.flex-item-offset-2 {
    margin-left: 50%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-4-pc>.flex-item-offset-2-pc {
    margin-left: 50%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-4-pc>.flex-item-offset-2-sp {
    margin-left: 50%;
  }
}

@media (min-width: 769px) {
  .flex-4-pc>.flex-item-3 {
    width: 75%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-4-pc>.flex-item-3-pc {
    width: 75%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-4-pc>.flex-item-3-sp {
    width: 75%;
  }
}

@media (min-width: 769px) {
  .flex-4-pc>.flex-item-offset-3 {
    margin-left: 75%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-4-pc>.flex-item-offset-3-pc {
    margin-left: 75%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-4-pc>.flex-item-offset-3-sp {
    margin-left: 75%;
  }
}

@media (min-width: 769px) {
  .flex-4-pc>.flex-item-4 {
    width: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-4-pc>.flex-item-4-pc {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-4-pc>.flex-item-4-sp {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .flex-4-pc>.flex-item-offset-4 {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-4-pc>.flex-item-offset-4-pc {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-4-pc>.flex-item-offset-4-sp {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-4-sp {
    row-gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .flex-4-sp>* {
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-4-sp>.flex-item-1 {
    width: 25%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-4-sp>.flex-item-1-pc {
    width: 25%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-4-sp>.flex-item-1-sp {
    width: 25%;
  }
}

@media (max-width: 768.98px) {
  .flex-4-sp>.flex-item-offset-1 {
    margin-left: 25%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-4-sp>.flex-item-offset-1-pc {
    margin-left: 25%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-4-sp>.flex-item-offset-1-sp {
    margin-left: 25%;
  }
}

@media (max-width: 768.98px) {
  .flex-4-sp>.flex-item-2 {
    width: 50%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-4-sp>.flex-item-2-pc {
    width: 50%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-4-sp>.flex-item-2-sp {
    width: 50%;
  }
}

@media (max-width: 768.98px) {
  .flex-4-sp>.flex-item-offset-2 {
    margin-left: 50%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-4-sp>.flex-item-offset-2-pc {
    margin-left: 50%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-4-sp>.flex-item-offset-2-sp {
    margin-left: 50%;
  }
}

@media (max-width: 768.98px) {
  .flex-4-sp>.flex-item-3 {
    width: 75%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-4-sp>.flex-item-3-pc {
    width: 75%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-4-sp>.flex-item-3-sp {
    width: 75%;
  }
}

@media (max-width: 768.98px) {
  .flex-4-sp>.flex-item-offset-3 {
    margin-left: 75%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-4-sp>.flex-item-offset-3-pc {
    margin-left: 75%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-4-sp>.flex-item-offset-3-sp {
    margin-left: 75%;
  }
}

@media (max-width: 768.98px) {
  .flex-4-sp>.flex-item-4 {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-4-sp>.flex-item-4-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-4-sp>.flex-item-4-sp {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-4-sp>.flex-item-offset-4 {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-4-sp>.flex-item-offset-4-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-4-sp>.flex-item-offset-4-sp {
    margin-left: 100%;
  }
}

.flex-5 {
  row-gap: 20px;
  margin-left: -10px;
  margin-right: -10px;
}

.flex-5>* {
  width: 20%;
  padding-left: 10px;
  padding-right: 10px;
}

.flex-5>.flex-item-1 {
  width: 20%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-1-pc {
    width: 20%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-1-sp {
    width: 20%;
  }
}

.flex-5>.flex-item-offset-1 {
  margin-left: 20%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-offset-1-pc {
    margin-left: 20%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-offset-1-sp {
    margin-left: 20%;
  }
}

.flex-5>.flex-item-2 {
  width: 40%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-2-pc {
    width: 40%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-2-sp {
    width: 40%;
  }
}

.flex-5>.flex-item-offset-2 {
  margin-left: 40%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-offset-2-pc {
    margin-left: 40%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-offset-2-sp {
    margin-left: 40%;
  }
}

.flex-5>.flex-item-3 {
  width: 60%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-3-pc {
    width: 60%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-3-sp {
    width: 60%;
  }
}

.flex-5>.flex-item-offset-3 {
  margin-left: 60%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-offset-3-pc {
    margin-left: 60%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-offset-3-sp {
    margin-left: 60%;
  }
}

.flex-5>.flex-item-4 {
  width: 80%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-4-pc {
    width: 80%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-4-sp {
    width: 80%;
  }
}

.flex-5>.flex-item-offset-4 {
  margin-left: 80%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-offset-4-pc {
    margin-left: 80%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-offset-4-sp {
    margin-left: 80%;
  }
}

.flex-5>.flex-item-5 {
  width: 100%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-5-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-5-sp {
    width: 100%;
  }
}

.flex-5>.flex-item-offset-5 {
  margin-left: 100%;
}

@media (min-width: 769px) {
  .flex-5>.flex-item-offset-5-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-5>.flex-item-offset-5-sp {
    margin-left: 100%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc {
    row-gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .flex-5-pc>* {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-5-pc>.flex-item-1 {
    width: 20%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-1-pc {
    width: 20%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-1-sp {
    width: 20%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-1 {
    margin-left: 20%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-1-pc {
    margin-left: 20%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-offset-1-sp {
    margin-left: 20%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc>.flex-item-2 {
    width: 40%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-2-pc {
    width: 40%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-2-sp {
    width: 40%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-2 {
    margin-left: 40%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-2-pc {
    margin-left: 40%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-offset-2-sp {
    margin-left: 40%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc>.flex-item-3 {
    width: 60%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-3-pc {
    width: 60%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-3-sp {
    width: 60%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-3 {
    margin-left: 60%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-3-pc {
    margin-left: 60%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-offset-3-sp {
    margin-left: 60%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc>.flex-item-4 {
    width: 80%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-4-pc {
    width: 80%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-4-sp {
    width: 80%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-4 {
    margin-left: 80%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-4-pc {
    margin-left: 80%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-offset-4-sp {
    margin-left: 80%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc>.flex-item-5 {
    width: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-5-pc {
    width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-5-sp {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-5 {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .flex-5-pc>.flex-item-offset-5-pc {
    margin-left: 100%;
  }
}

@media (min-width: 769px) and (max-width: 768.98px) {
  .flex-5-pc>.flex-item-offset-5-sp {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp {
    row-gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
  }

  .flex-5-sp>* {
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-5-sp>.flex-item-1 {
    width: 20%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-1-pc {
    width: 20%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-1-sp {
    width: 20%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-1 {
    margin-left: 20%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-offset-1-pc {
    margin-left: 20%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-1-sp {
    margin-left: 20%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp>.flex-item-2 {
    width: 40%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-2-pc {
    width: 40%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-2-sp {
    width: 40%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-2 {
    margin-left: 40%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-offset-2-pc {
    margin-left: 40%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-2-sp {
    margin-left: 40%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp>.flex-item-3 {
    width: 60%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-3-pc {
    width: 60%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-3-sp {
    width: 60%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-3 {
    margin-left: 60%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-offset-3-pc {
    margin-left: 60%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-3-sp {
    margin-left: 60%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp>.flex-item-4 {
    width: 80%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-4-pc {
    width: 80%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-4-sp {
    width: 80%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-4 {
    margin-left: 80%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-offset-4-pc {
    margin-left: 80%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-4-sp {
    margin-left: 80%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp>.flex-item-5 {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-5-pc {
    width: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-5-sp {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-5 {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (min-width: 769px) {
  .flex-5-sp>.flex-item-offset-5-pc {
    margin-left: 100%;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .flex-5-sp>.flex-item-offset-5-sp {
    margin-left: 100%;
  }
}

.flex-reverse {
  flex-direction: row-reverse;
}

@media (min-width: 769px) {
  .flex-reverse-pc {
    flex-direction: row-reverse;
  }
}

@media (max-width: 768.98px) {
  .flex-reverse-sp {
    flex-direction: row-reverse;
  }
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  min-height: 44px;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 1.6rem;
  text-align: center;
}

.button:focus-visible {
  outline-offset: 4px;
}

@media (hover) {
  .button:hover {
    opacity: .8;
  }
}

.button::after {
  display: inline-block;
  min-width: 24px;
  min-height: 24px;
  margin-left: 10px;
  background-color: currentColor;
  mask-image: url("../img/common/icons-link.svg");
  mask-repeat: no-repeat;
  mask-size: 100%;
  vertical-align: bottom;
}

.button[href$=".pdf"]::after {
  mask-position: 0%;
  content: "";
}

.button>[data-filesize] {
  order: 1;
  margin-left: 10px;
}

.button-blue {
  border: solid 1px #0064d2;
  background-color: #0064d2;
  color: #fff;
}

.button-white {
  border: solid 1px #0064d2;
  background-color: #fff;
  color: #0064d2;
}

.button-gray {
  border: solid 1px #707070;
  background-color: #707070;
  color: #fff;
}

.text-large {
  font-size: 1.8rem;
}

.text-12px {
  font-size: 12px;
}

.text-13px {
  font-size: 13px;
}

.text-14px {
  font-size: 14px;
}

.text-15px {
  font-size: 15px;
}

.text-16px {
  font-size: 16px;
}

.text-17px {
  font-size: 17px;
}

.text-18px {
  font-size: 18px;
}

.text-19px {
  font-size: 19px;
}

.text-20px {
  font-size: 20px;
}

@media (max-width: 768.98px) {
  .text-12px-sp {
    font-size: 12px !important;
  }

  .text-13px-sp {
    font-size: 13px !important;
  }

  .text-14px-sp {
    font-size: 14px !important;
  }

  .text-15px-sp {
    font-size: 15px !important;
  }

  .text-16px-sp {
    font-size: 16px !important;
  }

  .text-17px-sp {
    font-size: 17px !important;
  }

  .text-18px-sp {
    font-size: 18px !important;
  }

  .text-19px-sp {
    font-size: 19px !important;
  }

  .text-20px-sp {
    font-size: 20px !important;
  }
}

.text-small {
  font-size: 1.4rem;
}

.text-note {
  margin-top: 20px;
  font-size: 1.2rem;
}

.text-link {
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
  width: fit-content;
  padding-left: 22px;
  font-size: 1.6rem;
}

.text-link::before {
  position: absolute;
  top: 0.125em;
  left: 0;
  width: 1.25em;
  height: 1.25em;
  background-color: currentColor;
  mask-image: url("../img/common/text-link.svg");
  mask-repeat: no-repeat;
  mask-position: left;
  mask-size: 1em;
  content: "";
}

.text-link[href] {
  color: #0064d2;
}

@media (hover) {
  .text-link[href]:hover {
    text-decoration: underline;
  }
}

.text-link[href]::after {
  display: inline-block;
  min-width: 24px;
  min-height: 24px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: currentColor;
  mask-image: url("../img/common/icons-link.svg");
  mask-repeat: no-repeat;
  mask-size: 100%;
  vertical-align: bottom;
}

.text-link[href][href$=".pdf"]::after {
  mask-position: 0%;
  content: "";
}

.text-link>[data-filesize] {
  order: 1;
}

.list {
  display: table;
  max-width: 100%;
  overflow: auto;
  border-spacing: var(--space);
}

.list[style*='--list-before:']>li::before {
  content: var(--list-before) var(--list);
}

.list[style*='--list-after:']>li::before {
  content: var(--list) var(--list-after);
}

.list[style*='--list-after:'][style*='--list-before:']>li::before {
  content: var(--list-before) var(--list) var(--list-after);
}

.list>li {
  display: table-row;
}

.list>li::before {
  display: table-cell;
  width: 0;
  padding-right: 0.25em;
  white-space: nowrap;
  content: var(--list);
}

.list>li[style*='--list-before:']::before {
  content: var(--list-before) var(--list);
}

.list>li[style*='--list-after:']::before {
  content: var(--list) var(--list-after);
}

.list>li[style*='--list-after:'][style*='--list-before:']::before {
  content: var(--list-before) var(--list) var(--list-after);
}

.list-number {
  counter-reset: listNum;
  display: table;
  max-width: 100%;
  overflow: auto;
  border-spacing: var(--space);
}

.list-number>li {
  counter-increment: listNum;
  display: table-row;
}

.list-number>li::before {
  display: table-cell;
  width: 0;
  padding-right: 0.25em;
  white-space: nowrap;
  content: counter(listNum);
}

.list-number[style*='--list-before:']>li::before {
  content: var(--list-before) counter(listNum);
}

.list-number[style*='--list-after:']>li::before {
  content: counter(listNum) var(--list-after);
}

.list-number[style*='--list-after:'][style*='--list-before:']>li::before {
  content: var(--list-before) counter(listNum) var(--list-after);
}

.list-number[style*='--num:'] {
  counter-reset: listNum -1;
  counter-increment: listNum var(--num);
}

.list-number>li[style*='--list-before:']::before {
  content: var(--list-before) counter(listNum);
}

.list-number>li[style*='--list-after:']::before {
  content: counter(listNum) var(--list-after);
}

.list-number>li[style*='--list-after:'][style*='--list-before:']::before {
  content: var(--list-before) counter(listNum) var(--list-after);
}

.list-year {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.list-year::before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: #d2d2d2;
}

.list-year>dt {
  position: relative;
  margin: 0 auto;
  font-weight: bold;
}

.list-year>dt::before {
  content: "";
  position: absolute;
  z-index: 1;
  border-radius: 50% 50%;
  background-color: #0064d2;
}

.list-year>dd {
  position: relative;
}

@media (max-width: 768.98px) {
  .list-year::before {
    top: -13px;
    left: 120px;
    width: 2px;
    height: calc(100% + 26px);
  }

  .list-year>dt {
    width: 110px;
    font-size: 1.6rem;
  }

  .list-year>dt::before {
    top: 4px;
    left: 115px;
    width: 12px;
    height: 12px;
  }

  .list-year>dd {
    width: calc(100% - 110px);
    padding-left: 35px;
    padding-bottom: 40px;
    font-size: 1.4rem;
  }

  .list-year>dd:last-child {
    padding-bottom: 0;
  }
}

@media (min-width: 769px) {
  .list-year::before {
    top: -13px;
    left: 155px;
    width: 2px;
    height: calc(100% + 26px);
  }

  .list-year>dt {
    width: 145px;
    font-size: 1.8rem;
  }

  .list-year>dt::before {
    top: 4px;
    left: 150px;
    width: 12px;
    height: 12px;
  }

  .list-year>dd {
    width: calc(100% - 145px);
    padding-left: 55px;
    padding-bottom: 40px;
    font-size: 1.6rem;
  }

  .list-year>dd:last-child {
    padding-bottom: 0;
  }
}

.table>table {
  width: 100%;
  border-spacing: 0;
}

.table>table>thead>tr>th {
  padding: 15px;
  background-color: #e7e7e8;
  font-weight: bold;
}

.table>table>tbody>tr>th,
.table>table>tbody>tr>td {
  padding: 15px;
}

.table>table>tbody>tr>th {
  font-weight: bold;
}

.table>table:has(> thead)>tbody>tr>th,
.table>table:has(> thead)>tbody>tr>td {
  border-top: solid 2px #fff;
  background-color: #f5f5f5;
}

@media (max-width: 768.98px) {

  .table>table:has(> caption + tbody)>tbody>tr,
  .table>table:has(> colgroup + tbody)>tbody>tr {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 769px) {

  .table>table:has(> caption + tbody)>tbody>tr>th,
  .table>table:has(> caption + tbody)>tbody>tr>td,
  .table>table:has(> colgroup + tbody)>tbody>tr>th,
  .table>table:has(> colgroup + tbody)>tbody>tr>td {
    border-top: solid 2px #fff;
  }
}

.table>table:has(> caption + tbody)>tbody>tr>th,
.table>table:has(> colgroup + tbody)>tbody>tr>th {
  background-color: #e7e7e8;
}

@media (max-width: 768.98px) {

  .table>table:has(> caption + tbody)>tbody>tr>th,
  .table>table:has(> colgroup + tbody)>tbody>tr>th {
    border-top: solid 2px #fff;
  }
}

.table>table:has(> caption + tbody)>tbody>tr>td,
.table>table:has(> colgroup + tbody)>tbody>tr>td {
  background-color: #f5f5f5;
}

@media (max-width: 768.98px) {
  .table-scrollable {
    overflow-x: auto;
    white-space: nowrap;
  }
}

/*-----------------
背景色
------------------*/
/*-----------------
背景色（疑似要素）
------------------*/
.background-white {
  position: relative;
}

.background-white::before {
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: #fff;
  content: "";
}

.background-outer {
  position: relative;
}

.background-outer::before {
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: inherit;
  content: "";
}

.background-outer:has(> .h2) {
  margin-top: 65px;
  padding-top: 65px;
  padding-bottom: 65px;
}

.background-outer:has(> .h2)>.h2 {
  margin-top: 0;
}

@media (max-width: 1020px) {
  .background-outer::before {
    width: 100%;
    left: 0;
  }
}

/*-----------------
背景色（着色）
------------------*/
.bg-gray-01 {
  background: #F9F9F9 !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 769px) {
  .sr-only-pc {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media (max-width: 768.98px) {
  .sr-only-sp {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

.sr-only-focusable:not(:focus):not(:focus-within) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (min-width: 769px) {
  .sr-only-focusable-pc:not(:focus):not(:focus-within) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media (max-width: 768.98px) {
  .sr-only-focusable-sp:not(:focus):not(:focus-within) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}

@media (min-width: 769px) {
  .message-area {
    margin: 0 auto 40px;
  }

  .message-area:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 768.98px) {
  .message-area {
    margin: 0 auto 30px;
  }

  .message-area:last-child {
    margin-bottom: 0;
  }
}

.message-text {
  margin: 30px auto 0;
  line-height: 1.5;
  font-weight: bold;
}

.message-text:first-child {
  margin-top: 0;
}

@media (min-width: 769px) {
  .message-text {
    font-size: 2.4rem;
  }
}

@media (max-width: 768.98px) {
  .message-text {
    font-size: 2rem;
  }
}

.company-access {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 0;
}

.company-access:first-child {
  padding-top: 0;
}

.company-access:last-child {
  padding-bottom: 0;
}

.company-access-title {
  font-weight: bold;
}

.company-access-textarea {
  flex: 1;
}

@media (min-width: 769px) {
  .company-access-titlearea {
    flex: 1;
  }

  .company-access-title {
    font-size: 1.8rem;
  }

  .company-access-map {
    width: 48.25%;
  }
}

@media (max-width: 768.98px) {
  .company-access-titlearea {
    width: 100%;
    margin-bottom: 15px;
  }

  .company-access-title {
    font-size: 1.6rem;
  }

  .company-access-textarea {
    margin-bottom: 15px;
  }

  .company-access-textarea:first-child {
    margin-bottom: 0;
  }

  .company-access-map {
    width: 100%;
  }
}

.contact-information-wrap {
  margin: 50px auto 0;
}

.contact-information-title {
  font-weight: bold;
}

@media (min-width: 769px) {
  .contact-information-title {
    margin: 0 auto 10px;
    font-size: 2.4rem;
  }

  .contact-information-title:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 768.98px) {
  .contact-information-title {
    margin: 0 auto 10px;
    font-size: 2rem;
  }

  .contact-information-title:last-child {
    margin-bottom: 0;
  }
}

.contact-information-item {
  position: relative;
}

.contact-information-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0064d2;
  mask-position: 0;
  mask-size: 100%;
  mask-repeat: no-repeat;
  z-index: 1;
}

.contact-information-item.form::before {
  -webkit-mask-image: url("../img/common/icon-form-blue.svg");
  mask-image: url("../img/common/icon-form-blue.svg");
}

.contact-information-item.mail::before {
  -webkit-mask-image: url("../img/common/icon-mail-blue.svg");
  mask-image: url("../img/common/icon-mail-blue.svg");
}

.contact-information-item.tel::before {
  -webkit-mask-image: url("../img/common/icon-tel-blue.svg");
  mask-image: url("../img/common/icon-tel-blue.svg");
}

.contact-information-item.fax::before {
  -webkit-mask-image: url("../img/common/icon-fax-blue.svg");
  mask-image: url("../img/common/icon-fax-blue.svg");
}

.contact-information-item.address::before {
  -webkit-mask-image: url("../img/common/icon-address-blue.svg");
  mask-image: url("../img/common/icon-address-blue.svg");
}

@media (min-width: 769px) {
  .contact-information-item {
    padding-left: 90px;
    min-height: 65px;
  }

  .contact-information-item.form::before {
    width: 50px;
    height: 52px;
  }

  .contact-information-item.mail::before {
    width: 50px;
    height: 37px;
  }

  .contact-information-item.tel::before {
    width: 50px;
    height: 50px;
  }

  .contact-information-item.fax::before {
    width: 50px;
    height: 50px;
  }

  .contact-information-item.address::before {
    width: 40px;
    height: 52px;
  }

  .contact-information-item+.contact-information-item {
    margin-top: 40px;
  }
}

@media (max-width: 768.98px) {
  .contact-information-item {
    min-height: 80px;
    padding-left: 65px;
  }

  .contact-information-item.form::before {
    width: 40px;
    height: 42px;
  }

  .contact-information-item.mail::before {
    width: 40px;
    height: 29px;
  }

  .contact-information-item.tel::before {
    width: 40px;
    height: 40px;
  }

  .contact-information-item.fax::before {
    width: 40px;
    height: 40px;
  }

  .contact-information-item.address::before {
    width: 30px;
    height: 40px;
  }

  .contact-information-item+.contact-information-item {
    margin-top: 30px;
  }
}

.news {
  background-color: #f5f5f5;
}

.news-list>li {
  width: 100%;
}

.news-list .news-list-date {
  width: 120px;
}

.news-list-cat {
  display: inline-block;
  padding: 3px 6px;
  line-height: 1.2;
  background-color: #e7e7e8;
  font-weight: normal;
  font-size: 1.4rem;
}

.news-list-textarea {
  flex: 1;
}

.news-list-textarea>p {
  font-weight: bold;
}

.news-list-textarea .news-list-cat {
  font-weight: normal;
  font-size: 1.2rem;
}

@media (min-width: 769px) {
  .news-list>li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border-bottom: 1px solid #999;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 6px;
    font-size: 1.6rem;
  }

  .news-list-list-date {
    font-size: 1.6rem;
  }

  .news-list-cat {
    margin-left: 20px;
    font-size: 1.4rem;
  }

  .news-list-textarea {
    margin-left: 20px;
  }

  .news-list-textarea>p {
    font-size: 1.6rem;
  }

  .news-list-textarea .news-list-cat {
    margin-top: 5px;
    margin-left: 0;
  }
}

@media (max-width: 768.98px) {
  .news-list>li {
    padding-top: 10px;
    padding-bottom: 6px;
    font-size: 1.4rem;
    border-bottom: 1px solid #999;
  }

  .news-list-list-date {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }

  .news-list-cat {
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 1.2rem;
  }

  .news-list-textarea>p {
    font-size: 1.4rem;
  }

  .news-list-textarea .news-list-cat {
    margin-top: 5px;
    margin-left: 0;
    margin-bottom: 0;
  }
}

.article-wrap {
  display: flex;
  flex-wrap: wrap;
}

.article-wrap .article-item {
  width: 100%;
}

.article-wrap.article-wrap-1 {
  width: 100%;
}

.article-wrap.article-wrap-1 .article-item {
  width: 100%;
}

.article-wrap.article-wrap-2,
.article-wrap.article-wrap-3 {
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

.article-wrap.article-wrap-2 .article-item,
.article-wrap.article-wrap-3 .article-item {
  margin-right: 15px;
  margin-left: 15px;
}

.article-wrap.article-wrap-2 .article-item {
  width: calc(50% - 30px);
}

.article-wrap.article-wrap-3 .article-item {
  width: calc(33.3333% - 30px);
}

.article-wrap.article-wrap-4,
.article-wrap.article-wrap-5 {
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
}

.article-wrap.article-wrap-4 .article-item,
.article-wrap.article-wrap-5 .article-item {
  margin-right: 10px;
  margin-left: 10px;
}

.article-wrap.article-wrap-4 .article-item {
  width: calc(25% - 20px);
}

.article-wrap.article-wrap-5 .article-item {
  width: calc(20% - 20px);
}

.article-item-thumbnail>img {
  width: 100%;
  height: auto;
}

.article-item>a {
  display: block;
  color: #000;
}

@media (hover) {
  .article-item>a:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}

.article-item-textarea {
  margin: 0;
  padding: 10px 0;
}

.article-item-title {
  font-weight: bold;
}

@media (min-width: 769px) {
  .article-wrap {
    row-gap: 40px;
  }

  .article-wrap .article-item {
    width: 100%;
  }

  .article-wrap.article-wrap-1-pc {
    width: 100%;
  }

  .article-wrap.article-wrap-1-pc .article-item {
    width: 100%;
  }

  .article-wrap.article-wrap-2-pc,
  .article-wrap.article-wrap-3-pc {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }

  .article-wrap.article-wrap-2-pc .article-item,
  .article-wrap.article-wrap-3-pc .article-item {
    margin-right: 15px;
    margin-left: 15px;
  }

  .article-wrap.article-wrap-2-pc .article-item {
    width: calc(50% - 30px);
  }

  .article-wrap.article-wrap-3-pc .article-item {
    width: calc(33.3333% - 30px);
  }

  .article-wrap.article-wrap-4-pc,
  .article-wrap.article-wrap-5-pc {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }

  .article-wrap.article-wrap-4-pc .article-item,
  .article-wrap.article-wrap-5-pc .article-item {
    margin-right: 10px;
    margin-left: 10px;
  }

  .article-wrap.article-wrap-4-pc .article-item {
    width: calc(25% - 20px);
  }

  .article-wrap.article-wrap-5-pc .article-item {
    width: calc(20% - 20px);
  }

  .article-item-title {
    margin-bottom: 10px;
    font-size: 1.8rem;
  }
}

@media (max-width: 768.98px) {
  .article-wrap {
    width: 100%;
    row-gap: 30px;
  }

  .article-wrap .article-item {
    width: 100%;
  }

  .article-wrap.article-wrap-1-sp {
    width: 100%;
  }

  .article-wrap.article-wrap-1-sp .article-item {
    width: 100%;
  }

  .article-wrap.article-wrap-2-sp,
  .article-wrap.article-wrap-3-sp {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
  }

  .article-wrap.article-wrap-2-sp .article-item,
  .article-wrap.article-wrap-3-sp .article-item {
    margin-right: 15px;
    margin-left: 15px;
  }

  .article-wrap.article-wrap-2-sp .article-item {
    width: calc(50% - 30px);
  }

  .article-wrap.article-wrap-3-sp .article-item {
    width: calc(33.3333% - 30px);
  }

  .article-wrap.article-wrap-4-sp,
  .article-wrap.article-wrap-5-sp {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }

  .article-wrap.article-wrap-4-sp .article-item,
  .article-wrap.article-wrap-5-sp .article-item {
    margin-right: 10px;
    margin-left: 10px;
  }

  .article-wrap.article-wrap-4-sp .article-item {
    width: calc(25% - 20px);
  }

  .article-wrap.article-wrap-5-sp .article-item {
    width: calc(20% - 20px);
  }

  .article-item-title {
    margin-bottom: 5px;
    font-size: 1.6rem;
  }
}

.organization {
  display: flex;
}

@media (min-width: 769px) {
  .organization {
    align-items: start;
  }
}

@media (max-width: 768.98px) {
  .organization {
    flex-direction: column;
  }
}

.organization>li {
  display: flex;
  position: relative;
}

@media (min-width: 769px) {
  .organization>li {
    align-items: start;
  }
}

@media (max-width: 768.98px) {
  .organization>li {
    flex-direction: column;
  }
}

@media (min-width: 769px) {
  .organization>li~li {
    padding-left: 30px;
  }
}

@media (max-width: 768.98px) {
  .organization>li~li {
    padding-top: 20px;
  }
}

.organization-label {
  display: flex;
  align-items: center;
  position: relative;
  width: fit-content;
  max-width: 100%;
  overflow: hidden;
  padding: 5px 30px;
}

@media (min-width: 769px) {
  .organization-label {
    min-width: 150px;
    min-height: 45px;
  }
}

@media (max-width: 768.98px) {
  .organization-label {
    min-width: 130px;
    min-height: 35px;
  }
}

.organization>li~li::before {
  position: absolute;
  background-color: #505054;
  content: "";
}

@media (min-width: 769px) {
  .organization>li~li::before {
    top: 20.5px;
    left: 0;
    width: 30px;
    height: 2px;
  }
}

@media (max-width: 768.98px) {
  .organization>li~li::before {
    top: 0;
    left: 65px;
    width: 2px;
    height: 20px;
  }
}

.organization-lv2 {
  position: relative;
}

@media (min-width: 769px) {
  .organization-lv2 {
    padding-left: 60px;
  }
}

@media (max-width: 768.98px) {
  .organization-lv2 {
    left: 65px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 65px;
  }
}

.organization-lv2::before {
  position: absolute;
  width: 2px;
  background-color: #505054;
  content: "";
}

@media (min-width: 769px) {
  .organization-lv2::before {
    top: 22.5px;
    left: 30px;
    bottom: 0;
  }
}

@media (max-width: 768.98px) {
  .organization-lv2::before {
    top: 0;
    left: 0;
    bottom: 0;
  }
}

@media (min-width: 769px) {
  .organization-lv2:has(> li:last-of-type)::before {
    bottom: 22.5px;
  }
}

@media (max-width: 768.98px) {
  .organization-lv2:has(> li:last-of-type)::before {
    bottom: 16.5px;
  }
}

@media (min-width: 769px) {
  .organization-lv2:has(> li.organization-group:last-of-type)::before {
    bottom: 46.5px;
  }
}

@media (max-width: 768.98px) {
  .organization-lv2:has(> li.organization-group:last-of-type)::before {
    bottom: 42.5px;
  }
}

@media (min-width: 769px) {
  .organization-lv2::after {
    position: absolute;
    top: 20.5px;
    left: 0;
    width: 32px;
    height: 2px;
    background-color: #505054;
    content: "";
  }
}

.organization-lv2>li {
  position: relative;
}

.organization-lv2>li:not(.organization-group)::before {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 2px;
  background-color: #505054;
  content: "";
}

@media (min-width: 769px) {
  .organization-lv2>li:not(.organization-group)::before {
    left: -30px;
    width: 30px;
    margin-top: auto;
    margin-bottom: 22.5px;
  }
}

@media (max-width: 768.98px) {
  .organization-lv2>li:not(.organization-group)::before {
    left: -20px;
    width: 20px;
    margin-top: auto;
    margin-bottom: 16.5px;
  }
}

.organization-lv2>li~li {
  margin-top: 20px;
}

@media (min-width: 769px) {
  .organization-lv2>li>.organization-label {
    min-width: 320px;
  }
}

@media (max-width: 768.98px) {
  .organization-lv2>li>.organization-label {
    min-width: 220px;
  }
}

.organization-group {
  width: fit-content;
  max-width: 100%;
  border: solid 4px #E1E1E1;
  background-color: #fff;
}

@media (min-width: 769px) {
  .organization-group {
    min-width: 320px;
    padding: 15px 28px 20px;
  }
}

@media (max-width: 768.98px) {
  .organization-group {
    min-width: 220px;
    padding: 10px 26px 20px;
  }
}

.organization-group>ul {
  margin-top: 10px;
}

.organization-group>ul>li {
  position: relative;
}

.organization-group>ul>li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 2px;
  margin-top: auto;
  background-color: #505054;
  content: "";
}

@media (min-width: 769px) {
  .organization-group>ul>li::before {
    left: -60px;
    bottom: 22.5px;
    width: 60px;
  }
}

@media (max-width: 768.98px) {
  .organization-group>ul>li::before {
    left: -50px;
    bottom: 16.5px;
    width: 50px;
  }
}

.organization-group>ul>li~li {
  margin-top: 20px;
}

@media (min-width: 769px) {
  .organization-group>ul>li>.organization-label {
    min-width: 260px;
  }
}

@media (max-width: 768.98px) {
  .organization-group>ul>li>.organization-label {
    min-width: 160px;
  }
}

.skiplink:focus,
.skiplink:focus-within {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 200;
  width: fit-content;
  min-height: 44px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
  border-radius: 4px;
  background-color: #0064d2;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
}

@media (max-width: 768.98px) {

  .skiplink:focus,
  .skiplink:focus-within {
    top: 48px;
  }
}

@media (min-width: 769px) {

  .skiplink:focus,
  .skiplink:focus-within {
    top: 12px;
  }
}

.skiplink:focus::after,
.skiplink:focus-within::after {
  width: 1em;
  height: 1em;
  background-color: currentColor;
  mask-image: url(../img/common/icons-arrow.svg);
  mask-size: 400%;
  mask-position: 100%;
  content: "";
}

header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #fff;
  width: 100%;
}

.header {
  display: grid;
  position: relative;
  z-index: 100;
  width: 100%;
  margin-right: auto;
}

header h1 {
  line-height: 1.0;
}

@media (min-width: 769px) {
  header {
    /*box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.2);*/
    box-shadow: 0px 10px 20px 0px #0000000D;
  }

  header:after {
    position: absolute;
    content: "";
    width: 100%;
    border-bottom: 1px solid #E9E9E9;
    display: block;
    top: 60px;
    height: 5px;
    z-index: 110;
  }

  .header {
    grid-template-columns: 218px 1fr 190px auto;
    grid-template-rows: 44px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 960px;
    max-width: 1440px;
    margin: 0 auto;
  }
}

@media (max-width: 768.98px) {

  header {
    /*box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.2);*/
    box-shadow: 0px 10px 20px 0px #0000000D;
  }

  .header {
    grid-template-columns: 132px 1fr;
    grid-template-rows: 44px 1fr;
    box-shadow: 0px 10px 20px 0px #0000000D;
  }
}

@media (max-width: 768.98px) {
  body {
    padding-top: 44px;
  }
}

@media (min-width: 769px) {
  .header-logo {
    position: relative;
    z-index: 1;
    top: 10px;
    left: 30px;
  }
}

@media (max-width: 768.98px) {
  .header-logo {
    outline-offset: -4px;
  }
}

@media (min-width: 769px) {
  .header-identifier {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    width: fit-content;
    left: 60px;
    top: 10px;
  }
}

@media (max-width: 768.98px) {
  .header-identifier {
    display: none;
  }
}

@media (min-width: 769px) {
  .header-navigation-check {
    display: none;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-check {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
  }

  .header-navigation-check:focus-visible {
    outline-offset: -4px;
  }
}

@media (min-width: 769px) {
  [for="header-navigation-check"] {
    display: none;
  }
}

@media (max-width: 768.98px) {
  [for="header-navigation-check"] {
    display: block;
    width: 44px;
    height: 44px;
    margin-left: auto;
  }
}

@media (max-width: 768.98px) {
  [for="header-navigation-check"]::before {
    position: fixed;
    inset: 44px 0 0;
    background-color: #000;
    content: "";
    transition: .5s;
    transition-property: opacity, visibility;
  }
}

@media (max-width: 768.98px) {
  [for="header-navigation-check"]>span {
    display: block;
    position: absolute;
    top: calc((44px - 2px) / 2);
    right: calc((44px - 25px) / 2);
    width: 25px;
    height: 2px;
    background-color: #333;
    transition: background .5s;
  }

  [for="header-navigation-check"]>span::before,
  [for="header-navigation-check"]>span::after {
    display: inherit;
    position: inherit;
    left: 0;
    right: 0;
    height: inherit;
    margin: inherit;
    background-color: #333;
    transition: transform .5s, top .5s;
    content: "";
  }

  [for="header-navigation-check"]>span::before {
    top: calc((2px + 6px) * -1);
  }

  [for="header-navigation-check"]>span::after {
    top: calc((2px + 6px) * 1);
  }
}

@media (max-width: 768.98px) {
  .header-navigation-check:not(:checked)+[for="header-navigation-check"]::before {
    opacity: 0;
    pointer-events: none;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-check:checked+[for="header-navigation-check"]::before {
    opacity: .5;
  }
}

.header-navigation-check:checked+[for="header-navigation-check"]>span {
  background: rgba(0, 0, 0, 0);
}

.header-navigation-check:checked+[for="header-navigation-check"]>span::before {
  top: 0;
  transform: rotate(45deg);
}

.header-navigation-check:checked+[for="header-navigation-check"]>span::after {
  top: 0;
  transform: rotate(-45deg);
}

@media (min-width: 769px) {
  .header-navigation {
    display: grid;
    grid-template: inherit;
    grid-area: 2 / 5 / 2 / 1;
    position: relative;
    z-index: 0;
    margin-top: -34px;
  }
}

@media (max-width: 768.98px) {
  .header-navigation {
    grid-column: 1 / 3;
    position: fixed;
    top: 44px;
    left: 0;
    right: 0;
    overflow: hidden;
    transition: height .5s, max-height .5s, visibility .5s;
  }

  .header-navigation-check~.header-navigation {
    padding: 0 30px;
    background: #fff;
    transition: padding .1s;
  }

  .header-navigation-check:checked~.header-navigation {
    max-height: 80vh;
    overflow: auto;
    padding: 30px 30px;
    background: #fff;
  }

  .header-navigation-global-sub {
    margin: 15px 0 30px 10px;
  }

  .header-navigation-global-sub>li+li {
    margin-top: 5px;
  }

  .header-navigation-global-sub>li>a {

    text-decoration: none;
    font-size: 14px;
    color: #333;
  }

  .header-navigation-check:checked~.header-navigation::before {
    content: "";
    width: 100%;
    height: 20px;
    box-shadow: 0px 10px 20px 0px #0000000D;
    display: block;
    position: absolute;
    left: 0;
    top: -20px;
  }

  .header-navigation-check:not(:checked)~.header-navigation {
    max-height: 0;
  }
}

.header-navigation-search {
  display: flex;
}

@media (min-width: 769px) {
  .header-navigation-search {
    grid-area: 1 / 3 / 2 / 4;
    max-width: 190px;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 769px) {
  .header-navigation-search .mf_finder_container {
    margin-top: 17px;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-search .mf_finder_container {
    width: 100%;
    padding: 20px;
    background-color: #e7e7e8;
  }
}

.header-navigation-search .mf_finder_searchBox {
  margin-left: 0;
  margin-right: 0;
}

.header-navigation-search .mf_finder_searchBox_items {
  position: relative;
  padding: 0;
}

.header-navigation-search .mf_finder_searchBox_query_input {
  width: 100%;
  height: 29px;
  min-height: 29px;
  padding: 4px;
  border-radius: 6px;
  background-color: #fff;
  font-size: 1.6rem;
}

@media (min-width: 769px) {
  .header-navigation-search .mf_finder_searchBox_query_input {
    border: 2px solid #000;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-search .mf_finder_searchBox_query_input {
    border: 1px solid #000;
  }
}

.header-navigation-search .mf_finder_searchBox_query_input:focus-visible {
  outline: none;
}

.header-navigation-search .mf_finder_searchBox_submit {
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  width: 25px;
  height: 25px;
  margin-top: auto;
  margin-bottom: auto;
  background-image: url("../img/common/header-navigation-search.png");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  border: 0;
  background-color: #fff;
  border-radius: 6px;
  outline-offset: -4px !important;
}

.header-navigation-search .mf_finder_searchBox_submit::before {
  display: none;
}

@media (min-width: 769px) {
  .header-navigation-global-collapse {
    display: none;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-global-collapse {
    display: none;
    align-items: center;
    position: relative;
    width: 100%;
    height: 47px;
    padding: 10px;
    padding-right: 36px;
    outline-offset: -4px;
    background-color: #f7f9fa;
    font-weight: bold;
  }

  .header-navigation-global-collapse[aria-pressed]::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #505054;
    mask-image: url("../img/common/icons-plus-minus.svg");
    mask-size: 200%;
    content: "";
  }

  .header-navigation-global-collapse[aria-pressed="false"]::after {
    mask-position: 0;
  }

  .header-navigation-global-collapse[aria-pressed="true"]::after {
    mask-position: 100%;
  }
}

@media (min-width: 769px) {
  .header-navigation-global {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    grid-area: 2 / 5 / 2 / 1;
    margin-top: 10px;
    justify-content: flex-end;
    padding: 7px 10px 7px 0;
    letter-spacing: 0.05em;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-global[aria-hidden] {
    overflow: hidden;
    transition: height .5s;
  }

  .header-navigation-global[aria-hidden="true"] {
    height: 0;
  }

  .header-navigation-global[aria-hidden="false"] {
    height: var(--header-navigation-global-height);
  }
}

.header-navigation-global>* {
  position: relative;
}

.header-navigation-global-link {
  position: relative;
  display: flex;
  align-items: center;
  color: #333;
  line-height: 1;
}

@media (min-width: 769px) {
  .header-navigation-global-link {
    height: 35px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1.4rem;
    font-weight: 700;
    text-decoration: none;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-global-link {
    width: 100%;
    height: 47px;
    padding: 13px;
    padding-right: 36px;
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
    outline-offset: -4px;
    text-decoration: none;
  }

  .header-navigation-global-link[aria-pressed] {
    background-color: #f7f9fa;
  }
}

@media (max-width: 768.98px) and (max-width: 768.98px) {
  .header-navigation-global-link[aria-pressed] {
    border-top: 1px solid #e7e7e8;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-global-link[aria-pressed]::after {
    mask-image: url("../img/common/icons-plus-minus.svg");
    mask-size: 200%;
  }

  .header-navigation-global-link[aria-pressed][aria-pressed="false"]::after {
    mask-position: 0;
  }

  .header-navigation-global-link[aria-pressed][aria-pressed="true"]::after {
    mask-position: 100%;
  }
}

.header-navigation-global-link>span {
  display: flex;
  align-items: center;
}

@media (min-width: 769px) and (hover) {
  .header-navigation-global-link>span::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #A1529D;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
    content: "";
  }

  .header-navigation-global-link:hover {
    text-decoration: none;
  }

  .header-navigation-global-link:hover>span::before {
    transform: scale(1, 1);
  }
}

.header-navigation-global-link[aria-pressed]>span {
  gap: 6px;
}

.header-navigation-global-link[aria-pressed="true"]>span::after {
  mask-position: 0;
}

.header-navigation-global-link[aria-pressed="false"]>span::after {
  mask-position: 100%;
}

.header-navigation-global-dropdown {
  overflow: hidden;
  height: 0;
  background-color: #fff;
}

.header-navigation-global-link[aria-current="page"]>span,
.header-navigation-global-link[data-current="true"]>span,
.header-navigation-global-link[aria-pressed="true"]>span {
  color: #A1529D;
}

.header-navigation-global-link[aria-current="page"]:hover>span::before,
.header-navigation-global-link[aria-pressed="true"]:hover>span::before {
  content: none;
}

@media (min-width: 769px) {

  .header-navigation-global-link[aria-pressed]::before {
    display: block;
    position: fixed;
    inset: calc(var(--header-height) - var(--body-scroll-y)) 0 0;
    background-color: #000;
    content: "";
    transition: opacity .5s;
    cursor: default;
  }

  .header-navigation-global-link[aria-pressed]>span::after {
    width: 10px;
    height: 10px;
    background-color: currentColor;
    mask-image: url("../img/common/icons-arrow.svg");
    mask-size: 400%;
    color: #505054;
    content: "";
  }

  .header-navigation-global-link[aria-pressed="true"]::before {
    opacity: .5;
  }

  .header-navigation-global-link[aria-pressed="false"]::before {
    opacity: 0;
    pointer-events: none;
  }

  .header-navigation-global-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
  }
}

@media (hover) {
  .header-navigation-global-dropdown {
    text-decoration: none;
  }
}

.header-navigation-global-dropdown[aria-hidden] {
  transition: height .5s, visibility .5s;
}

.header-navigation-global-dropdown[aria-hidden="true"] {
  visibility: hidden;
}

.header-navigation-global-dropdown[aria-hidden="false"] {
  height: var(--h);
}

@media (min-width: 769px) {
  .header-navigation-global-dropdown-head {
    border-bottom: 1px solid #d8d8d8;
  }
}

.header-navigation-global-dropdown-link {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 10px;
  padding-right: 30px;
  font-size: 1.4rem;
  white-space: nowrap;
}

@media (min-width: 769px) {
  .header-navigation-global-dropdown-link {
    height: 48px;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-global-dropdown-link {
    height: 47px;
    outline-offset: -4px;
  }
}

@media (max-width: 768.98px) {
  *:not(.header-navigation-global-dropdown-head)>.header-navigation-global-dropdown-link {
    padding-left: 25px;
  }
}

@media (min-width: 769px) {
  .header-navigation-global-dropdown-link[href] {
    color: #000;
  }

  .header-navigation-global-dropdown-link[href]::after {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 14px;
    height: 14px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #fff;
    mask-image: url("../img/common/icons-arrow.svg");
    mask-size: 400%;
    mask-position: 200%;
    content: "";
  }
}

@media (min-width: 769px) and (hover) {
  .header-navigation-global-dropdown-link[href] {
    text-decoration: none;
  }

  .header-navigation-global-dropdown-link[href]:hover {
    background-color: #0064d2;
    color: #fff;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-global-dropdown-link[href] {
    color: #000;
  }

  .header-navigation-global-dropdown-link[href]::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #505054;
    mask-image: url("../img/common/icons-arrow.svg");
    mask-size: 400%;
    mask-position: 200%;
    content: "";
  }
}

@media (min-width: 769px) {
  .header-navigation-global-dropdown-link[aria-current="page"] {
    color: #999999;
  }
}

@media (min-width: 769px) {
  .header-navigation-local {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    grid-area: 3 / 5 / 3 / 1;
    margin-top: 35px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #0064d2;
    color: #fff;
  }

  .header-navigation-local::before {
    position: absolute;
    inset: 0 calc(50% - 50vw);
    z-index: -1;
    background: inherit;
    content: "";
  }
}

@media (max-width: 768.98px) {
  .header-navigation-local {
    background-color: #0064d2;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-local>* {
    border-top: solid 1px #93c7ea;
  }
}

.header-navigation-local-link {
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
  line-height: 1;
}

@media (min-width: 769px) {
  .header-navigation-local-link {
    height: 56px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1.4rem;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-local-link {
    width: 100%;
    height: 47px;
    padding: 10px;
    font-weight: bold;
    outline-offset: -4px;
  }

  .header-navigation-local-link:not([aria-current])::after {
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: currentColor;
    content: "";
  }

  .header-navigation-local-link[aria-pressed]::after {
    mask-image: url("../img/common/icons-plus-minus.svg");
    mask-size: 200%;
  }

  .header-navigation-local-link[aria-pressed][aria-pressed="false"]::after {
    mask-position: 0;
  }

  .header-navigation-local-link[aria-pressed][aria-pressed="true"]::after {
    mask-position: 100%;
  }

  .header-navigation-local-link[href]::after {
    mask-image: url("../img/common/icons-arrow.svg");
    mask-size: 400%;
    mask-position: 200%;
  }
}

.header-navigation-local-link>span {
  display: flex;
  align-items: center;
}

@media (min-width: 769px) and (hover) {

  .header-navigation-local-link[href],
  .header-navigation-local-link[aria-pressed] {
    transition: background .2s linear;
  }

  .header-navigation-local-link[href]>span::before,
  .header-navigation-local-link[aria-pressed]>span::before {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 2px;
    height: 3px;
    background-color: currentColor;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
    content: "";
  }

  .header-navigation-local-link[href]:hover,
  .header-navigation-local-link[aria-pressed]:hover {
    text-decoration: none;
    background-color: #64afe1;
  }

  .header-navigation-local-link[href]:hover>span::before,
  .header-navigation-local-link[aria-pressed]:hover>span::before {
    transform: scale(1, 1);
  }
}

@media (min-width: 769px) {
  .header-navigation-local-link[aria-pressed]::before {
    display: block;
    position: fixed;
    inset: calc(var(--header-height) - var(--body-scroll-y)) 0 0;
    background-color: #000;
    content: "";
    transition: opacity .5s;
    cursor: default;
  }
}

.header-navigation-local-link[aria-pressed]>span {
  gap: 6px;
}

@media (min-width: 769px) {
  .header-navigation-local-link[aria-pressed]>span::after {
    width: 10px;
    height: 10px;
    background-color: currentColor;
    mask-image: url("../img/common/icons-arrow.svg");
    mask-size: 400%;
    content: "";
  }
}

@media (min-width: 769px) {
  .header-navigation-local-link[aria-pressed="true"] {
    background-color: #64afe1;
  }
}

@media (min-width: 769px) {
  .header-navigation-local-link[aria-pressed="true"]::before {
    opacity: .5;
  }
}

.header-navigation-local-link[aria-pressed="true"]>span::after {
  mask-position: 0;
}

@media (min-width: 769px) {
  .header-navigation-local-link[aria-pressed="false"]::before {
    opacity: 0;
    pointer-events: none;
  }
}

.header-navigation-local-link[aria-pressed="false"]>span::after {
  mask-position: 100%;
}

@media (min-width: 769px) {

  .header-navigation-local-link[aria-current="page"]>span::before,
  .header-navigation-local-link[data-current="page"]>span::before,
  .header-navigation-local-link[aria-pressed="true"]>span::before {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 2px;
    height: 3px;
    background-color: currentColor;
    transform: scale(1, 1);
    content: "";
  }
}

.header-navigation-local-dropdown {
  overflow: hidden;
  height: 0;
}

@media (min-width: 769px) {
  .header-navigation-local-dropdown {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-width: 980px;
    height: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    color: #000;
  }
}

.header-navigation-local-dropdown[aria-hidden] {
  transition: height .5s, visibility .5s;
}

.header-navigation-local-dropdown[aria-hidden="true"] {
  visibility: hidden;
}

.header-navigation-local-dropdown[aria-hidden="false"] {
  height: var(--h);
}

@media (min-width: 769px) {
  .header-navigation-local-dropdown>*:first-of-type {
    margin-top: 20px;
  }
}

@media (min-width: 769px) {
  .header-navigation-local-dropdown>*:last-of-type {
    margin-bottom: 20px;
  }
}

.header-navigation-local-dropdown-link {
  position: relative;
}

@media (min-width: 769px) {
  .header-navigation-local-dropdown-link {
    display: block;
    padding-left: 1.5em;
    color: #000;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-local-dropdown-link {
    display: flex;
    align-items: center;
    height: 47px;
    padding-left: 10px;
    background-color: #fff;
    color: #000;
    outline-offset: -4px;
  }
}

@media (min-width: 769px) {
  .header-navigation-local-dropdown-link::before {
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 1em;
    height: 1em;
    background-color: #0064d2;
    mask-image: url("../img/common/icons-arrow.svg");
    mask-size: 400%;
    mask-position: 200%;
    content: "";
  }
}

@media (max-width: 768.98px) {
  .header-navigation-local-dropdown-link::after {
    position: absolute;
    top: 0;
    right: 8px;
    bottom: 0;
    width: 14px;
    height: 14px;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #505054;
    mask-image: url("../img/common/icons-arrow.svg");
    mask-size: 400%;
    mask-position: 200%;
    content: "";
  }
}

.header-navigation-sub-link-area {
  display: grid;
  justify-content: center;
}

@media (min-width: 769px) {
  .header-navigation-sub-link-area {
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, auto);
    row-gap: 6px;
    grid-area: 1 / 4 / 2 / 5;
    width: fit-content;
    margin-top: auto;
    margin-left: auto;
    margin-bottom: auto;
  }
}

@media (max-width: 768.98px) {
  .header-navigation-sub-link-area {
    display: block;
    padding-top: 20px;
    padding-bottom: 100px;
    border-top: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    background-color: #fff;
    color: #fff;
  }

  .header-navigation-sub-link-area>* {
    text-align: center;
  }
}

.header-navigation-sub-link {
  line-height: 1.3;
  background: #A1529D;
  padding: 12px 40px 12px 24px;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  position: relative;
  text-decoration: none;
  font-weight: 700;
  justify-content: center;
}

.header-navigation-sub-link::before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.header-navigation-sub-link::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 5px;
  height: 8px;
  transform: translateY(-50%);
  background: url("../img/common/button-arrow-purple.svg")no-repeat 0 0;
}

a.header-navigation-sub-link:hover {
  text-decoration: none;
}

@media (max-width: 768.98px) {
  .header-navigation-sub-link {
    position: relative;
    width: 70%;
    display: block;
    margin: 0 auto;
    padding: 13px 15px;
    font-size: 16px;
  }
}

.footer {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 0;
  padding: 30px 20px 35px 20px;
  color: #fff;
}

.footer::before {
  position: absolute;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  bottom: 0;
  z-index: -1;
  height: 100%;
  background: #333;
  border-top: 1px solid #484747;
  content: "";
}

@media (max-width: 1020px) {
  .footer::before {
    left: 0;
    width: 100%;
  }

}

@media (max-width: 768.98px) {
  .footer {
    background: #333;
    padding: 32px 24px 24px 24px;
  }
}

.footer-sub {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 20px;
}

@media (min-width: 769px) {
  .footer-sub {
    justify-content: end;
    gap: 26px 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
  }
}

@media (max-width: 768.98px) {
  .footer-sub {
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
  }
}

@media (max-width: 768.98px) {
  .footer-sub>* {
    width: 50%;
    text-align: center;
  }
}

.footer-sub-link {
  display: flex;
  align-items: baseline;
  width: fit-content;
  height: 21px;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  border-bottom: solid 1px transparent;
  font-size: 1.4rem;
}

@media (max-width: 768.98px) {
  .footer-sub-link {
    justify-content: center;
  }
}

@media (hover) {
  .footer-sub-link[href]:hover {
    text-decoration: underline;
    border-bottom-color: #0064d2;
  }
}

@media (min-width: 769px) {
  footer {
    min-height: 160px;
  }

  .footer-nav-box {
    display: flex;
    width: 100%;
    margin: 20px 0 0;
  }

  .footer-nav {
    display: inline-block;
    padding-right: 20px;
  }
}

@media (max-width: 768.98px) {
  .footer-nav {
    row-gap: 10px;
    width: 100%;
  }

  .footer-nav>*:first-of-type,
  .footer-nav>*:last-of-type {
    width: 100%;
  }

  .footer-nav>*:not(:first-of-type):not(:last-of-type) {
    width: 50%;
  }
}

.footer-nav-link {
  display: flex;
  align-items: end;
  width: fit-content;
  height: 24px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: solid 1px transparent;
  font-size: 1.2rem;
}

@media (max-width: 768.98px) {
  .footer-nav-link {
    justify-content: center;
    display: inline;
  }
}

@media (min-width: 769px) {
  .footer-nav-link[href] {
    color: #fff;
  }
}

@media (max-width: 768.98px) {
  .footer-nav-link[href] {
    color: #fff;
  }
}

.footer-identifier {
  display: block;
  width: calc(100% + 15px);
  margin-left: -15px;
}

@media (max-width: 768.98px) {
  .footer-identifier {
    margin: 0 0 25px -15px;
  }

  .footer-identifier img {
    width: 176px;
  }

  .footer-identifier img.footiden {
    margin: 12px 0 0 0;
  }

}

.footer-copyright {
  position: relative;
  margin-left: auto;
  line-height: 1.8;
  font-size: 12px;
}

@media (min-width: 769px) {
  .footer-copyright {
    display: inline-block;
    text-align: right;
    align-items: center;
    color: #fff;
  }
}

@media (max-width: 768.98px) {
  .footer-copyright {
    display: block;
    margin-top: 24px;
    font-size: 11px;
  }
}

.footer-backlink {
  display: block;
  position: fixed;
  background-image: url("../img/common/pagetop.png");
  background-position: center;
  background-size: cover;
  color: #fff;
  transition: opacity .1s;
  z-index: 9;
}

.footer-backlink.bottomFixed {
  position: absolute;
}

.footer-backlink[hidden] {
  opacity: 0;
  pointer-events: none;
}

a.footer-backlink {
  opacity: 1;
}

@media (min-width: 769px) {
  .footer-backlink {
    right: 30px;
    bottom: 30px;
    width: 74px;
    height: 74px;
  }

  a.footer-backlink:hover {
    opacity: 0.8;
  }
}

@media (max-width: 768.98px) {
  .footer-backlink {
    right: 18px;
    bottom: 8px;
    width: 74px;
    height: 74px;
  }
}

.keyvisual {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  background-size: 0;
}

@media (min-width: 769px) {
  .keyvisual {
    padding: 30px 50px 50px;
  }
}

@media (max-width: 768.98px) {
  .keyvisual {
    padding: 55px 10px 60px;
  }
}

.keyvisual::before {
  position: absolute;
  top: 0;
  right: calc(50% - 50vw);
  z-index: -1;
  width: 100%;
  height: 100%;
  background: inherit;
  background-position: top right;
  background-size: auto 100%;
  content: "";
}

.keyvisual-sup,
.keyvisual-sub {
  font-size: 1.6rem;
}

.keyvisual-title {
  font-weight: bold;
}

@media (min-width: 769px) {
  .keyvisual-title {
    font-size: 4.8rem;
  }
}

@media (max-width: 768.98px) {
  .keyvisual-title {
    font-size: 3rem;
  }
}

.breadcrumb {
  width: 100%;
  display: flex;
  align-items: center;
  max-width: 960px;
  height: 58px;
  overflow: auto hidden;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 1.4rem;
  white-space: nowrap;
}

.breadcrumb>li>[href] {
  color: #0064d2;
}

.breadcrumb>li>[href]:hover {
  text-decoration: underline;
}

.breadcrumb>li>[rel="home"] {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 17px;
  height: 17px;
}

.breadcrumb>li>[rel="home"]::before {
  width: inherit;
  height: inherit;
  background-color: currentColor;
  mask-image: url("../img/common/breadcrumb.svg");
  mask-position: 0;
  mask-size: 200%;
  content: "";
}

.breadcrumb>li~li {
  display: flex;
  align-items: center;
}

.breadcrumb>li~li::before {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  background-color: #0064d2;
  mask-image: url("../img/common/breadcrumb.svg");
  mask-position: -100%;
  mask-size: 200%;
  content: "";
}

.top-key-visual {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

@media (min-width: 769px) {
  .top-key-visual {
    height: 640px;
  }

  .top-key-visual .top-key-visual-item {
    height: 640px;
  }
}

@media (max-width: 768.98px) {
  .top-key-visual {
    height: 460px;
  }

  .top-key-visual .top-key-visual-item {
    height: 460px;
  }
}

.top-key-visual .slick-arrow-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  max-width: 990px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 1;
  pointer-events: none;
}

.top-key-visual .slick-arrow-wrap>* {
  pointer-events: auto;
}

@media (min-width: 769px) {
  .top-key-visual .slick-arrow-wrap {
    padding: 0 15px;
  }
}

@media (max-width: 768.98px) {
  .top-key-visual .slick-arrow-wrap {
    padding: 0 10px;
  }
}

.top-key-visual .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.66);
}

.top-key-visual .slick-arrow::before {
  content: "";
  position: absolute;
  top: calc(50% - 8px);
  border-top: 3px solid #707070;
  border-left: 3px solid #707070;
}

.top-key-visual .slick-arrow.slick-prev {
  left: 0;
}

.top-key-visual .slick-arrow.slick-next {
  right: 0;
}

@media (min-width: 769px) {
  .top-key-visual .slick-arrow {
    width: 40px;
    height: 95px;
  }

  .top-key-visual .slick-arrow::before {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 768.98px) {
  .top-key-visual .slick-arrow {
    width: 30px;
    height: 65px;
  }

  .top-key-visual .slick-arrow::before {
    width: 12px;
    height: 12px;
  }
}

@media (hover) {
  .top-key-visual .slick-arrow:hover {
    opacity: 0.7;
  }
}

.top-key-visual .slick-btn-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 990px;
  width: 100%;
  padding: 0 15px 12px 15px;
  margin: 0 auto;
  text-align: center;
  z-index: 1;
  pointer-events: none;
}

.top-key-visual .slick-btn-wrap>* {
  pointer-events: auto;
}

.js-blog-slider-container .slick-dots>li svg:focus,
.js-blog-slider-container .slick-dots>li svg:focus-visible {
  outline: none;
}

.top-key-visual .slick-btn-inner {
  position: relative;
  display: inline-block;
}

.top-key-visual .slick-btn-inner .slick-btn-area {
  position: absolute;
  right: 0;
}

@media (min-width: 769px) {
  .top-key-visual .slick-btn-inner {
    padding-right: 25px;
  }

  .top-key-visual .slick-btn-inner .slick-btn-area {
    top: calc(100% - 24px);
  }
}

@media (max-width: 768.98px) {
  .top-key-visual .slick-btn-inner {
    padding-right: 20px;
  }

  .top-key-visual .slick-btn-inner .slick-btn-area {
    top: calc(100% - 21px);
  }
}

.top-key-visual .slick-dots {
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap;
}

.top-key-visual .slick-dots>li {
  margin: 5px 5px;
  line-height: 1;
}

.top-key-visual .slick-dots>li>button {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 50% 50%;
  vertical-align: middle;
  background-color: #a0a0a5;
  border: 2px solid #fff;
}

.top-key-visual .slick-dots>li.slick-active button {
  background-color: #0064d2;
}

@media (min-width: 769px) {
  .top-key-visual .slick-dots>li>button {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 768.98px) {
  .top-key-visual .slick-dots>li>button {
    width: 15px;
    height: 15px;
  }
}

@media (hover) {
  .top-key-visual .slick-dots>li button:hover {
    background-color: #0064d2;
  }
}

.top-key-visual .slick-btn-area .slick-start,
.top-key-visual .slick-btn-area .slick-pause {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  line-height: 1;
  display: none;
}

.top-key-visual .slick-btn-area .slick-start.is-active,
.top-key-visual .slick-btn-area .slick-pause.is-active {
  display: block;
}

@media (hover) {

  .top-key-visual .slick-btn-area .slick-start:hover,
  .top-key-visual .slick-btn-area .slick-pause:hover {
    opacity: 0.7;
  }
}

.top-key-visual .slick-btn-area .slick-start {
  background: url("../img/common/icon-slick-start.svg") no-repeat center center/100% auto;
}

.top-key-visual .slick-btn-area .slick-pause {
  background: url("../img/common/icon-slick-pause.svg") no-repeat center center/100% auto;
}

@media (min-width: 769px) {

  .top-key-visual .slick-btn-area .slick-start,
  .top-key-visual .slick-btn-area .slick-pause {
    width: 15px;
    height: 20px;
  }
}

@media (max-width: 768.98px) {

  .top-key-visual .slick-btn-area .slick-start,
  .top-key-visual .slick-btn-area .slick-pause {
    width: 13px;
    height: 18px;
  }
}

.top-key-visual-item {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.top-key-visual-item a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

@media (hover) {
  .top-key-visual-item a:hover {
    opacity: 0.7;
    text-decoration: none;
  }
}

.top-key-visual-item .top-key-visual-thumbnail {
  height: 100%;
}

.top-key-visual-item .top-key-visual-thumbnail>a>img,
.top-key-visual-item .top-key-visual-thumbnail>img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.top-key-visual-textarea {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  transform: translateY(-50%);
  z-index: 1;
}

.top-key-visual-textarea .top-key-visual-catchcopy {
  font-weight: bold;
  color: #fff;
  text-shadow: #000 0 0 6px;
  text-align: center;
  line-height: 1.32;
}

.top-key-visual-textarea .top-key-visual-title {
  font-weight: bold;
  color: #fff;
  text-shadow: #000 0 0 6px;
  text-align: center;
  line-height: 1.32;
}

@media (min-width: 769px) {
  .top-key-visual-textarea {
    padding: 20px 60px;
  }

  .top-key-visual-textarea .top-key-visual-catchcopy {
    font-size: 3.4rem;
  }

  .top-key-visual-textarea .top-key-visual-catchcopy+* {
    margin-top: 10px;
  }

  .top-key-visual-textarea .top-key-visual-title {
    font-size: 5rem;
  }
}

@media (max-width: 768.98px) {
  .top-key-visual-textarea {
    padding: 20px 40px;
  }

  .top-key-visual-textarea .top-key-visual-catchcopy {
    font-size: 2.2rem;
  }

  .top-key-visual-textarea .top-key-visual-catchcopy+* {
    margin-top: 5px;
  }

  .top-key-visual-textarea .top-key-visual-title {
    font-size: 3.2rem;
  }
}

@media (min-width: 769px) {
  .top-message {
    padding-top: 65px;
    padding-bottom: 65px;
  }
}

@media (max-width: 768.98px) {
  .top-message {
    padding-top: 20px;
    padding-bottom: 50px;
  }
}

/*---------------------------------
  汎用クラス
---------------------------------*/
.display-block {
  display: block !important;
}

@media (min-width: 769px) {
  .display-block-pc {
    display: block !important;
  }
}

@media (max-width: 768.98px) {
  .display-block-sp {
    display: block !important;
  }
}

.display-inine-block {
  display: inline-block !important;
}

@media (min-width: 769px) {
  .display-inine-block-pc {
    display: inline-block !important;
  }
}

@media (max-width: 768.98px) {
  .display-inine-block-sp {
    display: inline-block !important;
  }
}

.display-inline {
  display: inline !important;
}

@media (min-width: 769px) {
  .display-inline-pc {
    display: inline !important;
  }
}

@media (max-width: 768.98px) {
  .display-inline-sp {
    display: inline !important;
  }
}

.display-flex {
  display: flex !important;
}

@media (min-width: 769px) {
  .display-flex-pc {
    display: flex !important;
  }
}

@media (max-width: 768.98px) {
  .display-flex-sp {
    display: flex !important;
  }
}

.display-none {
  display: none !important;
}

@media (min-width: 769px) {
  .display-none-pc {
    display: none !important;
  }
}

@media (max-width: 768.98px) {
  .display-none-sp {
    display: none !important;
  }
}

.width-0 {
  width: 0px !important;
}

@media (min-width: 769px) {
  .width-0-pc {
    width: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .width-0-sp {
    width: 0px !important;
  }
}

.width-5 {
  width: 5px !important;
}

@media (min-width: 769px) {
  .width-5-pc {
    width: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .width-5-sp {
    width: 5px !important;
  }
}

.width-10 {
  width: 10px !important;
}

@media (min-width: 769px) {
  .width-10-pc {
    width: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .width-10-sp {
    width: 10px !important;
  }
}

.width-15 {
  width: 15px !important;
}

@media (min-width: 769px) {
  .width-15-pc {
    width: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .width-15-sp {
    width: 15px !important;
  }
}

.width-20 {
  width: 20px !important;
}

@media (min-width: 769px) {
  .width-20-pc {
    width: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .width-20-sp {
    width: 20px !important;
  }
}

.width-25 {
  width: 25px !important;
}

@media (min-width: 769px) {
  .width-25-pc {
    width: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .width-25-sp {
    width: 25px !important;
  }
}

.width-30 {
  width: 30px !important;
}

@media (min-width: 769px) {
  .width-30-pc {
    width: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .width-30-sp {
    width: 30px !important;
  }
}

.width-35 {
  width: 35px !important;
}

@media (min-width: 769px) {
  .width-35-pc {
    width: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .width-35-sp {
    width: 35px !important;
  }
}

.width-40 {
  width: 40px !important;
}

@media (min-width: 769px) {
  .width-40-pc {
    width: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .width-40-sp {
    width: 40px !important;
  }
}

.width-45 {
  width: 45px !important;
}

@media (min-width: 769px) {
  .width-45-pc {
    width: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .width-45-sp {
    width: 45px !important;
  }
}

.width-50 {
  width: 50px !important;
}

@media (min-width: 769px) {
  .width-50-pc {
    width: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .width-50-sp {
    width: 50px !important;
  }
}

.width-55 {
  width: 55px !important;
}

@media (min-width: 769px) {
  .width-55-pc {
    width: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .width-55-sp {
    width: 55px !important;
  }
}

.width-60 {
  width: 60px !important;
}

@media (min-width: 769px) {
  .width-60-pc {
    width: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .width-60-sp {
    width: 60px !important;
  }
}

.width-65 {
  width: 65px !important;
}

@media (min-width: 769px) {
  .width-65-pc {
    width: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .width-65-sp {
    width: 65px !important;
  }
}

.width-70 {
  width: 70px !important;
}

@media (min-width: 769px) {
  .width-70-pc {
    width: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .width-70-sp {
    width: 70px !important;
  }
}

.width-75 {
  width: 75px !important;
}

@media (min-width: 769px) {
  .width-75-pc {
    width: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .width-75-sp {
    width: 75px !important;
  }
}

.width-80 {
  width: 80px !important;
}

@media (min-width: 769px) {
  .width-80-pc {
    width: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .width-80-sp {
    width: 80px !important;
  }
}

.width-85 {
  width: 85px !important;
}

@media (min-width: 769px) {
  .width-85-pc {
    width: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .width-85-sp {
    width: 85px !important;
  }
}

.width-90 {
  width: 90px !important;
}

@media (min-width: 769px) {
  .width-90-pc {
    width: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .width-90-sp {
    width: 90px !important;
  }
}

.width-95 {
  width: 95px !important;
}

@media (min-width: 769px) {
  .width-95-pc {
    width: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .width-95-sp {
    width: 95px !important;
  }
}

.width-100 {
  width: 100px !important;
}

@media (min-width: 769px) {
  .width-100-pc {
    width: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .width-100-sp {
    width: 100px !important;
  }
}

.width-105 {
  width: 105px !important;
}

@media (min-width: 769px) {
  .width-105-pc {
    width: 105px !important;
  }
}

@media (max-width: 768.98px) {
  .width-105-sp {
    width: 105px !important;
  }
}

.width-110 {
  width: 110px !important;
}

@media (min-width: 769px) {
  .width-110-pc {
    width: 110px !important;
  }
}

@media (max-width: 768.98px) {
  .width-110-sp {
    width: 110px !important;
  }
}

.width-115 {
  width: 115px !important;
}

@media (min-width: 769px) {
  .width-115-pc {
    width: 115px !important;
  }
}

@media (max-width: 768.98px) {
  .width-115-sp {
    width: 115px !important;
  }
}

.width-120 {
  width: 120px !important;
}

@media (min-width: 769px) {
  .width-120-pc {
    width: 120px !important;
  }
}

@media (max-width: 768.98px) {
  .width-120-sp {
    width: 120px !important;
  }
}

.width-125 {
  width: 125px !important;
}

@media (min-width: 769px) {
  .width-125-pc {
    width: 125px !important;
  }
}

@media (max-width: 768.98px) {
  .width-125-sp {
    width: 125px !important;
  }
}

@media (min-width: 769px) {
  .width-126-pc {
    width: 126px !important;
  }
}

@media (max-width: 768.98px) {
  .width-126-sp {
    width: 126px !important;
  }
}

.width-130 {
  width: 130px !important;
}

@media (min-width: 769px) {
  .width-130-pc {
    width: 130px !important;
  }
}

@media (max-width: 768.98px) {
  .width-130-sp {
    width: 130px !important;
  }
}

.width-135 {
  width: 135px !important;
}

@media (min-width: 769px) {
  .width-135-pc {
    width: 135px !important;
  }
}

@media (max-width: 768.98px) {
  .width-135-sp {
    width: 135px !important;
  }
}

.width-140 {
  width: 140px !important;
}

@media (min-width: 769px) {
  .width-140-pc {
    width: 140px !important;
  }
}

@media (max-width: 768.98px) {
  .width-140-sp {
    width: 140px !important;
  }
}

.width-145 {
  width: 145px !important;
}

@media (min-width: 769px) {
  .width-145-pc {
    width: 145px !important;
  }
}

@media (max-width: 768.98px) {
  .width-145-sp {
    width: 145px !important;
  }
}

.width-150 {
  width: 150px !important;
}

@media (min-width: 769px) {
  .width-150-pc {
    width: 150px !important;
  }
}

@media (max-width: 768.98px) {
  .width-150-sp {
    width: 150px !important;
  }
}

.width-155 {
  width: 155px !important;
}

@media (min-width: 769px) {
  .width-155-pc {
    width: 155px !important;
  }
}

@media (max-width: 768.98px) {
  .width-155-sp {
    width: 155px !important;
  }
}

.width-160 {
  width: 160px !important;
}

@media (min-width: 769px) {
  .width-160-pc {
    width: 160px !important;
  }
}

@media (max-width: 768.98px) {
  .width-160-sp {
    width: 160px !important;
  }
}

.width-165 {
  width: 165px !important;
}

@media (min-width: 769px) {
  .width-165-pc {
    width: 165px !important;
  }
}

@media (max-width: 768.98px) {
  .width-165-sp {
    width: 165px !important;
  }
}

.width-170 {
  width: 170px !important;
}

@media (min-width: 769px) {
  .width-170-pc {
    width: 170px !important;
  }
}

@media (max-width: 768.98px) {
  .width-170-sp {
    width: 170px !important;
  }
}

.width-175 {
  width: 175px !important;
}

@media (min-width: 769px) {
  .width-175-pc {
    width: 175px !important;
  }
}

@media (max-width: 768.98px) {
  .width-175-sp {
    width: 175px !important;
  }
}

.width-180 {
  width: 180px !important;
}

@media (min-width: 769px) {
  .width-180-pc {
    width: 180px !important;
  }
}

@media (max-width: 768.98px) {
  .width-180-sp {
    width: 180px !important;
  }
}

.width-185 {
  width: 185px !important;
}

@media (min-width: 769px) {
  .width-185-pc {
    width: 185px !important;
  }
}

@media (max-width: 768.98px) {
  .width-185-sp {
    width: 185px !important;
  }
}

.width-190 {
  width: 190px !important;
}

@media (min-width: 769px) {
  .width-190-pc {
    width: 190px !important;
  }
}

@media (max-width: 768.98px) {
  .width-190-sp {
    width: 190px !important;
  }
}

.width-195 {
  width: 195px !important;
}

@media (min-width: 769px) {
  .width-195-pc {
    width: 195px !important;
  }
}

@media (max-width: 768.98px) {
  .width-195-sp {
    width: 195px !important;
  }
}

.width-200 {
  width: 200px !important;
}

@media (min-width: 769px) {
  .width-200-pc {
    width: 200px !important;
  }
}

@media (max-width: 768.98px) {
  .width-200-sp {
    width: 200px !important;
  }
}

.width-205 {
  width: 205px !important;
}

@media (min-width: 769px) {
  .width-205-pc {
    width: 205px !important;
  }
}

@media (max-width: 768.98px) {
  .width-205-sp {
    width: 205px !important;
  }
}

.width-210 {
  width: 210px !important;
}

@media (min-width: 769px) {
  .width-210-pc {
    width: 210px !important;
  }
}

@media (max-width: 768.98px) {
  .width-210-sp {
    width: 210px !important;
  }
}

.width-215 {
  width: 215px !important;
}

@media (min-width: 769px) {
  .width-215-pc {
    width: 215px !important;
  }
}

@media (max-width: 768.98px) {
  .width-215-sp {
    width: 215px !important;
  }
}

.width-220 {
  width: 220px !important;
}

@media (min-width: 769px) {
  .width-220-pc {
    width: 220px !important;
  }
}

@media (max-width: 768.98px) {
  .width-220-sp {
    width: 220px !important;
  }
}

.width-225 {
  width: 225px !important;
}

@media (min-width: 769px) {
  .width-225-pc {
    width: 225px !important;
  }
}

@media (max-width: 768.98px) {
  .width-225-sp {
    width: 225px !important;
  }
}

.width-230 {
  width: 230px !important;
}

@media (min-width: 769px) {
  .width-230-pc {
    width: 230px !important;
  }
}

@media (max-width: 768.98px) {
  .width-230-sp {
    width: 230px !important;
  }
}

.width-235 {
  width: 235px !important;
}

@media (min-width: 769px) {
  .width-235-pc {
    width: 235px !important;
  }
}

@media (max-width: 768.98px) {
  .width-235-sp {
    width: 235px !important;
  }
}

.width-240 {
  width: 240px !important;
}

@media (min-width: 769px) {
  .width-240-pc {
    width: 240px !important;
  }
}

@media (max-width: 768.98px) {
  .width-240-sp {
    width: 240px !important;
  }
}

.width-245 {
  width: 245px !important;
}

@media (min-width: 769px) {
  .width-245-pc {
    width: 245px !important;
  }
}

@media (max-width: 768.98px) {
  .width-245-sp {
    width: 245px !important;
  }
}

.width-250 {
  width: 250px !important;
}

@media (min-width: 769px) {
  .width-250-pc {
    width: 250px !important;
  }
}

@media (max-width: 768.98px) {
  .width-250-sp {
    width: 250px !important;
  }
}

.width-255 {
  width: 255px !important;
}

@media (min-width: 769px) {
  .width-255-pc {
    width: 255px !important;
  }
}

@media (max-width: 768.98px) {
  .width-255-sp {
    width: 255px !important;
  }
}

.width-260 {
  width: 260px !important;
}

@media (min-width: 769px) {
  .width-260-pc {
    width: 260px !important;
  }
}

@media (max-width: 768.98px) {
  .width-260-sp {
    width: 260px !important;
  }
}

.width-265 {
  width: 265px !important;
}

@media (min-width: 769px) {
  .width-265-pc {
    width: 265px !important;
  }
}

@media (max-width: 768.98px) {
  .width-265-sp {
    width: 265px !important;
  }
}

.width-270 {
  width: 270px !important;
}

@media (min-width: 769px) {
  .width-270-pc {
    width: 270px !important;
  }
}

@media (max-width: 768.98px) {
  .width-270-sp {
    width: 270px !important;
  }
}

.width-275 {
  width: 275px !important;
}

@media (min-width: 769px) {
  .width-275-pc {
    width: 275px !important;
  }
}

@media (max-width: 768.98px) {
  .width-275-sp {
    width: 275px !important;
  }
}

.width-280 {
  width: 280px !important;
}

@media (min-width: 769px) {
  .width-280-pc {
    width: 280px !important;
  }
}

@media (max-width: 768.98px) {
  .width-280-sp {
    width: 280px !important;
  }
}

.width-285 {
  width: 285px !important;
}

@media (min-width: 769px) {
  .width-285-pc {
    width: 285px !important;
  }
}

@media (max-width: 768.98px) {
  .width-285-sp {
    width: 285px !important;
  }
}

.width-290 {
  width: 290px !important;
}

@media (min-width: 769px) {
  .width-290-pc {
    width: 290px !important;
  }
}

@media (max-width: 768.98px) {
  .width-290-sp {
    width: 290px !important;
  }
}

.width-295 {
  width: 295px !important;
}

@media (min-width: 769px) {
  .width-295-pc {
    width: 295px !important;
  }
}

@media (max-width: 768.98px) {
  .width-295-sp {
    width: 295px !important;
  }
}

.width-298 {
  width: 298px !important;
}

@media (min-width: 769px) {
  .width-298-pc {
    width: 298px !important;
  }
}

@media (max-width: 768.98px) {
  .width-298-sp {
    width: 298px !important;
  }
}

.width-300 {
  width: 300px !important;
}

@media (min-width: 769px) {
  .width-300-pc {
    width: 300px !important;
  }
}

@media (max-width: 768.98px) {
  .width-300-sp {
    width: 300px !important;
  }
}

.width-305 {
  width: 305px !important;
}

@media (min-width: 769px) {
  .width-305-pc {
    width: 305px !important;
  }
}

@media (max-width: 768.98px) {
  .width-305-sp {
    width: 305px !important;
  }
}

.width-310 {
  width: 310px !important;
}

@media (min-width: 769px) {
  .width-310-pc {
    width: 310px !important;
  }
}

@media (max-width: 768.98px) {
  .width-310-sp {
    width: 310px !important;
  }
}

.width-315 {
  width: 315px !important;
}

@media (min-width: 769px) {
  .width-315-pc {
    width: 315px !important;
  }
}

@media (max-width: 768.98px) {
  .width-315-sp {
    width: 315px !important;
  }
}

.width-320 {
  width: 320px !important;
}

@media (min-width: 769px) {
  .width-320-pc {
    width: 320px !important;
  }
}

@media (max-width: 768.98px) {
  .width-320-sp {
    width: 320px !important;
  }
}

.width-325 {
  width: 325px !important;
}

@media (min-width: 769px) {
  .width-325-pc {
    width: 325px !important;
  }
}

@media (max-width: 768.98px) {
  .width-325-sp {
    width: 325px !important;
  }
}

.width-330 {
  width: 330px !important;
}

@media (min-width: 769px) {
  .width-330-pc {
    width: 330px !important;
  }
}

@media (max-width: 768.98px) {
  .width-330-sp {
    width: 330px !important;
  }
}

.width-335 {
  width: 335px !important;
}

@media (min-width: 769px) {
  .width-335-pc {
    width: 335px !important;
  }
}

@media (max-width: 768.98px) {
  .width-335-sp {
    width: 335px !important;
  }
}

.width-340 {
  width: 340px !important;
}

@media (min-width: 769px) {
  .width-340-pc {
    width: 340px !important;
  }
}

@media (max-width: 768.98px) {
  .width-340-sp {
    width: 340px !important;
  }
}

.width-345 {
  width: 345px !important;
}

@media (min-width: 769px) {
  .width-345-pc {
    width: 345px !important;
  }
}

@media (max-width: 768.98px) {
  .width-345-sp {
    width: 345px !important;
  }
}

.width-350 {
  width: 350px !important;
}

@media (min-width: 769px) {
  .width-350-pc {
    width: 350px !important;
  }
}

@media (max-width: 768.98px) {
  .width-350-sp {
    width: 350px !important;
  }
}

.width-355 {
  width: 355px !important;
}

@media (min-width: 769px) {
  .width-355-pc {
    width: 355px !important;
  }
}

@media (max-width: 768.98px) {
  .width-355-sp {
    width: 355px !important;
  }
}

.width-360 {
  width: 360px !important;
}

@media (min-width: 769px) {
  .width-360-pc {
    width: 360px !important;
  }
}

@media (max-width: 768.98px) {
  .width-360-sp {
    width: 360px !important;
  }
}

.width-365 {
  width: 365px !important;
}

@media (min-width: 769px) {
  .width-365-pc {
    width: 365px !important;
  }
}

@media (max-width: 768.98px) {
  .width-365-sp {
    width: 365px !important;
  }
}

.width-370 {
  width: 370px !important;
}

@media (min-width: 769px) {
  .width-370-pc {
    width: 370px !important;
  }
}

@media (max-width: 768.98px) {
  .width-370-sp {
    width: 370px !important;
  }
}

.width-375 {
  width: 375px !important;
}

@media (min-width: 769px) {
  .width-375-pc {
    width: 375px !important;
  }
}

@media (max-width: 768.98px) {
  .width-375-sp {
    width: 375px !important;
  }
}

.width-380 {
  width: 380px !important;
}

@media (min-width: 769px) {
  .width-380-pc {
    width: 380px !important;
  }
}

@media (max-width: 768.98px) {
  .width-380-sp {
    width: 380px !important;
  }
}

.width-385 {
  width: 385px !important;
}

@media (min-width: 769px) {
  .width-385-pc {
    width: 385px !important;
  }
}

@media (max-width: 768.98px) {
  .width-385-sp {
    width: 385px !important;
  }
}

.width-390 {
  width: 390px !important;
}

@media (min-width: 769px) {
  .width-390-pc {
    width: 390px !important;
  }
}

@media (max-width: 768.98px) {
  .width-390-sp {
    width: 390px !important;
  }
}

.width-395 {
  width: 395px !important;
}

@media (min-width: 769px) {
  .width-395-pc {
    width: 395px !important;
  }
}

@media (max-width: 768.98px) {
  .width-395-sp {
    width: 395px !important;
  }
}

.width-400 {
  width: 400px !important;
}

@media (min-width: 769px) {
  .width-400-pc {
    width: 400px !important;
  }
}

@media (max-width: 768.98px) {
  .width-400-sp {
    width: 400px !important;
  }
}

.width-405 {
  width: 405px !important;
}

@media (min-width: 769px) {
  .width-405-pc {
    width: 405px !important;
  }
}

@media (max-width: 768.98px) {
  .width-405-sp {
    width: 405px !important;
  }
}

.width-410 {
  width: 410px !important;
}

@media (min-width: 769px) {
  .width-410-pc {
    width: 410px !important;
  }
}

@media (max-width: 768.98px) {
  .width-410-sp {
    width: 410px !important;
  }
}

.width-415 {
  width: 415px !important;
}

@media (min-width: 769px) {
  .width-415-pc {
    width: 415px !important;
  }
}

@media (max-width: 768.98px) {
  .width-415-sp {
    width: 415px !important;
  }
}

.width-420 {
  width: 420px !important;
}

@media (min-width: 769px) {
  .width-420-pc {
    width: 420px !important;
  }
}

@media (max-width: 768.98px) {
  .width-420-sp {
    width: 420px !important;
  }
}

.width-425 {
  width: 425px !important;
}

@media (min-width: 769px) {
  .width-425-pc {
    width: 425px !important;
  }
}

@media (max-width: 768.98px) {
  .width-425-sp {
    width: 425px !important;
  }
}

.width-430 {
  width: 430px !important;
}

@media (min-width: 769px) {
  .width-430-pc {
    width: 430px !important;
  }
}

@media (max-width: 768.98px) {
  .width-430-sp {
    width: 430px !important;
  }
}

.width-435 {
  width: 435px !important;
}

@media (min-width: 769px) {
  .width-435-pc {
    width: 435px !important;
  }
}

@media (max-width: 768.98px) {
  .width-435-sp {
    width: 435px !important;
  }
}

.width-437 {
  width: 437px !important;
}

@media (min-width: 769px) {
  .width-437-pc {
    width: 437px !important;
  }
}

@media (max-width: 768.98px) {
  .width-437-sp {
    width: 437px !important;
  }
}

.width-440 {
  width: 440px !important;
}

@media (min-width: 769px) {
  .width-440-pc {
    width: 440px !important;
  }
}

@media (max-width: 768.98px) {
  .width-440-sp {
    width: 440px !important;
  }
}

.width-445 {
  width: 445px !important;
}

@media (min-width: 769px) {
  .width-445-pc {
    width: 445px !important;
  }
}

@media (max-width: 768.98px) {
  .width-445-sp {
    width: 445px !important;
  }
}

.width-450 {
  width: 450px !important;
}

@media (min-width: 769px) {
  .width-450-pc {
    width: 450px !important;
  }
}

@media (max-width: 768.98px) {
  .width-450-sp {
    width: 450px !important;
  }
}

.width-455 {
  width: 455px !important;
}

@media (min-width: 769px) {
  .width-455-pc {
    width: 455px !important;
  }
}

@media (max-width: 768.98px) {
  .width-455-sp {
    width: 455px !important;
  }
}

.width-460 {
  width: 460px !important;
}

@media (min-width: 769px) {
  .width-460-pc {
    width: 460px !important;
  }
}

@media (max-width: 768.98px) {
  .width-460-sp {
    width: 460px !important;
  }
}

.width-465 {
  width: 465px !important;
}

@media (min-width: 769px) {
  .width-465-pc {
    width: 465px !important;
  }
}

@media (max-width: 768.98px) {
  .width-465-sp {
    width: 465px !important;
  }
}

.width-470 {
  width: 470px !important;
}

@media (min-width: 769px) {
  .width-470-pc {
    width: 470px !important;
  }
}

@media (max-width: 768.98px) {
  .width-470-sp {
    width: 470px !important;
  }
}

.width-475 {
  width: 475px !important;
}

@media (min-width: 769px) {
  .width-475-pc {
    width: 475px !important;
  }
}

@media (max-width: 768.98px) {
  .width-475-sp {
    width: 475px !important;
  }
}

.width-480 {
  width: 480px !important;
}

@media (min-width: 769px) {
  .width-480-pc {
    width: 480px !important;
  }
}

@media (max-width: 768.98px) {
  .width-480-sp {
    width: 480px !important;
  }
}

.width-485 {
  width: 485px !important;
}

@media (min-width: 769px) {
  .width-485-pc {
    width: 485px !important;
  }
}

@media (max-width: 768.98px) {
  .width-485-sp {
    width: 485px !important;
  }
}

.width-490 {
  width: 490px !important;
}

@media (min-width: 769px) {
  .width-490-pc {
    width: 490px !important;
  }
}

@media (max-width: 768.98px) {
  .width-490-sp {
    width: 490px !important;
  }
}

.width-495 {
  width: 495px !important;
}

@media (min-width: 769px) {
  .width-495-pc {
    width: 495px !important;
  }
}

@media (max-width: 768.98px) {
  .width-495-sp {
    width: 495px !important;
  }
}

.width-500 {
  width: 500px !important;
}

@media (min-width: 769px) {
  .width-500-pc {
    width: 500px !important;
  }
}

@media (max-width: 768.98px) {
  .width-500-sp {
    width: 500px !important;
  }
}

.width-0p {
  width: 0% !important;
}

@media (min-width: 769px) {
  .width-0p-pc {
    width: 0% !important;
  }
}

@media (max-width: 768.98px) {
  .width-0p-sp {
    width: 0% !important;
  }
}

.width-5p {
  width: 5% !important;
}

@media (min-width: 769px) {
  .width-5p-pc {
    width: 5% !important;
  }
}

@media (max-width: 768.98px) {
  .width-5p-sp {
    width: 5% !important;
  }
}

.width-10p {
  width: 10% !important;
}

@media (min-width: 769px) {
  .width-10p-pc {
    width: 10% !important;
  }
}

@media (max-width: 768.98px) {
  .width-10p-sp {
    width: 10% !important;
  }
}

.width-15p {
  width: 15% !important;
}

@media (min-width: 769px) {
  .width-15p-pc {
    width: 15% !important;
  }
}

@media (max-width: 768.98px) {
  .width-15p-sp {
    width: 15% !important;
  }
}

.width-20p {
  width: 20% !important;
}

@media (min-width: 769px) {
  .width-20p-pc {
    width: 20% !important;
  }
}

@media (max-width: 768.98px) {
  .width-20p-sp {
    width: 20% !important;
  }
}

.width-25p {
  width: 25% !important;
}

@media (min-width: 769px) {
  .width-25p-pc {
    width: 25% !important;
  }
}

@media (max-width: 768.98px) {
  .width-25p-sp {
    width: 25% !important;
  }
}

.width-30p {
  width: 30% !important;
}

@media (min-width: 769px) {
  .width-30p-pc {
    width: 30% !important;
  }
}

@media (max-width: 768.98px) {
  .width-30p-sp {
    width: 30% !important;
  }
}

.width-35p {
  width: 35% !important;
}

@media (min-width: 769px) {
  .width-35p-pc {
    width: 35% !important;
  }
}

@media (max-width: 768.98px) {
  .width-35p-sp {
    width: 35% !important;
  }
}

.width-40p {
  width: 40% !important;
}

@media (min-width: 769px) {
  .width-40p-pc {
    width: 40% !important;
  }
}

@media (max-width: 768.98px) {
  .width-40p-sp {
    width: 40% !important;
  }
}

.width-45p {
  width: 45% !important;
}

@media (min-width: 769px) {
  .width-45p-pc {
    width: 45% !important;
  }
}

@media (max-width: 768.98px) {
  .width-45p-sp {
    width: 45% !important;
  }
}

.width-50p {
  width: 50% !important;
}

@media (min-width: 769px) {
  .width-50p-pc {
    width: 50% !important;
  }
}

@media (max-width: 768.98px) {
  .width-50p-sp {
    width: 50% !important;
  }
}

.width-55p {
  width: 55% !important;
}

@media (min-width: 769px) {
  .width-55p-pc {
    width: 55% !important;
  }
}

@media (max-width: 768.98px) {
  .width-55p-sp {
    width: 55% !important;
  }
}

.width-60p {
  width: 60% !important;
}

@media (min-width: 769px) {
  .width-60p-pc {
    width: 60% !important;
  }
}

@media (max-width: 768.98px) {
  .width-60p-sp {
    width: 60% !important;
  }
}

.width-65p {
  width: 65% !important;
}

@media (min-width: 769px) {
  .width-65p-pc {
    width: 65% !important;
  }
}

@media (max-width: 768.98px) {
  .width-65p-sp {
    width: 65% !important;
  }
}

.width-70p {
  width: 70% !important;
}

@media (min-width: 769px) {
  .width-70p-pc {
    width: 70% !important;
  }
}

@media (max-width: 768.98px) {
  .width-70p-sp {
    width: 70% !important;
  }
}

.width-75p {
  width: 75% !important;
}

@media (min-width: 769px) {
  .width-75p-pc {
    width: 75% !important;
  }
}

@media (max-width: 768.98px) {
  .width-75p-sp {
    width: 75% !important;
  }
}

.width-80p {
  width: 80% !important;
}

@media (min-width: 769px) {
  .width-80p-pc {
    width: 80% !important;
  }
}

@media (max-width: 768.98px) {
  .width-80p-sp {
    width: 80% !important;
  }
}

.width-85p {
  width: 85% !important;
}

@media (min-width: 769px) {
  .width-85p-pc {
    width: 85% !important;
  }
}

@media (max-width: 768.98px) {
  .width-85p-sp {
    width: 85% !important;
  }
}

.width-90p {
  width: 90% !important;
}

@media (min-width: 769px) {
  .width-90p-pc {
    width: 90% !important;
  }
}

@media (max-width: 768.98px) {
  .width-90p-sp {
    width: 90% !important;
  }
}

.width-95p {
  width: 95% !important;
}

@media (min-width: 769px) {
  .width-95p-pc {
    width: 95% !important;
  }
}

@media (max-width: 768.98px) {
  .width-95p-sp {
    width: 95% !important;
  }
}

.width-100p {
  width: 100% !important;
}

@media (min-width: 769px) {
  .width-100p-pc {
    width: 100% !important;
  }
}

@media (max-width: 768.98px) {
  .width-100p-sp {
    width: 100% !important;
  }
}

.width-285 {
  width: 285px !important;
}

@media (min-width: 769px) {
  .width-285-pc {
    width: 285px !important;
  }
}

@media (max-width: 768.98px) {
  .width-285-sp {
    width: 285px !important;
  }
}

.width-354 {
  width: 354px !important;
}

@media (min-width: 769px) {
  .width-354-pc {
    width: 354px !important;
  }
}

@media (max-width: 768.98px) {
  .width-354-sp {
    width: 354px !important;
  }
}

.width-421 {
  width: 421px !important;
}

@media (min-width: 421px) {
  .width-421-pc {
    width: 421px !important;
  }
}

@media (max-width: 768.98px) {
  .width-421-sp {
    width: 421px !important;
  }
}

.height-0 {
  height: 0px !important;
}

@media (min-width: 769px) {
  .height-0-pc {
    height: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .height-0-sp {
    height: 0px !important;
  }
}

.height-5 {
  height: 5px !important;
}

@media (min-width: 769px) {
  .height-5-pc {
    height: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .height-5-sp {
    height: 5px !important;
  }
}

.height-10 {
  height: 10px !important;
}

@media (min-width: 769px) {
  .height-10-pc {
    height: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .height-10-sp {
    height: 10px !important;
  }
}

.height-15 {
  height: 15px !important;
}

@media (min-width: 769px) {
  .height-15-pc {
    height: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .height-15-sp {
    height: 15px !important;
  }
}

.height-20 {
  height: 20px !important;
}

@media (min-width: 769px) {
  .height-20-pc {
    height: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .height-20-sp {
    height: 20px !important;
  }
}

.height-25 {
  height: 25px !important;
}

@media (min-width: 769px) {
  .height-25-pc {
    height: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .height-25-sp {
    height: 25px !important;
  }
}

.height-30 {
  height: 30px !important;
}

@media (min-width: 769px) {
  .height-30-pc {
    height: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .height-30-sp {
    height: 30px !important;
  }
}

.height-35 {
  height: 35px !important;
}

@media (min-width: 769px) {
  .height-35-pc {
    height: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .height-35-sp {
    height: 35px !important;
  }
}

.height-40 {
  height: 40px !important;
}

@media (min-width: 769px) {
  .height-40-pc {
    height: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .height-40-sp {
    height: 40px !important;
  }
}

.height-45 {
  height: 45px !important;
}

@media (min-width: 769px) {
  .height-45-pc {
    height: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .height-45-sp {
    height: 45px !important;
  }
}

.height-50 {
  height: 50px !important;
}

@media (min-width: 769px) {
  .height-50-pc {
    height: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .height-50-sp {
    height: 50px !important;
  }
}

.height-55 {
  height: 55px !important;
}

@media (min-width: 769px) {
  .height-55-pc {
    height: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .height-55-sp {
    height: 55px !important;
  }
}

.height-60 {
  height: 60px !important;
}

@media (min-width: 769px) {
  .height-60-pc {
    height: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .height-60-sp {
    height: 60px !important;
  }
}

.height-65 {
  height: 65px !important;
}

@media (min-width: 769px) {
  .height-65-pc {
    height: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .height-65-sp {
    height: 65px !important;
  }
}

.height-70 {
  height: 70px !important;
}

@media (min-width: 769px) {
  .height-70-pc {
    height: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .height-70-sp {
    height: 70px !important;
  }
}

.height-75 {
  height: 75px !important;
}

@media (min-width: 769px) {
  .height-75-pc {
    height: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .height-75-sp {
    height: 75px !important;
  }
}

.height-80 {
  height: 80px !important;
}

@media (min-width: 769px) {
  .height-80-pc {
    height: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .height-80-sp {
    height: 80px !important;
  }
}

.height-85 {
  height: 85px !important;
}

@media (min-width: 769px) {
  .height-85-pc {
    height: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .height-85-sp {
    height: 85px !important;
  }
}

.height-90 {
  height: 90px !important;
}

@media (min-width: 769px) {
  .height-90-pc {
    height: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .height-90-sp {
    height: 90px !important;
  }
}

.height-95 {
  height: 95px !important;
}

@media (min-width: 769px) {
  .height-95-pc {
    height: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .height-95-sp {
    height: 95px !important;
  }
}

.height-100 {
  height: 100px !important;
}

@media (min-width: 769px) {
  .height-100-pc {
    height: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .height-100-sp {
    height: 100px !important;
  }
}

.height-105 {
  height: 105px !important;
}

@media (min-width: 769px) {
  .height-105-pc {
    height: 105px !important;
  }
}

@media (max-width: 768.98px) {
  .height-105-sp {
    height: 105px !important;
  }
}

.height-110 {
  height: 110px !important;
}

@media (min-width: 769px) {
  .height-110-pc {
    height: 110px !important;
  }
}

@media (max-width: 768.98px) {
  .height-110-sp {
    height: 110px !important;
  }
}

.height-115 {
  height: 115px !important;
}

@media (min-width: 769px) {
  .height-115-pc {
    height: 115px !important;
  }
}

@media (max-width: 768.98px) {
  .height-115-sp {
    height: 115px !important;
  }
}

.height-120 {
  height: 120px !important;
}

@media (min-width: 769px) {
  .height-120-pc {
    height: 120px !important;
  }
}

@media (max-width: 768.98px) {
  .height-120-sp {
    height: 120px !important;
  }
}

.height-125 {
  height: 125px !important;
}

@media (min-width: 769px) {
  .height-125-pc {
    height: 125px !important;
  }
}

@media (max-width: 768.98px) {
  .height-125-sp {
    height: 125px !important;
  }
}

.height-130 {
  height: 130px !important;
}

@media (min-width: 769px) {
  .height-130-pc {
    height: 130px !important;
  }
}

@media (max-width: 768.98px) {
  .height-130-sp {
    height: 130px !important;
  }
}

.height-135 {
  height: 135px !important;
}

@media (min-width: 769px) {
  .height-135-pc {
    height: 135px !important;
  }
}

@media (max-width: 768.98px) {
  .height-135-sp {
    height: 135px !important;
  }
}

.height-140 {
  height: 140px !important;
}

@media (min-width: 769px) {
  .height-140-pc {
    height: 140px !important;
  }
}

@media (max-width: 768.98px) {
  .height-140-sp {
    height: 140px !important;
  }
}

.height-145 {
  height: 145px !important;
}

@media (min-width: 769px) {
  .height-145-pc {
    height: 145px !important;
  }
}

@media (max-width: 768.98px) {
  .height-145-sp {
    height: 145px !important;
  }
}

.height-150 {
  height: 150px !important;
}

@media (min-width: 769px) {
  .height-150-pc {
    height: 150px !important;
  }
}

@media (max-width: 768.98px) {
  .height-150-sp {
    height: 150px !important;
  }
}

.height-155 {
  height: 155px !important;
}

@media (min-width: 769px) {
  .height-155-pc {
    height: 155px !important;
  }
}

@media (max-width: 768.98px) {
  .height-155-sp {
    height: 155px !important;
  }
}

.height-160 {
  height: 160px !important;
}

@media (min-width: 769px) {
  .height-160-pc {
    height: 160px !important;
  }
}

@media (max-width: 768.98px) {
  .height-160-sp {
    height: 160px !important;
  }
}

.height-165 {
  height: 165px !important;
}

@media (min-width: 769px) {
  .height-165-pc {
    height: 165px !important;
  }
}

@media (max-width: 768.98px) {
  .height-165-sp {
    height: 165px !important;
  }
}

.height-170 {
  height: 170px !important;
}

@media (min-width: 769px) {
  .height-170-pc {
    height: 170px !important;
  }
}

@media (max-width: 768.98px) {
  .height-170-sp {
    height: 170px !important;
  }
}

.height-175 {
  height: 175px !important;
}

@media (min-width: 769px) {
  .height-175-pc {
    height: 175px !important;
  }
}

@media (max-width: 768.98px) {
  .height-175-sp {
    height: 175px !important;
  }
}

.height-180 {
  height: 180px !important;
}

@media (min-width: 769px) {
  .height-180-pc {
    height: 180px !important;
  }
}

@media (max-width: 768.98px) {
  .height-180-sp {
    height: 180px !important;
  }
}

.height-185 {
  height: 185px !important;
}

@media (min-width: 769px) {
  .height-185-pc {
    height: 185px !important;
  }
}

@media (max-width: 768.98px) {
  .height-185-sp {
    height: 185px !important;
  }
}

.height-190 {
  height: 190px !important;
}

@media (min-width: 769px) {
  .height-190-pc {
    height: 190px !important;
  }
}

@media (max-width: 768.98px) {
  .height-190-sp {
    height: 190px !important;
  }
}

.height-195 {
  height: 195px !important;
}

@media (min-width: 769px) {
  .height-195-pc {
    height: 195px !important;
  }
}

@media (max-width: 768.98px) {
  .height-195-sp {
    height: 195px !important;
  }
}

.height-200 {
  height: 200px !important;
}

@media (min-width: 769px) {
  .height-200-pc {
    height: 200px !important;
  }
}

@media (max-width: 768.98px) {
  .height-200-sp {
    height: 200px !important;
  }
}

.height-205 {
  height: 205px !important;
}

@media (min-width: 769px) {
  .height-205-pc {
    height: 205px !important;
  }
}

@media (max-width: 768.98px) {
  .height-205-sp {
    height: 205px !important;
  }
}

.height-210 {
  height: 210px !important;
}

@media (min-width: 769px) {
  .height-210-pc {
    height: 210px !important;
  }
}

@media (max-width: 768.98px) {
  .height-210-sp {
    height: 210px !important;
  }
}

.height-215 {
  height: 215px !important;
}

@media (min-width: 769px) {
  .height-215-pc {
    height: 215px !important;
  }
}

@media (max-width: 768.98px) {
  .height-215-sp {
    height: 215px !important;
  }
}

.height-220 {
  height: 220px !important;
}

@media (min-width: 769px) {
  .height-220-pc {
    height: 220px !important;
  }
}

@media (max-width: 768.98px) {
  .height-220-sp {
    height: 220px !important;
  }
}

.height-225 {
  height: 225px !important;
}

@media (min-width: 769px) {
  .height-225-pc {
    height: 225px !important;
  }
}

@media (max-width: 768.98px) {
  .height-225-sp {
    height: 225px !important;
  }
}

.height-230 {
  height: 230px !important;
}

@media (min-width: 769px) {
  .height-230-pc {
    height: 230px !important;
  }
}

@media (max-width: 768.98px) {
  .height-230-sp {
    height: 230px !important;
  }
}

.height-235 {
  height: 235px !important;
}

@media (min-width: 769px) {
  .height-235-pc {
    height: 235px !important;
  }
}

@media (max-width: 768.98px) {
  .height-235-sp {
    height: 235px !important;
  }
}

.height-240 {
  height: 240px !important;
}

@media (min-width: 769px) {
  .height-240-pc {
    height: 240px !important;
  }
}

@media (max-width: 768.98px) {
  .height-240-sp {
    height: 240px !important;
  }
}

.height-245 {
  height: 245px !important;
}

@media (min-width: 769px) {
  .height-245-pc {
    height: 245px !important;
  }
}

@media (max-width: 768.98px) {
  .height-245-sp {
    height: 245px !important;
  }
}

.height-250 {
  height: 250px !important;
}

@media (min-width: 769px) {
  .height-250-pc {
    height: 250px !important;
  }
}

@media (max-width: 768.98px) {
  .height-250-sp {
    height: 250px !important;
  }
}

.height-255 {
  height: 255px !important;
}

@media (min-width: 769px) {
  .height-255-pc {
    height: 255px !important;
  }
}

@media (max-width: 768.98px) {
  .height-255-sp {
    height: 255px !important;
  }
}

.height-260 {
  height: 260px !important;
}

@media (min-width: 769px) {
  .height-260-pc {
    height: 260px !important;
  }
}

@media (max-width: 768.98px) {
  .height-260-sp {
    height: 260px !important;
  }
}

.height-265 {
  height: 265px !important;
}

@media (min-width: 769px) {
  .height-265-pc {
    height: 265px !important;
  }
}

@media (max-width: 768.98px) {
  .height-265-sp {
    height: 265px !important;
  }
}

.height-270 {
  height: 270px !important;
}

@media (min-width: 769px) {
  .height-270-pc {
    height: 270px !important;
  }
}

@media (max-width: 768.98px) {
  .height-270-sp {
    height: 270px !important;
  }
}

.height-275 {
  height: 275px !important;
}

@media (min-width: 769px) {
  .height-275-pc {
    height: 275px !important;
  }
}

@media (max-width: 768.98px) {
  .height-275-sp {
    height: 275px !important;
  }
}

.height-280 {
  height: 280px !important;
}

@media (min-width: 769px) {
  .height-280-pc {
    height: 280px !important;
  }
}

@media (max-width: 768.98px) {
  .height-280-sp {
    height: 280px !important;
  }
}

.height-285 {
  height: 285px !important;
}

@media (min-width: 769px) {
  .height-285-pc {
    height: 285px !important;
  }
}

@media (max-width: 768.98px) {
  .height-285-sp {
    height: 285px !important;
  }
}

.height-290 {
  height: 290px !important;
}

@media (min-width: 769px) {
  .height-290-pc {
    height: 290px !important;
  }
}

@media (max-width: 768.98px) {
  .height-290-sp {
    height: 290px !important;
  }
}

.height-295 {
  height: 295px !important;
}

@media (min-width: 769px) {
  .height-295-pc {
    height: 295px !important;
  }
}

@media (max-width: 768.98px) {
  .height-295-sp {
    height: 295px !important;
  }
}

.height-300 {
  height: 300px !important;
}

@media (min-width: 769px) {
  .height-300-pc {
    height: 300px !important;
  }
}

@media (max-width: 768.98px) {
  .height-300-sp {
    height: 300px !important;
  }
}

.height-305 {
  height: 305px !important;
}

@media (min-width: 769px) {
  .height-305-pc {
    height: 305px !important;
  }
}

@media (max-width: 768.98px) {
  .height-305-sp {
    height: 305px !important;
  }
}

.height-310 {
  height: 310px !important;
}

@media (min-width: 769px) {
  .height-310-pc {
    height: 310px !important;
  }
}

@media (max-width: 768.98px) {
  .height-310-sp {
    height: 310px !important;
  }
}

.height-315 {
  height: 315px !important;
}

@media (min-width: 769px) {
  .height-315-pc {
    height: 315px !important;
  }
}

@media (max-width: 768.98px) {
  .height-315-sp {
    height: 315px !important;
  }
}

.height-320 {
  height: 320px !important;
}

@media (min-width: 769px) {
  .height-320-pc {
    height: 320px !important;
  }
}

@media (max-width: 768.98px) {
  .height-320-sp {
    height: 320px !important;
  }
}

.height-325 {
  height: 325px !important;
}

@media (min-width: 769px) {
  .height-325-pc {
    height: 325px !important;
  }
}

@media (max-width: 768.98px) {
  .height-325-sp {
    height: 325px !important;
  }
}

.height-330 {
  height: 330px !important;
}

@media (min-width: 769px) {
  .height-330-pc {
    height: 330px !important;
  }
}

@media (max-width: 768.98px) {
  .height-330-sp {
    height: 330px !important;
  }
}

.height-335 {
  height: 335px !important;
}

@media (min-width: 769px) {
  .height-335-pc {
    height: 335px !important;
  }
}

@media (max-width: 768.98px) {
  .height-335-sp {
    height: 335px !important;
  }
}

.height-340 {
  height: 340px !important;
}

@media (min-width: 769px) {
  .height-340-pc {
    height: 340px !important;
  }
}

@media (max-width: 768.98px) {
  .height-340-sp {
    height: 340px !important;
  }
}

.height-345 {
  height: 345px !important;
}

@media (min-width: 769px) {
  .height-345-pc {
    height: 345px !important;
  }
}

@media (max-width: 768.98px) {
  .height-345-sp {
    height: 345px !important;
  }
}

.height-350 {
  height: 350px !important;
}

@media (min-width: 769px) {
  .height-350-pc {
    height: 350px !important;
  }
}

@media (max-width: 768.98px) {
  .height-350-sp {
    height: 350px !important;
  }
}

.height-355 {
  height: 355px !important;
}

@media (min-width: 769px) {
  .height-355-pc {
    height: 355px !important;
  }
}

@media (max-width: 768.98px) {
  .height-355-sp {
    height: 355px !important;
  }
}

.height-360 {
  height: 360px !important;
}

@media (min-width: 769px) {
  .height-360-pc {
    height: 360px !important;
  }
}

@media (max-width: 768.98px) {
  .height-360-sp {
    height: 360px !important;
  }
}

.height-365 {
  height: 365px !important;
}

@media (min-width: 769px) {
  .height-365-pc {
    height: 365px !important;
  }
}

@media (max-width: 768.98px) {
  .height-365-sp {
    height: 365px !important;
  }
}

.height-370 {
  height: 370px !important;
}

@media (min-width: 769px) {
  .height-370-pc {
    height: 370px !important;
  }
}

@media (max-width: 768.98px) {
  .height-370-sp {
    height: 370px !important;
  }
}

.height-375 {
  height: 375px !important;
}

@media (min-width: 769px) {
  .height-375-pc {
    height: 375px !important;
  }
}

@media (max-width: 768.98px) {
  .height-375-sp {
    height: 375px !important;
  }
}

.height-380 {
  height: 380px !important;
}

@media (min-width: 769px) {
  .height-380-pc {
    height: 380px !important;
  }
}

@media (max-width: 768.98px) {
  .height-380-sp {
    height: 380px !important;
  }
}

.height-385 {
  height: 385px !important;
}

@media (min-width: 769px) {
  .height-385-pc {
    height: 385px !important;
  }
}

@media (max-width: 768.98px) {
  .height-385-sp {
    height: 385px !important;
  }
}

.height-390 {
  height: 390px !important;
}

@media (min-width: 769px) {
  .height-390-pc {
    height: 390px !important;
  }
}

@media (max-width: 768.98px) {
  .height-390-sp {
    height: 390px !important;
  }
}

.height-395 {
  height: 395px !important;
}

@media (min-width: 769px) {
  .height-395-pc {
    height: 395px !important;
  }
}

@media (max-width: 768.98px) {
  .height-395-sp {
    height: 395px !important;
  }
}

.height-400 {
  height: 400px !important;
}

@media (min-width: 769px) {
  .height-400-pc {
    height: 400px !important;
  }
}

@media (max-width: 768.98px) {
  .height-400-sp {
    height: 400px !important;
  }
}

.height-405 {
  height: 405px !important;
}

@media (min-width: 769px) {
  .height-405-pc {
    height: 405px !important;
  }
}

@media (max-width: 768.98px) {
  .height-405-sp {
    height: 405px !important;
  }
}

.height-410 {
  height: 410px !important;
}

@media (min-width: 769px) {
  .height-410-pc {
    height: 410px !important;
  }
}

@media (max-width: 768.98px) {
  .height-410-sp {
    height: 410px !important;
  }
}

.height-415 {
  height: 415px !important;
}

@media (min-width: 769px) {
  .height-415-pc {
    height: 415px !important;
  }
}

@media (max-width: 768.98px) {
  .height-415-sp {
    height: 415px !important;
  }
}

.height-420 {
  height: 420px !important;
}

@media (min-width: 769px) {
  .height-420-pc {
    height: 420px !important;
  }
}

@media (max-width: 768.98px) {
  .height-420-sp {
    height: 420px !important;
  }
}

.height-425 {
  height: 425px !important;
}

@media (min-width: 769px) {
  .height-425-pc {
    height: 425px !important;
  }
}

@media (max-width: 768.98px) {
  .height-425-sp {
    height: 425px !important;
  }
}

.height-430 {
  height: 430px !important;
}

@media (min-width: 769px) {
  .height-430-pc {
    height: 430px !important;
  }
}

@media (max-width: 768.98px) {
  .height-430-sp {
    height: 430px !important;
  }
}

.height-435 {
  height: 435px !important;
}

@media (min-width: 769px) {
  .height-435-pc {
    height: 435px !important;
  }
}

@media (max-width: 768.98px) {
  .height-435-sp {
    height: 435px !important;
  }
}

.height-440 {
  height: 440px !important;
}

@media (min-width: 769px) {
  .height-440-pc {
    height: 440px !important;
  }
}

@media (max-width: 768.98px) {
  .height-440-sp {
    height: 440px !important;
  }
}

.height-445 {
  height: 445px !important;
}

@media (min-width: 769px) {
  .height-445-pc {
    height: 445px !important;
  }
}

@media (max-width: 768.98px) {
  .height-445-sp {
    height: 445px !important;
  }
}

.height-450 {
  height: 450px !important;
}

@media (min-width: 769px) {
  .height-450-pc {
    height: 450px !important;
  }
}

@media (max-width: 768.98px) {
  .height-450-sp {
    height: 450px !important;
  }
}

.height-455 {
  height: 455px !important;
}

@media (min-width: 769px) {
  .height-455-pc {
    height: 455px !important;
  }
}

@media (max-width: 768.98px) {
  .height-455-sp {
    height: 455px !important;
  }
}

.height-460 {
  height: 460px !important;
}

@media (min-width: 769px) {
  .height-460-pc {
    height: 460px !important;
  }
}

@media (max-width: 768.98px) {
  .height-460-sp {
    height: 460px !important;
  }
}

.height-465 {
  height: 465px !important;
}

@media (min-width: 769px) {
  .height-465-pc {
    height: 465px !important;
  }
}

@media (max-width: 768.98px) {
  .height-465-sp {
    height: 465px !important;
  }
}

.height-470 {
  height: 470px !important;
}

@media (min-width: 769px) {
  .height-470-pc {
    height: 470px !important;
  }
}

@media (max-width: 768.98px) {
  .height-470-sp {
    height: 470px !important;
  }
}

.height-475 {
  height: 475px !important;
}

@media (min-width: 769px) {
  .height-475-pc {
    height: 475px !important;
  }
}

@media (max-width: 768.98px) {
  .height-475-sp {
    height: 475px !important;
  }
}

.height-480 {
  height: 480px !important;
}

@media (min-width: 769px) {
  .height-480-pc {
    height: 480px !important;
  }
}

@media (max-width: 768.98px) {
  .height-480-sp {
    height: 480px !important;
  }
}

.height-485 {
  height: 485px !important;
}

@media (min-width: 769px) {
  .height-485-pc {
    height: 485px !important;
  }
}

@media (max-width: 768.98px) {
  .height-485-sp {
    height: 485px !important;
  }
}

.height-490 {
  height: 490px !important;
}

@media (min-width: 769px) {
  .height-490-pc {
    height: 490px !important;
  }
}

@media (max-width: 768.98px) {
  .height-490-sp {
    height: 490px !important;
  }
}

.height-495 {
  height: 495px !important;
}

@media (min-width: 769px) {
  .height-495-pc {
    height: 495px !important;
  }
}

@media (max-width: 768.98px) {
  .height-495-sp {
    height: 495px !important;
  }
}

.height-500 {
  height: 500px !important;
}

@media (min-width: 769px) {
  .height-500-pc {
    height: 500px !important;
  }
}

@media (max-width: 768.98px) {
  .height-500-sp {
    height: 500px !important;
  }
}

.height-0p {
  height: 0% !important;
}

@media (min-width: 769px) {
  .height-0p-pc {
    height: 0% !important;
  }
}

@media (max-width: 768.98px) {
  .height-0p-sp {
    height: 0% !important;
  }
}

.height-5p {
  height: 5% !important;
}

@media (min-width: 769px) {
  .height-5p-pc {
    height: 5% !important;
  }
}

@media (max-width: 768.98px) {
  .height-5p-sp {
    height: 5% !important;
  }
}

.height-10p {
  height: 10% !important;
}

@media (min-width: 769px) {
  .height-10p-pc {
    height: 10% !important;
  }
}

@media (max-width: 768.98px) {
  .height-10p-sp {
    height: 10% !important;
  }
}

.height-15p {
  height: 15% !important;
}

@media (min-width: 769px) {
  .height-15p-pc {
    height: 15% !important;
  }
}

@media (max-width: 768.98px) {
  .height-15p-sp {
    height: 15% !important;
  }
}

.height-20p {
  height: 20% !important;
}

@media (min-width: 769px) {
  .height-20p-pc {
    height: 20% !important;
  }
}

@media (max-width: 768.98px) {
  .height-20p-sp {
    height: 20% !important;
  }
}

.height-25p {
  height: 25% !important;
}

@media (min-width: 769px) {
  .height-25p-pc {
    height: 25% !important;
  }
}

@media (max-width: 768.98px) {
  .height-25p-sp {
    height: 25% !important;
  }
}

.height-30p {
  height: 30% !important;
}

@media (min-width: 769px) {
  .height-30p-pc {
    height: 30% !important;
  }
}

@media (max-width: 768.98px) {
  .height-30p-sp {
    height: 30% !important;
  }
}

.height-35p {
  height: 35% !important;
}

@media (min-width: 769px) {
  .height-35p-pc {
    height: 35% !important;
  }
}

@media (max-width: 768.98px) {
  .height-35p-sp {
    height: 35% !important;
  }
}

.height-40p {
  height: 40% !important;
}

@media (min-width: 769px) {
  .height-40p-pc {
    height: 40% !important;
  }
}

@media (max-width: 768.98px) {
  .height-40p-sp {
    height: 40% !important;
  }
}

.height-45p {
  height: 45% !important;
}

@media (min-width: 769px) {
  .height-45p-pc {
    height: 45% !important;
  }
}

@media (max-width: 768.98px) {
  .height-45p-sp {
    height: 45% !important;
  }
}

.height-50p {
  height: 50% !important;
}

@media (min-width: 769px) {
  .height-50p-pc {
    height: 50% !important;
  }
}

@media (max-width: 768.98px) {
  .height-50p-sp {
    height: 50% !important;
  }
}

.height-55p {
  height: 55% !important;
}

@media (min-width: 769px) {
  .height-55p-pc {
    height: 55% !important;
  }
}

@media (max-width: 768.98px) {
  .height-55p-sp {
    height: 55% !important;
  }
}

.height-60p {
  height: 60% !important;
}

@media (min-width: 769px) {
  .height-60p-pc {
    height: 60% !important;
  }
}

@media (max-width: 768.98px) {
  .height-60p-sp {
    height: 60% !important;
  }
}

.height-65p {
  height: 65% !important;
}

@media (min-width: 769px) {
  .height-65p-pc {
    height: 65% !important;
  }
}

@media (max-width: 768.98px) {
  .height-65p-sp {
    height: 65% !important;
  }
}

.height-70p {
  height: 70% !important;
}

@media (min-width: 769px) {
  .height-70p-pc {
    height: 70% !important;
  }
}

@media (max-width: 768.98px) {
  .height-70p-sp {
    height: 70% !important;
  }
}

.height-75p {
  height: 75% !important;
}

@media (min-width: 769px) {
  .height-75p-pc {
    height: 75% !important;
  }
}

@media (max-width: 768.98px) {
  .height-75p-sp {
    height: 75% !important;
  }
}

.height-80p {
  height: 80% !important;
}

@media (min-width: 769px) {
  .height-80p-pc {
    height: 80% !important;
  }
}

@media (max-width: 768.98px) {
  .height-80p-sp {
    height: 80% !important;
  }
}

.height-85p {
  height: 85% !important;
}

@media (min-width: 769px) {
  .height-85p-pc {
    height: 85% !important;
  }
}

@media (max-width: 768.98px) {
  .height-85p-sp {
    height: 85% !important;
  }
}

.height-90p {
  height: 90% !important;
}

@media (min-width: 769px) {
  .height-90p-pc {
    height: 90% !important;
  }
}

@media (max-width: 768.98px) {
  .height-90p-sp {
    height: 90% !important;
  }
}

.height-95p {
  height: 95% !important;
}

@media (min-width: 769px) {
  .height-95p-pc {
    height: 95% !important;
  }
}

@media (max-width: 768.98px) {
  .height-95p-sp {
    height: 95% !important;
  }
}

.height-100p {
  height: 100% !important;
}

@media (min-width: 769px) {
  .height-100p-pc {
    height: 100% !important;
  }
}

@media (max-width: 768.98px) {
  .height-100p-sp {
    height: 100% !important;
  }
}

.aspect-ratio-4-3 {
  aspect-ratio: 4 / 3 !important;
}

@media (min-width: 769px) {
  .aspect-ratio-4-3-pc {
    aspect-ratio: 4 / 3 !important;
  }
}

@media (max-width: 768.98px) {
  .aspect-ratio-4-3-sp {
    aspect-ratio: 4 / 3 !important;
  }
}

.aspect-ratio-16-9 {
  aspect-ratio: 16 / 9 !important;
}

@media (min-width: 769px) {
  .aspect-ratio-16-9-pc {
    aspect-ratio: 16 / 9 !important;
  }
}

@media (max-width: 768.98px) {
  .aspect-ratio-16-9-sp {
    aspect-ratio: 16 / 9 !important;
  }
}

.aspect-ratio-1-1 {
  aspect-ratio: 1 / 1 !important;
}

@media (min-width: 769px) {
  .aspect-ratio-1-1-pc {
    aspect-ratio: 1 / 1 !important;
  }
}

@media (max-width: 768.98px) {
  .aspect-ratio-1-1-sp {
    aspect-ratio: 1 / 1 !important;
  }
}

.margin-0 {
  margin: 0px !important;
}

@media (min-width: 769px) {
  .margin-0-pc {
    margin: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-0-sp {
    margin: 0px !important;
  }
}

.margin-5 {
  margin: 5px !important;
}

@media (min-width: 769px) {
  .margin-5-pc {
    margin: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-5-sp {
    margin: 5px !important;
  }
}

.margin-10 {
  margin: 10px !important;
}

@media (min-width: 769px) {
  .margin-10-pc {
    margin: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-10-sp {
    margin: 10px !important;
  }
}

.margin-15 {
  margin: 15px !important;
}

@media (min-width: 769px) {
  .margin-15-pc {
    margin: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-15-sp {
    margin: 15px !important;
  }
}

.margin-20 {
  margin: 20px !important;
}

@media (min-width: 769px) {
  .margin-20-pc {
    margin: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-20-sp {
    margin: 20px !important;
  }
}

.margin-25 {
  margin: 25px !important;
}

@media (min-width: 769px) {
  .margin-25-pc {
    margin: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-25-sp {
    margin: 25px !important;
  }
}

.margin-30 {
  margin: 30px !important;
}

@media (min-width: 769px) {
  .margin-30-pc {
    margin: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-30-sp {
    margin: 30px !important;
  }
}

.margin-35 {
  margin: 35px !important;
}

@media (min-width: 769px) {
  .margin-35-pc {
    margin: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-35-sp {
    margin: 35px !important;
  }
}

.margin-40 {
  margin: 40px !important;
}

@media (min-width: 769px) {
  .margin-40-pc {
    margin: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-40-sp {
    margin: 40px !important;
  }
}

.margin-45 {
  margin: 45px !important;
}

@media (min-width: 769px) {
  .margin-45-pc {
    margin: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-45-sp {
    margin: 45px !important;
  }
}

.margin-50 {
  margin: 50px !important;
}

@media (min-width: 769px) {
  .margin-50-pc {
    margin: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-50-sp {
    margin: 50px !important;
  }
}

.margin-55 {
  margin: 55px !important;
}

@media (min-width: 769px) {
  .margin-55-pc {
    margin: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-55-sp {
    margin: 55px !important;
  }
}

.margin-60 {
  margin: 60px !important;
}

@media (min-width: 769px) {
  .margin-60-pc {
    margin: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-60-sp {
    margin: 60px !important;
  }
}

.margin-65 {
  margin: 65px !important;
}

@media (min-width: 769px) {
  .margin-65-pc {
    margin: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-65-sp {
    margin: 65px !important;
  }
}

.margin-70 {
  margin: 70px !important;
}

@media (min-width: 769px) {
  .margin-70-pc {
    margin: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-70-sp {
    margin: 70px !important;
  }
}

.margin-75 {
  margin: 75px !important;
}

@media (min-width: 769px) {
  .margin-75-pc {
    margin: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-75-sp {
    margin: 75px !important;
  }
}

.margin-80 {
  margin: 80px !important;
}

@media (min-width: 769px) {
  .margin-80-pc {
    margin: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-80-sp {
    margin: 80px !important;
  }
}

.margin-85 {
  margin: 85px !important;
}

@media (min-width: 769px) {
  .margin-85-pc {
    margin: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-85-sp {
    margin: 85px !important;
  }
}

.margin-90 {
  margin: 90px !important;
}

@media (min-width: 769px) {
  .margin-90-pc {
    margin: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-90-sp {
    margin: 90px !important;
  }
}

.margin-95 {
  margin: 95px !important;
}

@media (min-width: 769px) {
  .margin-95-pc {
    margin: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-95-sp {
    margin: 95px !important;
  }
}

.margin-100 {
  margin: 100px !important;
}

@media (min-width: 769px) {
  .margin-100-pc {
    margin: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-100-sp {
    margin: 100px !important;
  }
}

.margin-auto {
  margin: auto !important;
}

@media (min-width: 769px) {
  .margin-auto-pc {
    margin: auto !important;
  }
}

@media (max-width: 768.98px) {
  .margin-auto-sp {
    margin: auto !important;
  }
}

.margin-top-0 {
  margin-top: 0px !important;
}

@media (min-width: 769px) {
  .margin-top-0-pc {
    margin-top: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-0-sp {
    margin-top: 0px !important;
  }
}

.margin-top-5 {
  margin-top: 5px !important;
}

@media (min-width: 769px) {
  .margin-top-5-pc {
    margin-top: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-5-sp {
    margin-top: 5px !important;
  }
}

.margin-top-10 {
  margin-top: 10px !important;
}

@media (min-width: 769px) {
  .margin-top-10-pc {
    margin-top: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-10-sp {
    margin-top: 10px !important;
  }
}

.margin-top-15 {
  margin-top: 15px !important;
}

@media (min-width: 769px) {
  .margin-top-15-pc {
    margin-top: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-15-sp {
    margin-top: 15px !important;
  }
}

.margin-top-20 {
  margin-top: 20px !important;
}

@media (min-width: 769px) {
  .margin-top-20-pc {
    margin-top: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-20-sp {
    margin-top: 20px !important;
  }
}

.margin-top-24 {
  margin-top: 24px !important;
}

@media (min-width: 769px) {
  .margin-top-24-pc {
    margin-top: 24px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-24-sp {
    margin-top: 24px !important;
  }
}

.margin-top-25 {
  margin-top: 25px !important;
}

@media (min-width: 769px) {
  .margin-top-25-pc {
    margin-top: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-25-sp {
    margin-top: 25px !important;
  }
}

.margin-top-30 {
  margin-top: 30px !important;
}

@media (min-width: 769px) {
  .margin-top-30-pc {
    margin-top: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-30-sp {
    margin-top: 30px !important;
  }
}

.margin-top-32 {
  margin-top: 32px !important;
}

@media (min-width: 769px) {
  .margin-top-32-pc {
    margin-top: 32px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-32-sp {
    margin-top: 32px !important;
  }
}

.margin-top-35 {
  margin-top: 35px !important;
}

@media (min-width: 769px) {
  .margin-top-35-pc {
    margin-top: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-35-sp {
    margin-top: 35px !important;
  }
}

.margin-top-40 {
  margin-top: 40px !important;
}

@media (min-width: 769px) {
  .margin-top-40-pc {
    margin-top: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-40-sp {
    margin-top: 40px !important;
  }
}

.margin-top-45 {
  margin-top: 45px !important;
}

@media (min-width: 769px) {
  .margin-top-45-pc {
    margin-top: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-45-sp {
    margin-top: 45px !important;
  }
}

.margin-top-48 {
  margin-top: 48px !important;
}

@media (min-width: 769px) {
  .margin-top-48-pc {
    margin-top: 48px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-48-sp {
    margin-top: 48px !important;
  }

  .margin-top-2-sp {
    margin-top: 2px !important;
  }

  .margin-bottom-7-sp {
    margin-bottom: 7px !important;
  }
}

.margin-top-50 {
  margin-top: 50px !important;
}

@media (min-width: 769px) {
  .margin-top-50-pc {
    margin-top: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-50-sp {
    margin-top: 50px !important;
  }
}

.margin-top-55 {
  margin-top: 55px !important;
}

@media (min-width: 769px) {
  .margin-top-55-pc {
    margin-top: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-55-sp {
    margin-top: 55px !important;
  }
}

.margin-top-60 {
  margin-top: 60px !important;
}

@media (min-width: 769px) {
  .margin-top-60-pc {
    margin-top: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-60-sp {
    margin-top: 60px !important;
  }
}

.margin-top-65 {
  margin-top: 65px !important;
}

@media (min-width: 769px) {
  .margin-top-65-pc {
    margin-top: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-65-sp {
    margin-top: 65px !important;
  }
}

.margin-top-70 {
  margin-top: 70px !important;
}

@media (min-width: 769px) {
  .margin-top-70-pc {
    margin-top: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-70-sp {
    margin-top: 70px !important;
  }
}

.margin-top-75 {
  margin-top: 75px !important;
}

@media (min-width: 769px) {
  .margin-top-75-pc {
    margin-top: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-75-sp {
    margin-top: 75px !important;
  }
}

.margin-top-80 {
  margin-top: 80px !important;
}

@media (min-width: 769px) {
  .margin-top-80-pc {
    margin-top: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-80-sp {
    margin-top: 80px !important;
  }
}

.margin-top-85 {
  margin-top: 85px !important;
}

@media (min-width: 769px) {
  .margin-top-85-pc {
    margin-top: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-85-sp {
    margin-top: 85px !important;
  }
}

.margin-top-90 {
  margin-top: 90px !important;
}

@media (min-width: 769px) {
  .margin-top-90-pc {
    margin-top: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-90-sp {
    margin-top: 90px !important;
  }
}

.margin-top-95 {
  margin-top: 95px !important;
}

@media (min-width: 769px) {
  .margin-top-95-pc {
    margin-top: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-95-sp {
    margin-top: 95px !important;
  }
}

.margin-top-100 {
  margin-top: 100px !important;
}

@media (min-width: 769px) {
  .margin-top-100-pc {
    margin-top: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-100-sp {
    margin-top: 100px !important;
  }
}

.margin-top-auto {
  margin-top: auto !important;
}

@media (min-width: 769px) {
  .margin-top-auto-pc {
    margin-top: auto !important;
  }
}

@media (max-width: 768.98px) {
  .margin-top-auto-sp {
    margin-top: auto !important;
  }
}

.margin-left-0 {
  margin-left: 0px !important;
}

@media (min-width: 769px) {
  .margin-left-0-pc {
    margin-left: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-0-sp {
    margin-left: 0px !important;
  }
}

.margin-left-5 {
  margin-left: 5px !important;
}

@media (min-width: 769px) {
  .margin-left-5-pc {
    margin-left: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-5-sp {
    margin-left: 5px !important;
  }
}

.margin-left-10 {
  margin-left: 10px !important;
}

@media (min-width: 769px) {
  .margin-left-10-pc {
    margin-left: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-10-sp {
    margin-left: 10px !important;
  }
}

.margin-left-15 {
  margin-left: 15px !important;
}

@media (min-width: 769px) {
  .margin-left-15-pc {
    margin-left: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-15-sp {
    margin-left: 15px !important;
  }
}

.margin-left-20 {
  margin-left: 20px !important;
}

@media (min-width: 769px) {
  .margin-left-20-pc {
    margin-left: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-20-sp {
    margin-left: 20px !important;
  }
}

.margin-left-25 {
  margin-left: 25px !important;
}

@media (min-width: 769px) {
  .margin-left-25-pc {
    margin-left: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-25-sp {
    margin-left: 25px !important;
  }
}

.margin-left-30 {
  margin-left: 30px !important;
}

@media (min-width: 769px) {
  .margin-left-30-pc {
    margin-left: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-30-sp {
    margin-left: 30px !important;
  }
}

.margin-left-35 {
  margin-left: 35px !important;
}

@media (min-width: 769px) {
  .margin-left-35-pc {
    margin-left: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-35-sp {
    margin-left: 35px !important;
  }
}

.margin-left-40 {
  margin-left: 40px !important;
}

@media (min-width: 769px) {
  .margin-left-40-pc {
    margin-left: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-40-sp {
    margin-left: 40px !important;
  }
}

.margin-left-45 {
  margin-left: 45px !important;
}

@media (min-width: 769px) {
  .margin-left-45-pc {
    margin-left: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-45-sp {
    margin-left: 45px !important;
  }
}

.margin-left-50 {
  margin-left: 50px !important;
}

@media (min-width: 769px) {
  .margin-left-50-pc {
    margin-left: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-50-sp {
    margin-left: 50px !important;
  }
}

.margin-left-55 {
  margin-left: 55px !important;
}

@media (min-width: 769px) {
  .margin-left-55-pc {
    margin-left: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-55-sp {
    margin-left: 55px !important;
  }
}

.margin-left-60 {
  margin-left: 60px !important;
}

@media (min-width: 769px) {
  .margin-left-60-pc {
    margin-left: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-60-sp {
    margin-left: 60px !important;
  }
}

.margin-left-65 {
  margin-left: 65px !important;
}

@media (min-width: 769px) {
  .margin-left-65-pc {
    margin-left: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-65-sp {
    margin-left: 65px !important;
  }
}

.margin-left-70 {
  margin-left: 70px !important;
}

@media (min-width: 769px) {
  .margin-left-70-pc {
    margin-left: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-70-sp {
    margin-left: 70px !important;
  }
}

.margin-left-75 {
  margin-left: 75px !important;
}

@media (min-width: 769px) {
  .margin-left-75-pc {
    margin-left: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-75-sp {
    margin-left: 75px !important;
  }
}

.margin-left-80 {
  margin-left: 80px !important;
}

@media (min-width: 769px) {
  .margin-left-80-pc {
    margin-left: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-80-sp {
    margin-left: 80px !important;
  }
}

.margin-left-85 {
  margin-left: 85px !important;
}

@media (min-width: 769px) {
  .margin-left-85-pc {
    margin-left: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-85-sp {
    margin-left: 85px !important;
  }
}

.margin-left-90 {
  margin-left: 90px !important;
}

@media (min-width: 769px) {
  .margin-left-90-pc {
    margin-left: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-90-sp {
    margin-left: 90px !important;
  }
}

.margin-left-95 {
  margin-left: 95px !important;
}

@media (min-width: 769px) {
  .margin-left-95-pc {
    margin-left: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-95-sp {
    margin-left: 95px !important;
  }
}

.margin-left-100 {
  margin-left: 100px !important;
}

@media (min-width: 769px) {
  .margin-left-100-pc {
    margin-left: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-100-sp {
    margin-left: 100px !important;
  }
}

.margin-left-auto {
  margin-left: auto !important;
}

@media (min-width: 769px) {
  .margin-left-auto-pc {
    margin-left: auto !important;
  }
}

@media (max-width: 768.98px) {
  .margin-left-auto-sp {
    margin-left: auto !important;
  }
}

.margin-right-0 {
  margin-right: 0px !important;
}

@media (min-width: 769px) {
  .margin-right-0-pc {
    margin-right: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-0-sp {
    margin-right: 0px !important;
  }
}

.margin-right-5 {
  margin-right: 5px !important;
}

@media (min-width: 769px) {
  .margin-right-5-pc {
    margin-right: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-5-sp {
    margin-right: 5px !important;
  }
}

.margin-right-10 {
  margin-right: 10px !important;
}

@media (min-width: 769px) {
  .margin-right-10-pc {
    margin-right: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-10-sp {
    margin-right: 10px !important;
  }
}

.margin-right-15 {
  margin-right: 15px !important;
}

@media (min-width: 769px) {
  .margin-right-15-pc {
    margin-right: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-15-sp {
    margin-right: 15px !important;
  }
}

.margin-right-20 {
  margin-right: 20px !important;
}

@media (min-width: 769px) {
  .margin-right-20-pc {
    margin-right: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-20-sp {
    margin-right: 20px !important;
  }
}

.margin-right-25 {
  margin-right: 25px !important;
}

@media (min-width: 769px) {
  .margin-right-25-pc {
    margin-right: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-25-sp {
    margin-right: 25px !important;
  }
}

.margin-right-30 {
  margin-right: 30px !important;
}

@media (min-width: 769px) {
  .margin-right-30-pc {
    margin-right: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-30-sp {
    margin-right: 30px !important;
  }
}

.margin-right-35 {
  margin-right: 35px !important;
}

@media (min-width: 769px) {
  .margin-right-35-pc {
    margin-right: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-35-sp {
    margin-right: 35px !important;
  }
}

.margin-right-40 {
  margin-right: 40px !important;
}

@media (min-width: 769px) {
  .margin-right-40-pc {
    margin-right: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-40-sp {
    margin-right: 40px !important;
  }
}

.margin-right-45 {
  margin-right: 45px !important;
}

@media (min-width: 769px) {
  .margin-right-45-pc {
    margin-right: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-45-sp {
    margin-right: 45px !important;
  }
}

.margin-right-50 {
  margin-right: 50px !important;
}

@media (min-width: 769px) {
  .margin-right-50-pc {
    margin-right: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-50-sp {
    margin-right: 50px !important;
  }
}

.margin-right-55 {
  margin-right: 55px !important;
}

@media (min-width: 769px) {
  .margin-right-55-pc {
    margin-right: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-55-sp {
    margin-right: 55px !important;
  }
}

.margin-right-60 {
  margin-right: 60px !important;
}

@media (min-width: 769px) {
  .margin-right-60-pc {
    margin-right: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-60-sp {
    margin-right: 60px !important;
  }
}

.margin-right-65 {
  margin-right: 65px !important;
}

@media (min-width: 769px) {
  .margin-right-65-pc {
    margin-right: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-65-sp {
    margin-right: 65px !important;
  }
}

.margin-right-70 {
  margin-right: 70px !important;
}

@media (min-width: 769px) {
  .margin-right-70-pc {
    margin-right: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-70-sp {
    margin-right: 70px !important;
  }
}

.margin-right-75 {
  margin-right: 75px !important;
}

@media (min-width: 769px) {
  .margin-right-75-pc {
    margin-right: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-75-sp {
    margin-right: 75px !important;
  }
}

.margin-right-80 {
  margin-right: 80px !important;
}

@media (min-width: 769px) {
  .margin-right-80-pc {
    margin-right: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-80-sp {
    margin-right: 80px !important;
  }
}

.margin-right-85 {
  margin-right: 85px !important;
}

@media (min-width: 769px) {
  .margin-right-85-pc {
    margin-right: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-85-sp {
    margin-right: 85px !important;
  }
}

.margin-right-90 {
  margin-right: 90px !important;
}

@media (min-width: 769px) {
  .margin-right-90-pc {
    margin-right: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-90-sp {
    margin-right: 90px !important;
  }
}

.margin-right-95 {
  margin-right: 95px !important;
}

@media (min-width: 769px) {
  .margin-right-95-pc {
    margin-right: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-95-sp {
    margin-right: 95px !important;
  }
}

.margin-right-100 {
  margin-right: 100px !important;
}

@media (min-width: 769px) {
  .margin-right-100-pc {
    margin-right: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-100-sp {
    margin-right: 100px !important;
  }
}

.margin-right-auto {
  margin-right: auto !important;
}

@media (min-width: 769px) {
  .margin-right-auto-pc {
    margin-right: auto !important;
  }
}

@media (max-width: 768.98px) {
  .margin-right-auto-sp {
    margin-right: auto !important;
  }
}

.margin-bottom-0 {
  margin-bottom: 0px !important;
}

@media (min-width: 769px) {
  .margin-bottom-0-pc {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-0-sp {
    margin-bottom: 0px !important;
  }
}

.margin-bottom-2 {
  margin-bottom: 2px !important;
}

.margin-bottom-4 {
  margin-bottom: 4px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

@media (min-width: 769px) {
  .margin-bottom-5-pc {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-5-sp {
    margin-bottom: 5px !important;
  }
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

@media (min-width: 769px) {
  .margin-bottom-10-pc {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-10-sp {
    margin-bottom: 10px !important;
  }
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

@media (min-width: 769px) {
  .margin-bottom-15-pc {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-15-sp {
    margin-bottom: 15px !important;
  }
}

.margin-bottom-20 {
  margin-bottom: 20px !important;
}

@media (min-width: 769px) {
  .margin-bottom-20-pc {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-20-sp {
    margin-bottom: 20px !important;
  }
}

.margin-bottom-25 {
  margin-bottom: 25px !important;
}

@media (min-width: 769px) {
  .margin-bottom-25-pc {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-25-sp {
    margin-bottom: 25px !important;
  }
}

.margin-bottom-30 {
  margin-bottom: 30px !important;
}

@media (min-width: 769px) {
  .margin-bottom-30-pc {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-30-sp {
    margin-bottom: 30px !important;
  }
}

.margin-bottom-35 {
  margin-bottom: 35px !important;
}

@media (min-width: 769px) {
  .margin-bottom-35-pc {
    margin-bottom: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-35-sp {
    margin-bottom: 35px !important;
  }
}

.margin-bottom-40 {
  margin-bottom: 40px !important;
}

@media (min-width: 769px) {
  .margin-bottom-40-pc {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-40-sp {
    margin-bottom: 40px !important;
  }
}

.margin-bottom-45 {
  margin-bottom: 45px !important;
}

@media (min-width: 769px) {
  .margin-bottom-45-pc {
    margin-bottom: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-45-sp {
    margin-bottom: 45px !important;
  }
}

.margin-bottom-48 {
  margin-bottom: 50px !important;
}

@media (max-width: 768.98px) {
  .margin-bottom-48-pc {
    margin-bottom: 48px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-48-sp {
    margin-bottom: 48px !important;
  }
}

.margin-bottom-50 {
  margin-bottom: 50px !important;
}

@media (min-width: 769px) {
  .margin-bottom-50-pc {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-50-sp {
    margin-bottom: 50px !important;
  }
}

.margin-bottom-55 {
  margin-bottom: 55px !important;
}

@media (min-width: 769px) {
  .margin-bottom-55-pc {
    margin-bottom: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-55-sp {
    margin-bottom: 55px !important;
  }
}

.margin-bottom-60 {
  margin-bottom: 60px !important;
}

@media (min-width: 769px) {
  .margin-bottom-60-pc {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-60-sp {
    margin-bottom: 60px !important;
  }
}

.margin-bottom-65 {
  margin-bottom: 65px !important;
}

@media (min-width: 769px) {
  .margin-bottom-65-pc {
    margin-bottom: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-65-sp {
    margin-bottom: 65px !important;
  }
}

.margin-bottom-70 {
  margin-bottom: 70px !important;
}

@media (min-width: 769px) {
  .margin-bottom-70-pc {
    margin-bottom: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-70-sp {
    margin-bottom: 70px !important;
  }
}

.margin-bottom-75 {
  margin-bottom: 75px !important;
}

@media (min-width: 769px) {
  .margin-bottom-75-pc {
    margin-bottom: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-75-sp {
    margin-bottom: 75px !important;
  }
}

.margin-bottom-80 {
  margin-bottom: 80px !important;
}

@media (min-width: 769px) {
  .margin-bottom-80-pc {
    margin-bottom: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-80-sp {
    margin-bottom: 80px !important;
  }
}

.margin-bottom-85 {
  margin-bottom: 85px !important;
}

@media (min-width: 769px) {
  .margin-bottom-85-pc {
    margin-bottom: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-85-sp {
    margin-bottom: 85px !important;
  }
}

.margin-bottom-90 {
  margin-bottom: 90px !important;
}

@media (min-width: 769px) {
  .margin-bottom-90-pc {
    margin-bottom: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-90-sp {
    margin-bottom: 90px !important;
  }
}

.margin-bottom-95 {
  margin-bottom: 95px !important;
}

@media (min-width: 769px) {
  .margin-bottom-95-pc {
    margin-bottom: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-95-sp {
    margin-bottom: 95px !important;
  }
}

.margin-bottom-100 {
  margin-bottom: 100px !important;
}

@media (min-width: 769px) {
  .margin-bottom-100-pc {
    margin-bottom: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-100-sp {
    margin-bottom: 100px !important;
  }
}

.margin-bottom-auto {
  margin-bottom: auto !important;
}

@media (min-width: 769px) {
  .margin-bottom-auto-pc {
    margin-bottom: auto !important;
  }
}

@media (max-width: 768.98px) {
  .margin-bottom-auto-sp {
    margin-bottom: auto !important;
  }
}

.padding-0 {
  padding: 0px !important;
}

@media (min-width: 769px) {
  .padding-0-pc {
    padding: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-0-sp {
    padding: 0px !important;
  }
}

.padding-5 {
  padding: 5px !important;
}

@media (min-width: 769px) {
  .padding-5-pc {
    padding: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-5-sp {
    padding: 5px !important;
  }
}

.padding-10 {
  padding: 10px !important;
}

@media (min-width: 769px) {
  .padding-10-pc {
    padding: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-10-sp {
    padding: 10px !important;
  }
}

.padding-15 {
  padding: 15px !important;
}

@media (min-width: 769px) {
  .padding-15-pc {
    padding: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-15-sp {
    padding: 15px !important;
  }
}

.padding-20 {
  padding: 20px !important;
}

@media (min-width: 769px) {
  .padding-20-pc {
    padding: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-20-sp {
    padding: 20px !important;
  }
}

.padding-25 {
  padding: 25px !important;
}

@media (min-width: 769px) {
  .padding-25-pc {
    padding: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-25-sp {
    padding: 25px !important;
  }
}

.padding-30 {
  padding: 30px !important;
}

@media (min-width: 769px) {
  .padding-30-pc {
    padding: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-30-sp {
    padding: 30px !important;
  }
}

.padding-35 {
  padding: 35px !important;
}

@media (min-width: 769px) {
  .padding-35-pc {
    padding: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-35-sp {
    padding: 35px !important;
  }
}

.padding-40 {
  padding: 40px !important;
}

@media (min-width: 769px) {
  .padding-40-pc {
    padding: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-40-sp {
    padding: 40px !important;
  }
}

.padding-45 {
  padding: 45px !important;
}

@media (min-width: 769px) {
  .padding-45-pc {
    padding: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-45-sp {
    padding: 45px !important;
  }
}

.padding-50 {
  padding: 50px !important;
}

@media (min-width: 769px) {
  .padding-50-pc {
    padding: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-50-sp {
    padding: 50px !important;
  }
}

.padding-55 {
  padding: 55px !important;
}

@media (min-width: 769px) {
  .padding-55-pc {
    padding: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-55-sp {
    padding: 55px !important;
  }
}

.padding-60 {
  padding: 60px !important;
}

@media (min-width: 769px) {
  .padding-60-pc {
    padding: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-60-sp {
    padding: 60px !important;
  }
}

.padding-65 {
  padding: 65px !important;
}

@media (min-width: 769px) {
  .padding-65-pc {
    padding: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-65-sp {
    padding: 65px !important;
  }
}

.padding-70 {
  padding: 70px !important;
}

@media (min-width: 769px) {
  .padding-70-pc {
    padding: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-70-sp {
    padding: 70px !important;
  }
}

.padding-75 {
  padding: 75px !important;
}

@media (min-width: 769px) {
  .padding-75-pc {
    padding: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-75-sp {
    padding: 75px !important;
  }
}

.padding-80 {
  padding: 80px !important;
}

@media (min-width: 769px) {
  .padding-80-pc {
    padding: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-80-sp {
    padding: 80px !important;
  }
}

.padding-85 {
  padding: 85px !important;
}

@media (min-width: 769px) {
  .padding-85-pc {
    padding: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-85-sp {
    padding: 85px !important;
  }
}

.padding-90 {
  padding: 90px !important;
}

@media (min-width: 769px) {
  .padding-90-pc {
    padding: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-90-sp {
    padding: 90px !important;
  }
}

.padding-95 {
  padding: 95px !important;
}

@media (min-width: 769px) {
  .padding-95-pc {
    padding: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-95-sp {
    padding: 95px !important;
  }
}

.padding-100 {
  padding: 100px !important;
}

@media (min-width: 769px) {
  .padding-100-pc {
    padding: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-100-sp {
    padding: 100px !important;
  }
}

.padding-top-0 {
  padding-top: 0px !important;
}

@media (min-width: 769px) {
  .padding-top-0-pc {
    padding-top: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-0-sp {
    padding-top: 0px !important;
  }
}

.padding-top-5 {
  padding-top: 5px !important;
}

@media (min-width: 769px) {
  .padding-top-5-pc {
    padding-top: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-5-sp {
    padding-top: 5px !important;
  }
}

.padding-top-10 {
  padding-top: 10px !important;
}

@media (min-width: 769px) {
  .padding-top-10-pc {
    padding-top: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-10-sp {
    padding-top: 10px !important;
  }
}

.padding-top-15 {
  padding-top: 15px !important;
}

@media (min-width: 769px) {
  .padding-top-15-pc {
    padding-top: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-15-sp {
    padding-top: 15px !important;
  }
}

.padding-top-20 {
  padding-top: 20px !important;
}

@media (min-width: 769px) {
  .padding-top-20-pc {
    padding-top: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-20-sp {
    padding-top: 20px !important;
  }
}

.padding-top-25 {
  padding-top: 25px !important;
}

@media (min-width: 769px) {
  .padding-top-25-pc {
    padding-top: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-25-sp {
    padding-top: 25px !important;
  }
}

.padding-top-30 {
  padding-top: 30px !important;
}

@media (min-width: 769px) {
  .padding-top-30-pc {
    padding-top: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-30-sp {
    padding-top: 30px !important;
  }
}

.padding-top-35 {
  padding-top: 35px !important;
}

@media (min-width: 769px) {
  .padding-top-35-pc {
    padding-top: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-35-sp {
    padding-top: 35px !important;
  }
}

.padding-top-40 {
  padding-top: 40px !important;
}

@media (min-width: 769px) {
  .padding-top-40-pc {
    padding-top: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-40-sp {
    padding-top: 40px !important;
  }
}

.padding-top-45 {
  padding-top: 45px !important;
}

@media (min-width: 769px) {
  .padding-top-45-pc {
    padding-top: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-45-sp {
    padding-top: 45px !important;
  }
}

.padding-top-48 {
  padding-top: 48px !important;
}

@media (min-width: 769px) {
  .padding-top-48-pc {
    padding-top: 48px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-48-sp {
    padding-top: 48px !important;
  }
}

.padding-top-50 {
  padding-top: 50px !important;
}

@media (min-width: 769px) {
  .padding-top-50-pc {
    padding-top: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-50-sp {
    padding-top: 50px !important;
  }
}

.padding-top-55 {
  padding-top: 55px !important;
}

@media (min-width: 769px) {
  .padding-top-55-pc {
    padding-top: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-55-sp {
    padding-top: 55px !important;
  }
}

.padding-top-60 {
  padding-top: 60px !important;
}

@media (min-width: 769px) {
  .padding-top-60-pc {
    padding-top: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-60-sp {
    padding-top: 60px !important;
  }
}

.padding-top-65 {
  padding-top: 65px !important;
}

@media (min-width: 769px) {
  .padding-top-65-pc {
    padding-top: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-65-sp {
    padding-top: 65px !important;
  }
}

.padding-top-70 {
  padding-top: 70px !important;
}

@media (min-width: 769px) {
  .padding-top-70-pc {
    padding-top: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-70-sp {
    padding-top: 70px !important;
  }
}

.padding-top-75 {
  padding-top: 75px !important;
}

@media (min-width: 769px) {
  .padding-top-75-pc {
    padding-top: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-75-sp {
    padding-top: 75px !important;
  }
}

.padding-top-80 {
  padding-top: 80px !important;
}

@media (min-width: 769px) {
  .padding-top-80-pc {
    padding-top: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-80-sp {
    padding-top: 80px !important;
  }
}

.padding-top-85 {
  padding-top: 85px !important;
}

@media (min-width: 769px) {
  .padding-top-85-pc {
    padding-top: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-85-sp {
    padding-top: 85px !important;
  }
}

.padding-top-90 {
  padding-top: 90px !important;
}

@media (min-width: 769px) {
  .padding-top-90-pc {
    padding-top: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-90-sp {
    padding-top: 90px !important;
  }
}

.padding-top-95 {
  padding-top: 95px !important;
}

@media (min-width: 769px) {
  .padding-top-95-pc {
    padding-top: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-95-sp {
    padding-top: 95px !important;
  }
}

.padding-top-100 {
  padding-top: 100px !important;
}

@media (min-width: 769px) {
  .padding-top-100-pc {
    padding-top: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-top-100-sp {
    padding-top: 100px !important;
  }
}

.padding-left-0 {
  padding-left: 0px !important;
}

@media (min-width: 769px) {
  .padding-left-0-pc {
    padding-left: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-0-sp {
    padding-left: 0px !important;
  }
}

.padding-left-5 {
  padding-left: 5px !important;
}

@media (min-width: 769px) {
  .padding-left-5-pc {
    padding-left: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-5-sp {
    padding-left: 5px !important;
  }
}

.padding-left-10 {
  padding-left: 10px !important;
}

@media (min-width: 769px) {
  .padding-left-10-pc {
    padding-left: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-10-sp {
    padding-left: 10px !important;
  }
}

.padding-left-15 {
  padding-left: 15px !important;
}

@media (min-width: 769px) {
  .padding-left-15-pc {
    padding-left: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-15-sp {
    padding-left: 15px !important;
  }
}

.padding-left-20 {
  padding-left: 20px !important;
}

@media (min-width: 769px) {
  .padding-left-20-pc {
    padding-left: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-20-sp {
    padding-left: 20px !important;
  }
}

.padding-left-25 {
  padding-left: 25px !important;
}

@media (min-width: 769px) {
  .padding-left-25-pc {
    padding-left: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-25-sp {
    padding-left: 25px !important;
  }
}

.padding-left-30 {
  padding-left: 30px !important;
}

@media (min-width: 769px) {
  .padding-left-30-pc {
    padding-left: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-30-sp {
    padding-left: 30px !important;
  }
}

.padding-left-35 {
  padding-left: 35px !important;
}

@media (min-width: 769px) {
  .padding-left-35-pc {
    padding-left: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-35-sp {
    padding-left: 35px !important;
  }
}

.padding-left-40 {
  padding-left: 40px !important;
}

@media (min-width: 769px) {
  .padding-left-40-pc {
    padding-left: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-40-sp {
    padding-left: 40px !important;
  }
}

.padding-left-45 {
  padding-left: 45px !important;
}

@media (min-width: 769px) {
  .padding-left-45-pc {
    padding-left: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-45-sp {
    padding-left: 45px !important;
  }
}

.padding-left-50 {
  padding-left: 50px !important;
}

@media (min-width: 769px) {
  .padding-left-50-pc {
    padding-left: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-50-sp {
    padding-left: 50px !important;
  }
}

.padding-left-55 {
  padding-left: 55px !important;
}

@media (min-width: 769px) {
  .padding-left-55-pc {
    padding-left: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-55-sp {
    padding-left: 55px !important;
  }
}

.padding-left-60 {
  padding-left: 60px !important;
}

@media (min-width: 769px) {
  .padding-left-60-pc {
    padding-left: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-60-sp {
    padding-left: 60px !important;
  }
}

.padding-left-65 {
  padding-left: 65px !important;
}

@media (min-width: 769px) {
  .padding-left-65-pc {
    padding-left: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-65-sp {
    padding-left: 65px !important;
  }
}

.padding-left-70 {
  padding-left: 70px !important;
}

@media (min-width: 769px) {
  .padding-left-70-pc {
    padding-left: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-70-sp {
    padding-left: 70px !important;
  }
}

.padding-left-75 {
  padding-left: 75px !important;
}

@media (min-width: 769px) {
  .padding-left-75-pc {
    padding-left: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-75-sp {
    padding-left: 75px !important;
  }
}

.padding-left-80 {
  padding-left: 80px !important;
}

@media (min-width: 769px) {
  .padding-left-80-pc {
    padding-left: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-80-sp {
    padding-left: 80px !important;
  }
}

.padding-left-85 {
  padding-left: 85px !important;
}

@media (min-width: 769px) {
  .padding-left-85-pc {
    padding-left: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-85-sp {
    padding-left: 85px !important;
  }
}

.padding-left-90 {
  padding-left: 90px !important;
}

@media (min-width: 769px) {
  .padding-left-90-pc {
    padding-left: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-90-sp {
    padding-left: 90px !important;
  }
}

.padding-left-95 {
  padding-left: 95px !important;
}

@media (min-width: 769px) {
  .padding-left-95-pc {
    padding-left: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-95-sp {
    padding-left: 95px !important;
  }
}

.padding-left-100 {
  padding-left: 100px !important;
}

@media (min-width: 769px) {
  .padding-left-100-pc {
    padding-left: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-left-100-sp {
    padding-left: 100px !important;
  }
}

.padding-right-0 {
  padding-right: 0px !important;
}

@media (min-width: 769px) {
  .padding-right-0-pc {
    padding-right: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-0-sp {
    padding-right: 0px !important;
  }
}

.padding-right-5 {
  padding-right: 5px !important;
}

@media (min-width: 769px) {
  .padding-right-5-pc {
    padding-right: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-5-sp {
    padding-right: 5px !important;
  }
}

.padding-right-10 {
  padding-right: 10px !important;
}

@media (min-width: 769px) {
  .padding-right-10-pc {
    padding-right: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-10-sp {
    padding-right: 10px !important;
  }
}

.padding-right-15 {
  padding-right: 15px !important;
}

@media (min-width: 769px) {
  .padding-right-15-pc {
    padding-right: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-15-sp {
    padding-right: 15px !important;
  }
}

.padding-right-20 {
  padding-right: 20px !important;
}

@media (min-width: 769px) {
  .padding-right-20-pc {
    padding-right: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-20-sp {
    padding-right: 20px !important;
  }
}

.padding-right-25 {
  padding-right: 25px !important;
}

@media (min-width: 769px) {
  .padding-right-25-pc {
    padding-right: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-25-sp {
    padding-right: 25px !important;
  }
}

.padding-right-30 {
  padding-right: 30px !important;
}

@media (min-width: 769px) {
  .padding-right-30-pc {
    padding-right: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-30-sp {
    padding-right: 30px !important;
  }
}

.padding-right-35 {
  padding-right: 35px !important;
}

@media (min-width: 769px) {
  .padding-right-35-pc {
    padding-right: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-35-sp {
    padding-right: 35px !important;
  }
}

.padding-right-40 {
  padding-right: 40px !important;
}

@media (min-width: 769px) {
  .padding-right-40-pc {
    padding-right: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-40-sp {
    padding-right: 40px !important;
  }
}

.padding-right-45 {
  padding-right: 45px !important;
}

@media (min-width: 769px) {
  .padding-right-45-pc {
    padding-right: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-45-sp {
    padding-right: 45px !important;
  }
}

.padding-right-50 {
  padding-right: 50px !important;
}

@media (min-width: 769px) {
  .padding-right-50-pc {
    padding-right: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-50-sp {
    padding-right: 50px !important;
  }
}

.padding-right-55 {
  padding-right: 55px !important;
}

@media (min-width: 769px) {
  .padding-right-55-pc {
    padding-right: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-55-sp {
    padding-right: 55px !important;
  }
}

.padding-right-60 {
  padding-right: 60px !important;
}

@media (min-width: 769px) {
  .padding-right-60-pc {
    padding-right: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-60-sp {
    padding-right: 60px !important;
  }
}

.padding-right-65 {
  padding-right: 65px !important;
}

@media (min-width: 769px) {
  .padding-right-65-pc {
    padding-right: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-65-sp {
    padding-right: 65px !important;
  }
}

.padding-right-70 {
  padding-right: 70px !important;
}

@media (min-width: 769px) {
  .padding-right-70-pc {
    padding-right: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-70-sp {
    padding-right: 70px !important;
  }
}

.padding-right-75 {
  padding-right: 75px !important;
}

@media (min-width: 769px) {
  .padding-right-75-pc {
    padding-right: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-75-sp {
    padding-right: 75px !important;
  }
}

.padding-right-80 {
  padding-right: 80px !important;
}

@media (min-width: 769px) {
  .padding-right-80-pc {
    padding-right: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-80-sp {
    padding-right: 80px !important;
  }
}

.padding-right-85 {
  padding-right: 85px !important;
}

@media (min-width: 769px) {
  .padding-right-85-pc {
    padding-right: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-85-sp {
    padding-right: 85px !important;
  }
}

.padding-right-90 {
  padding-right: 90px !important;
}

@media (min-width: 769px) {
  .padding-right-90-pc {
    padding-right: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-90-sp {
    padding-right: 90px !important;
  }
}

.padding-right-95 {
  padding-right: 95px !important;
}

@media (min-width: 769px) {
  .padding-right-95-pc {
    padding-right: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-95-sp {
    padding-right: 95px !important;
  }
}

.padding-right-100 {
  padding-right: 100px !important;
}

@media (min-width: 769px) {
  .padding-right-100-pc {
    padding-right: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-right-100-sp {
    padding-right: 100px !important;
  }
}

.padding-bottom-0 {
  padding-bottom: 0px !important;
}

@media (min-width: 769px) {
  .padding-bottom-0-pc {
    padding-bottom: 0px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-0-sp {
    padding-bottom: 0px !important;
  }
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

@media (min-width: 769px) {
  .padding-bottom-5-pc {
    padding-bottom: 5px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-5-sp {
    padding-bottom: 5px !important;
  }
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

@media (min-width: 769px) {
  .padding-bottom-10-pc {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-10-sp {
    padding-bottom: 10px !important;
  }
}

.padding-bottom-15 {
  padding-bottom: 15px !important;
}

@media (min-width: 769px) {
  .padding-bottom-15-pc {
    padding-bottom: 15px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-15-sp {
    padding-bottom: 15px !important;
  }
}

.padding-bottom-20 {
  padding-bottom: 20px !important;
}

@media (min-width: 769px) {
  .padding-bottom-20-pc {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-20-sp {
    padding-bottom: 20px !important;
  }
}

.padding-bottom-25 {
  padding-bottom: 25px !important;
}

@media (min-width: 769px) {
  .padding-bottom-25-pc {
    padding-bottom: 25px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-25-sp {
    padding-bottom: 25px !important;
  }
}

.padding-bottom-30 {
  padding-bottom: 30px !important;
}

@media (min-width: 769px) {
  .padding-bottom-30-pc {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-30-sp {
    padding-bottom: 30px !important;
  }
}

.padding-bottom-35 {
  padding-bottom: 35px !important;
}

@media (min-width: 769px) {
  .padding-bottom-35-pc {
    padding-bottom: 35px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-35-sp {
    padding-bottom: 35px !important;
  }
}

.padding-bottom-40 {
  padding-bottom: 40px !important;
}

@media (min-width: 769px) {
  .padding-bottom-40-pc {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-40-sp {
    padding-bottom: 40px !important;
  }
}

.padding-bottom-45 {
  padding-bottom: 45px !important;
}

@media (min-width: 769px) {
  .padding-bottom-45-pc {
    padding-bottom: 45px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-45-sp {
    padding-bottom: 45px !important;
  }
}

.padding-bottom-48 {
  padding-bottom: 50px !important;
}

@media (max-width: 768.98px) {
  .padding-bottom-48-pc {
    padding-bottom: 48px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-48-sp {
    padding-bottom: 48px !important;
  }
}

.padding-bottom-50 {
  padding-bottom: 50px !important;
}

@media (min-width: 769px) {
  .padding-bottom-50-pc {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-50-sp {
    padding-bottom: 50px !important;
  }
}

.padding-bottom-55 {
  padding-bottom: 55px !important;
}

@media (min-width: 769px) {
  .padding-bottom-55-pc {
    padding-bottom: 55px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-55-sp {
    padding-bottom: 55px !important;
  }
}

.padding-bottom-60 {
  padding-bottom: 60px !important;
}

@media (min-width: 769px) {
  .padding-bottom-60-pc {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-60-sp {
    padding-bottom: 60px !important;
  }
}

.padding-bottom-65 {
  padding-bottom: 65px !important;
}

@media (min-width: 769px) {
  .padding-bottom-65-pc {
    padding-bottom: 65px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-65-sp {
    padding-bottom: 65px !important;
  }
}

.padding-bottom-70 {
  padding-bottom: 70px !important;
}

@media (min-width: 769px) {
  .padding-bottom-70-pc {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-70-sp {
    padding-bottom: 70px !important;
  }
}

.padding-bottom-75 {
  padding-bottom: 75px !important;
}

@media (min-width: 769px) {
  .padding-bottom-75-pc {
    padding-bottom: 75px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-75-sp {
    padding-bottom: 75px !important;
  }
}

.padding-bottom-80 {
  padding-bottom: 80px !important;
}

@media (min-width: 769px) {
  .padding-bottom-80-pc {
    padding-bottom: 80px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-80-sp {
    padding-bottom: 80px !important;
  }
}

.padding-bottom-85 {
  padding-bottom: 85px !important;
}

@media (min-width: 769px) {
  .padding-bottom-85-pc {
    padding-bottom: 85px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-85-sp {
    padding-bottom: 85px !important;
  }
}

.padding-bottom-90 {
  padding-bottom: 90px !important;
}

@media (min-width: 769px) {
  .padding-bottom-90-pc {
    padding-bottom: 90px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-90-sp {
    padding-bottom: 90px !important;
  }
}

.padding-bottom-95 {
  padding-bottom: 95px !important;
}

@media (min-width: 769px) {
  .padding-bottom-95-pc {
    padding-bottom: 95px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-95-sp {
    padding-bottom: 95px !important;
  }
}

.padding-bottom-100 {
  padding-bottom: 100px !important;
}

@media (min-width: 769px) {
  .padding-bottom-100-pc {
    padding-bottom: 100px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-100-sp {
    padding-bottom: 100px !important;
  }
}

.padding-bottom-110 {
  padding-bottom: 110px !important;
}

@media (min-width: 769px) {
  .padding-bottom-110-pc {
    padding-bottom: 110px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-110-sp {
    padding-bottom: 110px !important;
  }
}

.padding-bottom-120 {
  padding-bottom: 120px !important;
}

@media (min-width: 769px) {
  .padding-bottom-120-pc {
    padding-bottom: 120px !important;
  }
}

@media (max-width: 768.98px) {
  .padding-bottom-120-sp {
    padding-bottom: 120px !important;
  }
}

.background-color-tos-black {
  background-color: #000 !important;
}

@media (min-width: 769px) {
  .background-color-tos-black-pc {
    background-color: #000 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-black-sp {
    background-color: #000 !important;
  }
}

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

@media (min-width: 769px) {
  .background-color-tos-white-pc {
    background-color: #fff !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-white-sp {
    background-color: #fff !important;
  }
}

.background-color-tos-red {
  background-color: #e61e1e !important;
}

@media (min-width: 769px) {
  .background-color-tos-red-pc {
    background-color: #e61e1e !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-red-sp {
    background-color: #e61e1e !important;
  }
}

.background-color-tos-blue {
  background-color: #0064d2 !important;
}

@media (min-width: 769px) {
  .background-color-tos-blue-pc {
    background-color: #0064d2 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-blue-sp {
    background-color: #0064d2 !important;
  }
}

.background-color-tos-orange {
  background-color: #fa9628 !important;
}

@media (min-width: 769px) {
  .background-color-tos-orange-pc {
    background-color: #fa9628 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-orange-sp {
    background-color: #fa9628 !important;
  }
}

.background-color-tos-teal {
  background-color: #50bebe !important;
}

@media (min-width: 769px) {
  .background-color-tos-teal-pc {
    background-color: #50bebe !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-teal-sp {
    background-color: #50bebe !important;
  }
}

.background-color-tos-cyan {
  background-color: #64afe1 !important;
}

@media (min-width: 769px) {
  .background-color-tos-cyan-pc {
    background-color: #64afe1 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-cyan-sp {
    background-color: #64afe1 !important;
  }
}

.background-color-tos-gray {
  background-color: #a0a0a5 !important;
}

@media (min-width: 769px) {
  .background-color-tos-gray-pc {
    background-color: #a0a0a5 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-gray-sp {
    background-color: #a0a0a5 !important;
  }
}

.background-color-tos-yellow {
  background-color: #fad737 !important;
}

@media (min-width: 769px) {
  .background-color-tos-yellow-pc {
    background-color: #fad737 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-yellow-sp {
    background-color: #fad737 !important;
  }
}

.background-color-tos-lavender {
  background-color: #af8cc8 !important;
}

@media (min-width: 769px) {
  .background-color-tos-lavender-pc {
    background-color: #af8cc8 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-lavender-sp {
    background-color: #af8cc8 !important;
  }
}

.background-color-tos-orange-dark {
  background-color: #b94b00 !important;
}

@media (min-width: 769px) {
  .background-color-tos-orange-dark-pc {
    background-color: #b94b00 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-orange-dark-sp {
    background-color: #b94b00 !important;
  }
}

.background-color-tos-teal-dark {
  background-color: #007580 !important;
}

@media (min-width: 769px) {
  .background-color-tos-teal-dark-pc {
    background-color: #007580 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-teal-dark-sp {
    background-color: #007580 !important;
  }
}

.background-color-tos-cyan-dark {
  background-color: #265c80 !important;
}

@media (min-width: 769px) {
  .background-color-tos-cyan-dark-pc {
    background-color: #265c80 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-cyan-dark-sp {
    background-color: #265c80 !important;
  }
}

.background-color-tos-gray-dark {
  background-color: #505054 !important;
}

@media (min-width: 769px) {
  .background-color-tos-gray-dark-pc {
    background-color: #505054 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-gray-dark-sp {
    background-color: #505054 !important;
  }
}

.background-color-tos-yellow-dark {
  background-color: #916e00 !important;
}

@media (min-width: 769px) {
  .background-color-tos-yellow-dark-pc {
    background-color: #916e00 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-yellow-dark-sp {
    background-color: #916e00 !important;
  }
}

.background-color-tos-lavender-dark {
  background-color: #644080 !important;
}

@media (min-width: 769px) {
  .background-color-tos-lavender-dark-pc {
    background-color: #644080 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-lavender-dark-sp {
    background-color: #644080 !important;
  }
}

.background-color-tos-orange-25 {
  background-color: #fee5C9 !important;
}

@media (min-width: 769px) {
  .background-color-tos-orange-25-pc {
    background-color: #fee5C9 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-orange-25-sp {
    background-color: #fee5C9 !important;
  }
}

.background-color-tos-orange-40 {
  background-color: #fdd5a9 !important;
}

@media (min-width: 769px) {
  .background-color-tos-orange-40-pc {
    background-color: #fdd5a9 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-orange-40-sp {
    background-color: #fdd5a9 !important;
  }
}

.background-color-tos-orange-55 {
  background-color: #fcc589 !important;
}

@media (min-width: 769px) {
  .background-color-tos-orange-55-pc {
    background-color: #fcc589 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-orange-55-sp {
    background-color: #fcc589 !important;
  }
}

.background-color-tos-orange-70 {
  background-color: #fcb669 !important;
}

@media (min-width: 769px) {
  .background-color-tos-orange-70-pc {
    background-color: #fcb669 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-orange-70-sp {
    background-color: #fcb669 !important;
  }
}

.background-color-tos-orange-85 {
  background-color: #fba648 !important;
}

@media (min-width: 769px) {
  .background-color-tos-orange-85-pc {
    background-color: #fba648 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-orange-85-sp {
    background-color: #fba648 !important;
  }
}

.background-color-tos-teal-25 {
  background-color: #d3efef !important;
}

@media (min-width: 769px) {
  .background-color-tos-teal-25-pc {
    background-color: #d3efef !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-teal-25-sp {
    background-color: #d3efef !important;
  }
}

.background-color-tos-teal-40 {
  background-color: #b9e5e5 !important;
}

@media (min-width: 769px) {
  .background-color-tos-teal-40-pc {
    background-color: #b9e5e5 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-teal-40-sp {
    background-color: #b9e5e5 !important;
  }
}

.background-color-tos-teal-55 {
  background-color: #9fdbdb !important;
}

@media (min-width: 769px) {
  .background-color-tos-teal-55-pc {
    background-color: #9fdbdb !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-teal-55-sp {
    background-color: #9fdbdb !important;
  }
}

.background-color-tos-teal-70 {
  background-color: #85d2d2 !important;
}

@media (min-width: 769px) {
  .background-color-tos-teal-70-pc {
    background-color: #85d2d2 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-teal-70-sp {
    background-color: #85d2d2 !important;
  }
}

.background-color-tos-teal-85 {
  background-color: #6ac8c8 !important;
}

@media (min-width: 769px) {
  .background-color-tos-teal-85-pc {
    background-color: #6ac8c8 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-teal-85-sp {
    background-color: #6ac8c8 !important;
  }
}

.background-color-tos-cyan-25 {
  background-color: #d8ebf7 !important;
}

@media (min-width: 769px) {
  .background-color-tos-cyan-25-pc {
    background-color: #d8ebf7 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-cyan-25-sp {
    background-color: #d8ebf7 !important;
  }
}

.background-color-tos-cyan-40 {
  background-color: #c1dff3 !important;
}

@media (min-width: 769px) {
  .background-color-tos-cyan-40-pc {
    background-color: #c1dff3 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-cyan-40-sp {
    background-color: #c1dff3 !important;
  }
}

.background-color-tos-cyan-55 {
  background-color: #aad3ef !important;
}

@media (min-width: 769px) {
  .background-color-tos-cyan-55-pc {
    background-color: #aad3ef !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-cyan-55-sp {
    background-color: #aad3ef !important;
  }
}

.background-color-tos-cyan-70 {
  background-color: #93c7ea !important;
}

@media (min-width: 769px) {
  .background-color-tos-cyan-70-pc {
    background-color: #93c7ea !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-cyan-70-sp {
    background-color: #93c7ea !important;
  }
}

.background-color-tos-cyan-85 {
  background-color: #7bbbe5 !important;
}

@media (min-width: 769px) {
  .background-color-tos-cyan-85-pc {
    background-color: #7bbbe5 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-cyan-85-sp {
    background-color: #7bbbe5 !important;
  }
}

.background-color-tos-gray-25 {
  background-color: #e7e7e8 !important;
}

@media (min-width: 769px) {
  .background-color-tos-gray-25-pc {
    background-color: #e7e7e8 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-gray-25-sp {
    background-color: #e7e7e8 !important;
  }
}

.background-color-tos-gray-40 {
  background-color: #d9d9dB !important;
}

@media (min-width: 769px) {
  .background-color-tos-gray-40-pc {
    background-color: #d9d9dB !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-gray-40-sp {
    background-color: #d9d9dB !important;
  }
}

.background-color-tos-gray-55 {
  background-color: #cbcbce !important;
}

@media (min-width: 769px) {
  .background-color-tos-gray-55-pc {
    background-color: #cbcbce !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-gray-55-sp {
    background-color: #cbcbce !important;
  }
}

.background-color-tos-gray-70 {
  background-color: #bdbdc0 !important;
}

@media (min-width: 769px) {
  .background-color-tos-gray-70-pc {
    background-color: #bdbdc0 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-gray-70-sp {
    background-color: #bdbdc0 !important;
  }
}

.background-color-tos-gray-85 {
  background-color: #aeaeb2 !important;
}

@media (min-width: 769px) {
  .background-color-tos-gray-85-pc {
    background-color: #aeaeb2 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-gray-85-sp {
    background-color: #aeaeb2 !important;
  }
}

.background-color-tos-yellow-25 {
  background-color: #fef5cd !important;
}

@media (min-width: 769px) {
  .background-color-tos-yellow-25-pc {
    background-color: #fef5cd !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-yellow-25-sp {
    background-color: #fef5cd !important;
  }
}

.background-color-tos-yellow-40 {
  background-color: #fdefaf !important;
}

@media (min-width: 769px) {
  .background-color-tos-yellow-40-pc {
    background-color: #fdefaf !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-yellow-40-sp {
    background-color: #fdefaf !important;
  }
}

.background-color-tos-yellow-55 {
  background-color: #fce991 !important;
}

@media (min-width: 769px) {
  .background-color-tos-yellow-55-pc {
    background-color: #fce991 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-yellow-55-sp {
    background-color: #fce991 !important;
  }
}

.background-color-tos-yellow-70 {
  background-color: #fce373 !important;
}

@media (min-width: 769px) {
  .background-color-tos-yellow-70-pc {
    background-color: #fce373 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-yellow-70-sp {
    background-color: #fce373 !important;
  }
}

.background-color-tos-yellow-85 {
  background-color: #fbdd55 !important;
}

@media (min-width: 769px) {
  .background-color-tos-yellow-85-pc {
    background-color: #fbdd55 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-yellow-85-sp {
    background-color: #fbdd55 !important;
  }
}

.background-color-tos-lavender-25 {
  background-color: #ebe2f1 !important;
}

@media (min-width: 769px) {
  .background-color-tos-lavender-25-pc {
    background-color: #ebe2f1 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-lavender-25-sp {
    background-color: #ebe2f1 !important;
  }
}

.background-color-tos-lavender-40 {
  background-color: #dfd1e9 !important;
}

@media (min-width: 769px) {
  .background-color-tos-lavender-40-pc {
    background-color: #dfd1e9 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-lavender-40-sp {
    background-color: #dfd1e9 !important;
  }
}

.background-color-tos-lavender-55 {
  background-color: #d3c0e1 !important;
}

@media (min-width: 769px) {
  .background-color-tos-lavender-55-pc {
    background-color: #d3c0e1 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-lavender-55-sp {
    background-color: #d3c0e1 !important;
  }
}

.background-color-tos-lavender-70 {
  background-color: #c7afd9 !important;
}

@media (min-width: 769px) {
  .background-color-tos-lavender-70-pc {
    background-color: #c7afd9 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-lavender-70-sp {
    background-color: #c7afd9 !important;
  }
}

.background-color-tos-lavender-85 {
  background-color: #bb9dd0 !important;
}

@media (min-width: 769px) {
  .background-color-tos-lavender-85-pc {
    background-color: #bb9dd0 !important;
  }
}

@media (max-width: 768.98px) {
  .background-color-tos-lavender-85-sp {
    background-color: #bb9dd0 !important;
  }
}

.color-tos-black {
  color: #000 !important;
}

@media (hover) {
  .color-tos-black-hover:hover {
    color: #000 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-black-pc {
    color: #000 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-black-pc-hover:hover {
    color: #000 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-black-sp {
    color: #000 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-black-sp-hover:hover {
    color: #000 !important;
  }
}

.color-tos-white {
  color: #fff !important;
}

@media (hover) {
  .color-tos-white-hover:hover {
    color: #fff !important;
  }
}

@media (min-width: 769px) {
  .color-tos-white-pc {
    color: #fff !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-white-pc-hover:hover {
    color: #fff !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-white-sp {
    color: #fff !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-white-sp-hover:hover {
    color: #fff !important;
  }
}

.color-tos-red {
  color: #e61e1e !important;
}

@media (hover) {
  .color-tos-red-hover:hover {
    color: #e61e1e !important;
  }
}

@media (min-width: 769px) {
  .color-tos-red-pc {
    color: #e61e1e !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-red-pc-hover:hover {
    color: #e61e1e !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-red-sp {
    color: #e61e1e !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-red-sp-hover:hover {
    color: #e61e1e !important;
  }
}

.color-tos-blue {
  color: #0064d2 !important;
}

@media (hover) {
  .color-tos-blue-hover:hover {
    color: #0064d2 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-blue-pc {
    color: #0064d2 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-blue-pc-hover:hover {
    color: #0064d2 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-blue-sp {
    color: #0064d2 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-blue-sp-hover:hover {
    color: #0064d2 !important;
  }
}

.color-tos-orange {
  color: #fa9628 !important;
}

@media (hover) {
  .color-tos-orange-hover:hover {
    color: #fa9628 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-orange-pc {
    color: #fa9628 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-orange-pc-hover:hover {
    color: #fa9628 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-orange-sp {
    color: #fa9628 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-orange-sp-hover:hover {
    color: #fa9628 !important;
  }
}

.color-tos-teal {
  color: #50bebe !important;
}

@media (hover) {
  .color-tos-teal-hover:hover {
    color: #50bebe !important;
  }
}

@media (min-width: 769px) {
  .color-tos-teal-pc {
    color: #50bebe !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-teal-pc-hover:hover {
    color: #50bebe !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-teal-sp {
    color: #50bebe !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-teal-sp-hover:hover {
    color: #50bebe !important;
  }
}

.color-tos-cyan {
  color: #64afe1 !important;
}

@media (hover) {
  .color-tos-cyan-hover:hover {
    color: #64afe1 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-cyan-pc {
    color: #64afe1 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-cyan-pc-hover:hover {
    color: #64afe1 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-cyan-sp {
    color: #64afe1 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-cyan-sp-hover:hover {
    color: #64afe1 !important;
  }
}

.color-tos-gray {
  color: #a0a0a5 !important;
}

@media (hover) {
  .color-tos-gray-hover:hover {
    color: #a0a0a5 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-gray-pc {
    color: #a0a0a5 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-gray-pc-hover:hover {
    color: #a0a0a5 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-gray-sp {
    color: #a0a0a5 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-gray-sp-hover:hover {
    color: #a0a0a5 !important;
  }
}

.color-tos-yellow {
  color: #fad737 !important;
}

@media (hover) {
  .color-tos-yellow-hover:hover {
    color: #fad737 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-yellow-pc {
    color: #fad737 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-yellow-pc-hover:hover {
    color: #fad737 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-yellow-sp {
    color: #fad737 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-yellow-sp-hover:hover {
    color: #fad737 !important;
  }
}

.color-tos-lavender {
  color: #af8cc8 !important;
}

@media (hover) {
  .color-tos-lavender-hover:hover {
    color: #af8cc8 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-lavender-pc {
    color: #af8cc8 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-lavender-pc-hover:hover {
    color: #af8cc8 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-lavender-sp {
    color: #af8cc8 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-lavender-sp-hover:hover {
    color: #af8cc8 !important;
  }
}

.color-tos-orange-dark {
  color: #b94b00 !important;
}

@media (hover) {
  .color-tos-orange-dark-hover:hover {
    color: #b94b00 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-orange-dark-pc {
    color: #b94b00 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-orange-dark-pc-hover:hover {
    color: #b94b00 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-orange-dark-sp {
    color: #b94b00 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-orange-dark-sp-hover:hover {
    color: #b94b00 !important;
  }
}

.color-tos-teal-dark {
  color: #007580 !important;
}

@media (hover) {
  .color-tos-teal-dark-hover:hover {
    color: #007580 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-teal-dark-pc {
    color: #007580 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-teal-dark-pc-hover:hover {
    color: #007580 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-teal-dark-sp {
    color: #007580 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-teal-dark-sp-hover:hover {
    color: #007580 !important;
  }
}

.color-tos-cyan-dark {
  color: #265c80 !important;
}

@media (hover) {
  .color-tos-cyan-dark-hover:hover {
    color: #265c80 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-cyan-dark-pc {
    color: #265c80 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-cyan-dark-pc-hover:hover {
    color: #265c80 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-cyan-dark-sp {
    color: #265c80 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-cyan-dark-sp-hover:hover {
    color: #265c80 !important;
  }
}

.color-tos-gray-dark {
  color: #505054 !important;
}

@media (hover) {
  .color-tos-gray-dark-hover:hover {
    color: #505054 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-gray-dark-pc {
    color: #505054 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-gray-dark-pc-hover:hover {
    color: #505054 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-gray-dark-sp {
    color: #505054 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-gray-dark-sp-hover:hover {
    color: #505054 !important;
  }
}

.color-tos-yellow-dark {
  color: #916e00 !important;
}

@media (hover) {
  .color-tos-yellow-dark-hover:hover {
    color: #916e00 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-yellow-dark-pc {
    color: #916e00 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-yellow-dark-pc-hover:hover {
    color: #916e00 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-yellow-dark-sp {
    color: #916e00 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-yellow-dark-sp-hover:hover {
    color: #916e00 !important;
  }
}

.color-tos-lavender-dark {
  color: #644080 !important;
}

@media (hover) {
  .color-tos-lavender-dark-hover:hover {
    color: #644080 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-lavender-dark-pc {
    color: #644080 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-lavender-dark-pc-hover:hover {
    color: #644080 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-lavender-dark-sp {
    color: #644080 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-lavender-dark-sp-hover:hover {
    color: #644080 !important;
  }
}

.color-tos-orange-25 {
  color: #fee5C9 !important;
}

@media (hover) {
  .color-tos-orange-25-hover:hover {
    color: #fee5C9 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-orange-25-pc {
    color: #fee5C9 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-orange-25-pc-hover:hover {
    color: #fee5C9 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-orange-25-sp {
    color: #fee5C9 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-orange-25-sp-hover:hover {
    color: #fee5C9 !important;
  }
}

.color-tos-orange-40 {
  color: #fdd5a9 !important;
}

@media (hover) {
  .color-tos-orange-40-hover:hover {
    color: #fdd5a9 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-orange-40-pc {
    color: #fdd5a9 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-orange-40-pc-hover:hover {
    color: #fdd5a9 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-orange-40-sp {
    color: #fdd5a9 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-orange-40-sp-hover:hover {
    color: #fdd5a9 !important;
  }
}

.color-tos-orange-55 {
  color: #fcc589 !important;
}

@media (hover) {
  .color-tos-orange-55-hover:hover {
    color: #fcc589 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-orange-55-pc {
    color: #fcc589 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-orange-55-pc-hover:hover {
    color: #fcc589 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-orange-55-sp {
    color: #fcc589 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-orange-55-sp-hover:hover {
    color: #fcc589 !important;
  }
}

.color-tos-orange-70 {
  color: #fcb669 !important;
}

@media (hover) {
  .color-tos-orange-70-hover:hover {
    color: #fcb669 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-orange-70-pc {
    color: #fcb669 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-orange-70-pc-hover:hover {
    color: #fcb669 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-orange-70-sp {
    color: #fcb669 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-orange-70-sp-hover:hover {
    color: #fcb669 !important;
  }
}

.color-tos-orange-85 {
  color: #fba648 !important;
}

@media (hover) {
  .color-tos-orange-85-hover:hover {
    color: #fba648 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-orange-85-pc {
    color: #fba648 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-orange-85-pc-hover:hover {
    color: #fba648 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-orange-85-sp {
    color: #fba648 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-orange-85-sp-hover:hover {
    color: #fba648 !important;
  }
}

.color-tos-teal-25 {
  color: #d3efef !important;
}

@media (hover) {
  .color-tos-teal-25-hover:hover {
    color: #d3efef !important;
  }
}

@media (min-width: 769px) {
  .color-tos-teal-25-pc {
    color: #d3efef !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-teal-25-pc-hover:hover {
    color: #d3efef !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-teal-25-sp {
    color: #d3efef !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-teal-25-sp-hover:hover {
    color: #d3efef !important;
  }
}

.color-tos-teal-40 {
  color: #b9e5e5 !important;
}

@media (hover) {
  .color-tos-teal-40-hover:hover {
    color: #b9e5e5 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-teal-40-pc {
    color: #b9e5e5 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-teal-40-pc-hover:hover {
    color: #b9e5e5 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-teal-40-sp {
    color: #b9e5e5 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-teal-40-sp-hover:hover {
    color: #b9e5e5 !important;
  }
}

.color-tos-teal-55 {
  color: #9fdbdb !important;
}

@media (hover) {
  .color-tos-teal-55-hover:hover {
    color: #9fdbdb !important;
  }
}

@media (min-width: 769px) {
  .color-tos-teal-55-pc {
    color: #9fdbdb !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-teal-55-pc-hover:hover {
    color: #9fdbdb !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-teal-55-sp {
    color: #9fdbdb !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-teal-55-sp-hover:hover {
    color: #9fdbdb !important;
  }
}

.color-tos-teal-70 {
  color: #85d2d2 !important;
}

@media (hover) {
  .color-tos-teal-70-hover:hover {
    color: #85d2d2 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-teal-70-pc {
    color: #85d2d2 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-teal-70-pc-hover:hover {
    color: #85d2d2 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-teal-70-sp {
    color: #85d2d2 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-teal-70-sp-hover:hover {
    color: #85d2d2 !important;
  }
}

.color-tos-teal-85 {
  color: #6ac8c8 !important;
}

@media (hover) {
  .color-tos-teal-85-hover:hover {
    color: #6ac8c8 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-teal-85-pc {
    color: #6ac8c8 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-teal-85-pc-hover:hover {
    color: #6ac8c8 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-teal-85-sp {
    color: #6ac8c8 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-teal-85-sp-hover:hover {
    color: #6ac8c8 !important;
  }
}

.color-tos-cyan-25 {
  color: #d8ebf7 !important;
}

@media (hover) {
  .color-tos-cyan-25-hover:hover {
    color: #d8ebf7 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-cyan-25-pc {
    color: #d8ebf7 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-cyan-25-pc-hover:hover {
    color: #d8ebf7 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-cyan-25-sp {
    color: #d8ebf7 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-cyan-25-sp-hover:hover {
    color: #d8ebf7 !important;
  }
}

.color-tos-cyan-40 {
  color: #c1dff3 !important;
}

@media (hover) {
  .color-tos-cyan-40-hover:hover {
    color: #c1dff3 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-cyan-40-pc {
    color: #c1dff3 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-cyan-40-pc-hover:hover {
    color: #c1dff3 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-cyan-40-sp {
    color: #c1dff3 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-cyan-40-sp-hover:hover {
    color: #c1dff3 !important;
  }
}

.color-tos-cyan-55 {
  color: #aad3ef !important;
}

@media (hover) {
  .color-tos-cyan-55-hover:hover {
    color: #aad3ef !important;
  }
}

@media (min-width: 769px) {
  .color-tos-cyan-55-pc {
    color: #aad3ef !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-cyan-55-pc-hover:hover {
    color: #aad3ef !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-cyan-55-sp {
    color: #aad3ef !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-cyan-55-sp-hover:hover {
    color: #aad3ef !important;
  }
}

.color-tos-cyan-70 {
  color: #93c7ea !important;
}

@media (hover) {
  .color-tos-cyan-70-hover:hover {
    color: #93c7ea !important;
  }
}

@media (min-width: 769px) {
  .color-tos-cyan-70-pc {
    color: #93c7ea !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-cyan-70-pc-hover:hover {
    color: #93c7ea !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-cyan-70-sp {
    color: #93c7ea !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-cyan-70-sp-hover:hover {
    color: #93c7ea !important;
  }
}

.color-tos-cyan-85 {
  color: #7bbbe5 !important;
}

@media (hover) {
  .color-tos-cyan-85-hover:hover {
    color: #7bbbe5 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-cyan-85-pc {
    color: #7bbbe5 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-cyan-85-pc-hover:hover {
    color: #7bbbe5 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-cyan-85-sp {
    color: #7bbbe5 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-cyan-85-sp-hover:hover {
    color: #7bbbe5 !important;
  }
}

.color-tos-gray-25 {
  color: #e7e7e8 !important;
}

@media (hover) {
  .color-tos-gray-25-hover:hover {
    color: #e7e7e8 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-gray-25-pc {
    color: #e7e7e8 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-gray-25-pc-hover:hover {
    color: #e7e7e8 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-gray-25-sp {
    color: #e7e7e8 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-gray-25-sp-hover:hover {
    color: #e7e7e8 !important;
  }
}

.color-tos-gray-40 {
  color: #d9d9dB !important;
}

@media (hover) {
  .color-tos-gray-40-hover:hover {
    color: #d9d9dB !important;
  }
}

@media (min-width: 769px) {
  .color-tos-gray-40-pc {
    color: #d9d9dB !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-gray-40-pc-hover:hover {
    color: #d9d9dB !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-gray-40-sp {
    color: #d9d9dB !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-gray-40-sp-hover:hover {
    color: #d9d9dB !important;
  }
}

.color-tos-gray-55 {
  color: #cbcbce !important;
}

@media (hover) {
  .color-tos-gray-55-hover:hover {
    color: #cbcbce !important;
  }
}

@media (min-width: 769px) {
  .color-tos-gray-55-pc {
    color: #cbcbce !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-gray-55-pc-hover:hover {
    color: #cbcbce !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-gray-55-sp {
    color: #cbcbce !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-gray-55-sp-hover:hover {
    color: #cbcbce !important;
  }
}

.color-tos-gray-70 {
  color: #bdbdc0 !important;
}

@media (hover) {
  .color-tos-gray-70-hover:hover {
    color: #bdbdc0 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-gray-70-pc {
    color: #bdbdc0 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-gray-70-pc-hover:hover {
    color: #bdbdc0 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-gray-70-sp {
    color: #bdbdc0 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-gray-70-sp-hover:hover {
    color: #bdbdc0 !important;
  }
}

.color-tos-gray-85 {
  color: #aeaeb2 !important;
}

@media (hover) {
  .color-tos-gray-85-hover:hover {
    color: #aeaeb2 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-gray-85-pc {
    color: #aeaeb2 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-gray-85-pc-hover:hover {
    color: #aeaeb2 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-gray-85-sp {
    color: #aeaeb2 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-gray-85-sp-hover:hover {
    color: #aeaeb2 !important;
  }
}

.color-tos-yellow-25 {
  color: #fef5cd !important;
}

@media (hover) {
  .color-tos-yellow-25-hover:hover {
    color: #fef5cd !important;
  }
}

@media (min-width: 769px) {
  .color-tos-yellow-25-pc {
    color: #fef5cd !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-yellow-25-pc-hover:hover {
    color: #fef5cd !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-yellow-25-sp {
    color: #fef5cd !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-yellow-25-sp-hover:hover {
    color: #fef5cd !important;
  }
}

.color-tos-yellow-40 {
  color: #fdefaf !important;
}

@media (hover) {
  .color-tos-yellow-40-hover:hover {
    color: #fdefaf !important;
  }
}

@media (min-width: 769px) {
  .color-tos-yellow-40-pc {
    color: #fdefaf !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-yellow-40-pc-hover:hover {
    color: #fdefaf !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-yellow-40-sp {
    color: #fdefaf !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-yellow-40-sp-hover:hover {
    color: #fdefaf !important;
  }
}

.color-tos-yellow-55 {
  color: #fce991 !important;
}

@media (hover) {
  .color-tos-yellow-55-hover:hover {
    color: #fce991 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-yellow-55-pc {
    color: #fce991 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-yellow-55-pc-hover:hover {
    color: #fce991 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-yellow-55-sp {
    color: #fce991 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-yellow-55-sp-hover:hover {
    color: #fce991 !important;
  }
}

.color-tos-yellow-70 {
  color: #fce373 !important;
}

@media (hover) {
  .color-tos-yellow-70-hover:hover {
    color: #fce373 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-yellow-70-pc {
    color: #fce373 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-yellow-70-pc-hover:hover {
    color: #fce373 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-yellow-70-sp {
    color: #fce373 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-yellow-70-sp-hover:hover {
    color: #fce373 !important;
  }
}

.color-tos-yellow-85 {
  color: #fbdd55 !important;
}

@media (hover) {
  .color-tos-yellow-85-hover:hover {
    color: #fbdd55 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-yellow-85-pc {
    color: #fbdd55 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-yellow-85-pc-hover:hover {
    color: #fbdd55 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-yellow-85-sp {
    color: #fbdd55 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-yellow-85-sp-hover:hover {
    color: #fbdd55 !important;
  }
}

.color-tos-lavender-25 {
  color: #ebe2f1 !important;
}

@media (hover) {
  .color-tos-lavender-25-hover:hover {
    color: #ebe2f1 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-lavender-25-pc {
    color: #ebe2f1 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-lavender-25-pc-hover:hover {
    color: #ebe2f1 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-lavender-25-sp {
    color: #ebe2f1 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-lavender-25-sp-hover:hover {
    color: #ebe2f1 !important;
  }
}

.color-tos-lavender-40 {
  color: #dfd1e9 !important;
}

@media (hover) {
  .color-tos-lavender-40-hover:hover {
    color: #dfd1e9 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-lavender-40-pc {
    color: #dfd1e9 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-lavender-40-pc-hover:hover {
    color: #dfd1e9 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-lavender-40-sp {
    color: #dfd1e9 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-lavender-40-sp-hover:hover {
    color: #dfd1e9 !important;
  }
}

.color-tos-lavender-55 {
  color: #d3c0e1 !important;
}

@media (hover) {
  .color-tos-lavender-55-hover:hover {
    color: #d3c0e1 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-lavender-55-pc {
    color: #d3c0e1 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-lavender-55-pc-hover:hover {
    color: #d3c0e1 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-lavender-55-sp {
    color: #d3c0e1 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-lavender-55-sp-hover:hover {
    color: #d3c0e1 !important;
  }
}

.color-tos-lavender-70 {
  color: #c7afd9 !important;
}

@media (hover) {
  .color-tos-lavender-70-hover:hover {
    color: #c7afd9 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-lavender-70-pc {
    color: #c7afd9 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-lavender-70-pc-hover:hover {
    color: #c7afd9 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-lavender-70-sp {
    color: #c7afd9 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-lavender-70-sp-hover:hover {
    color: #c7afd9 !important;
  }
}

.color-tos-lavender-85 {
  color: #bb9dd0 !important;
}

@media (hover) {
  .color-tos-lavender-85-hover:hover {
    color: #bb9dd0 !important;
  }
}

@media (min-width: 769px) {
  .color-tos-lavender-85-pc {
    color: #bb9dd0 !important;
  }
}

@media (min-width: 769px) and (hover) {
  .color-tos-lavender-85-pc-hover:hover {
    color: #bb9dd0 !important;
  }
}

@media (max-width: 768.98px) {
  .color-tos-lavender-85-sp {
    color: #bb9dd0 !important;
  }
}

@media (max-width: 768.98px) and (hover) {
  .color-tos-lavender-85-sp-hover:hover {
    color: #bb9dd0 !important;
  }
}

.color-tos-violette {
  color: #A1529D !important;
}

.font-weight-bold {
  font-weight: bold !important;
}

@media (min-width: 769px) {
  .font-weight-bold-pc {
    font-weight: bold !important;
  }
}

@media (max-width: 768.98px) {
  .font-weight-bold-sp {
    font-weight: bold !important;
  }
}

.font-weight-normal {
  font-weight: normal !important;
}

@media (min-width: 769px) {
  .font-weight-normal-pc {
    font-weight: normal !important;
  }
}

@media (max-width: 768.98px) {
  .font-weight-normal-sp {
    font-weight: normal !important;
  }
}

.text-align-left {
  text-align: left !important;
}

@media (min-width: 769px) {
  .text-align-left-pc {
    text-align: left !important;
  }
}

@media (max-width: 768.98px) {
  .text-align-left-sp {
    text-align: left !important;
  }
}

.text-align-center {
  text-align: center !important;
}

@media (min-width: 769px) {
  .text-align-center-pc {
    text-align: center !important;
  }
}

@media (max-width: 768.98px) {
  .text-align-center-sp {
    text-align: center !important;
  }
}

.text-align-right {
  text-align: right !important;
}

@media (min-width: 769px) {
  .text-align-right-pc {
    text-align: right !important;
  }
}

@media (max-width: 768.98px) {
  .text-align-right-sp {
    text-align: right !important;
  }
}

.indent-dl {
  position: relative;
}

.indent-dl>dt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}

.indent-dl.indent-0>dd {
  margin-left: 0em !important;
}

.indent-dl.indent-1>dd {
  margin-left: 1em !important;
}

.indent-dl.indent-2>dd {
  margin-left: 2em !important;
}

.indent-dl.indent-3>dd {
  margin-left: 3em !important;
}

.indent-dl.indent-4>dd {
  margin-left: 4em !important;
}

.indent-dl.indent-5>dd {
  margin-left: 5em !important;
}

.indent-dl.indent-6>dd {
  margin-left: 6em !important;
}

.indent-dl.indent-7>dd {
  margin-left: 7em !important;
}

.indent-dl.indent-8>dd {
  margin-left: 8em !important;
}

.indent-dl.indent-9>dd {
  margin-left: 9em !important;
}

.indent-dl.indent-10>dd {
  margin-left: 10em !important;
}

.indent-dl.indent-11>dd {
  margin-left: 11em !important;
}

.indent-dl.indent-12>dd {
  margin-left: 12em !important;
}

.indent-dl.indent-13>dd {
  margin-left: 13em !important;
}

.indent-dl.indent-14>dd {
  margin-left: 14em !important;
}

.indent-dl.indent-15>dd {
  margin-left: 15em !important;
}

.indent-dl.indent-16>dd {
  margin-left: 16em !important;
}

.indent-dl.indent-17>dd {
  margin-left: 17em !important;
}

.indent-dl.indent-18>dd {
  margin-left: 18em !important;
}

.indent-dl.indent-19>dd {
  margin-left: 19em !important;
}

.indent-dl.indent-20>dd {
  margin-left: 20em !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.pd0 {
  padding-bottom: 0px !important;
}

.pd5 {
  padding-bottom: 5px !important;
}

.pd10 {
  padding-bottom: 10px !important;
}

.pd15 {
  padding-bottom: 15px !important;
}

.pd20 {
  padding-bottom: 20px !important;
}

.pd25 {
  padding-bottom: 25px !important;
}

.pd30 {
  padding-bottom: 30px !important;
}

.pd35 {
  padding-bottom: 35px !important;
}

.pd40 {
  padding-bottom: 40px !important;
}

.pd45 {
  padding-bottom: 45px !important;
}

.pd50 {
  padding-bottom: 50px !important;
}

.md100 {
  margin-bottom: 100px;
}

/*---------------------------------
横幅
---------------------------------*/
.max-w-140 {
  width: 100%;
  max-width: 140px !important;
}

@media (min-width: 768.99px) {
  .max-w-440-pc {
    width: 100%;
    max-width: 440px !important;
  }

  .max-w-320-pc {
    width: 100%;
    max-width: 320px !important;
  }
}

@media (max-width: 768.98px) {
  .max-w-280-sp {
    width: 100%;
    max-width: 280px !important;
  }

  .max-w-265-sp {
    width: 100%;
    max-width: 265px !important;
  }
}

/*---------------------------------
  背景色
---------------------------------*/
/*.background-gray-01*/
.background-gray-01 {
  position: relative;
}

.background-gray-01::before {
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background-color: #f9f9f9;
  content: "";
  z-index: -1;
}

/*.background-gray-02*/
.background-gray-02 {
  position: relative;
}

.background-gray-02::before {
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  width: 100vw;
  background-color: #f5f5f5;
  content: "";
}

/*.background-purple-01*/
.background-purple-01 {
  position: relative;
  overflow: hidden;
  width: 100vw;
  margin-left: calc(-50vw + 480px);
  background: url('../img/common/background-purple-01-pc.png')no-repeat center center / cover;
  color: #fff;
  z-index: 1;
}

.background-purple-01::before {
  content: "";
  position: absolute;
  top: 250px;
  right: 0;
  background: url("../img/common/solutionList-top-white-top-pc.svg") no-repeat right top / calc(100% - 140px) auto;
  width: calc(50vw + 400px);
  height: 100vw;
  z-index: -1;
}

.background-purple-01>.purple-inner {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 768.98px) {
  .background-purple-01>.purple-inner {
    width: 100%;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.background-purple-01::after {
  content: "";
  position: absolute;
  top: 630px;
  left: 0;
  background: url("../img/common/solutionList-top-white-bottom-pc.svg") no-repeat 0 0 / 100% auto;
  width: calc(50vw + 148px);
  height: 100vw;
  opacity: 0.5;
  z-index: -1;
}

/*.background-contact*/
.background-contact {
  position: relative;
  color: #fff;
}

.background-contact::before {
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: url("../img/common/background-contact-01-pc.png")no-repeat 50% 50% / cover;
  background-color: #A1529D;
  content: "";
  z-index: -1;
}

@media (max-width: 1425px) {
  .background-purple-01::before {
    width: 1000px;
    height: 670px;
    left: calc(50vw - 262px);
    right: auto;
    background: url("../img/common/solutionList-top-white-top-pc.svg") no-repeat left top / 100% auto;
  }

  .background-purple-01::after {
    left: calc(50vw + 151px);
    width: 868px;
    height: 550px;
    transform: translateX(-100%);
  }
}

@media (max-width: 1020px) {
  .background-purple-01 {
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  .background-purple-01::before {
    left: 236px;
    transform: none;
  }

  .background-purple-01::after {
    left: calc(66.666667% - 16px);
  }
}

@media (max-width: 768.98px) {

  /*---------------------------------
    背景色
  ---------------------------------*/
  /*.background-purple-01*/
  .background-purple-01 {
    background: url('../img/common/background-purple-01-sp.png')no-repeat center center / cover;

  }

  .background-purple-01::before {
    top: 735px;
    width: calc(100% - 25px);
    left: 33px;
    transform: none;
    background: url("../img/common/solutionList-top-white-top-sp.svg") no-repeat left top / 100% auto;
    opacity: 0.5;
  }

  .background-purple-01::after {
    top: auto;
    bottom: 3px;
    width: calc(100% - 25px);
    left: 25px;
    transform: none;
    background: url("../img/common/solutionList-top-white-bottom-sp.svg") no-repeat left 100% / 100% auto;
  }

  /*background-contact*/
  .background-contact::before {
    background: url("../img/common/background-contact-01-sp.png")no-repeat 50% 50% / cover;
  }

  .background-purple-01 {
    width: calc(100% + 50px);
    margin-left: -25px;
  }
}



/*.sectionArea*/
.sectionArea {
  padding: 80px 0 80px 0;
}

.sectionArea.contactArea {
  padding: 70px 0 70px 0;
}

.sectionArea.why-we-doTopArea {
  position: relative;
  padding: 80px 0 80px 0;
}

.sectionArea.why-we-doTopArea::before {
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  background-color: #fff;
  content: "";
}

.sectionArea.newsTopArea {
  padding: 40px 0 50px 0;
}

.sectionArea.businessSolutionsLinkArea {
  padding: 80px 0 80px 0;
}

.sectionArea.recruitTopArea {
  position: relative;
  padding: 75px 0 115px 0;
}

.sectionArea.recruitTopArea::before {
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  background-color: #fff;
  content: "";
}

.sectionArea.blogTopArea {
  padding: 80px 0 50px 0;
  z-index: 1;
}

@media (min-width: 769px) {
  .sectionArea-60-pc {
    padding: 60px 0 60px 0;
  }
}

@media (max-width: 768.98px) {
  .sectionArea.businessSolutionsLinkArea {
    padding: 48px 0 48px 0;
  }
}

.contactArea p {
  line-height: 1.5;
}

/*---------------------------------
  .sectionThumWrap-left-pc（PC時 左：画像、右：テキスト）
---------------------------------*/
.sectionThumWrap-left-pc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.sectionThumWrap-left-pc>.sectionThumTex {
  flex: 1;
}

.sectionThumWrap-left-pc>.sectionThum {
  margin-right: 70px;
  width: 50%;
  order: -1;
}

/*---------------------------------
  .sectionThumWrap-right-pc（PC時 左：テキスト、右：画像）
---------------------------------*/
.sectionThumWrap-right-pc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.sectionThumWrap-right-pc>.sectionThumTex {
  flex: 1;
}

.sectionThumWrap-right-pc>.sectionThum {
  margin-left: 70px;
  order: 1;
}

/*---------------------------------
  .sectionBoxWrap-pc（PC時 タイトルとテキスト 横並び）
---------------------------------*/
.sectionBoxWrap-pc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.sectionBoxWrap-pc>.sectionBoxTit {
  margin-right: 42px;
}

.sectionBoxWrap-pc>.sectionBoxTex {
  flex: 1;
}

/*---------------------------------
  .sectionBoxLinkWrap-pc（PC時 リンクとテキスト 横並び）
---------------------------------*/
.sectionBoxLinkWrap-pc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 40px;
}

.sectionBoxLinkWrap-pc:last-child {
  margin-bottom: 0;
}

.sectionBoxLinkWrap-pc>.sectionBoxLinkTex {
  flex: 1;
  font-size: 18px;
  line-height: 135%;
  font-weight: 700;
}

.sectionBoxLinkWrap-pc>.sectionBoxLink {
  margin-left: 42px;
}

.sectionBoxLinkWrap-pc>.sectionBoxLink>.button-01 {
  margin: 0;
}

@media (max-width: 768.98px) {
  .sectionBoxLinkWrap-pc>.sectionBoxLinkTex {
    font-size: 14px;
  }
}

/*---------------------------------
  .sectionTitle
---------------------------------*/
.sectionTitle {
  margin: 0 0 10px;
  line-height: 1.35;
  font-size: 34px;
  font-weight: bold;
}

.sectionTitle span {
  font-family: "Montserrat";
}

.sectionTitle.white {
  color: #fff;
}

#top .sectionTitle {
  margin-bottom: 0;
}

/*.sectionTitlejapanese*/
.sectionTitlejapanese {
  margin-top: 6px;
  margin-bottom: 40px;
  line-height: 1.8;
  font-size: 14px;
  font-weight: bold;
}

.sectionTitlejapanese:first-child {
  margin-top: 0;
}

.sectionTitlejapanese:last-child {
  margin-bottom: 0;
}

.sectionBoxWrap-pc .sectionTitlejapanese {
  margin-bottom: 24px;
}

.sectionBoxWrap-pc .sectionTitlejapanese:last-child {
  margin-bottom: 0;
}

/*sectionInner*/
.sectionInner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1020px) {

  /*.sectionInner*/
  .sectionInner {
    padding: 0 20px;
  }
}

@media (max-width: 768.98px) {

  /*.sectionTitle*/
  .sectionTitle {
    font-size: 29px;
  }

  /*.sectionTitlejapanese*/
  .sectionTitlejapanese {
    margin-top: 0;
    margin-bottom: 32px;
  }

  .sectionTitlejapanese:first-child {
    margin-top: 0;
  }

  .sectionTitlejapanese:last-child {
    margin-bottom: 0;
  }

  /*.sectionInner*/
  .sectionInner {
    padding: 0 25px;
  }

  /*---------------------------------
    コンテンツの大枠（余白指定）
  ---------------------------------*/
  .sectionArea {
    padding: 55px 0 55px 0;
  }

  .sectionArea.contactArea {
    padding: 80px 0 80px 0;
  }

  .sectionArea.newsTopArea {
    padding: 40px 0 0 0;
  }

  .sectionArea.why-we-doTopArea {
    padding: 50px 0 50px 0;
  }

  .sectionArea.banner-businessSolutionsLinkArea {
    padding: 50px 0 50px 0;
  }

  .sectionArea.blogTopArea {
    padding: 50px 0 50px 0;
  }

  .sectionArea.recruitTopArea {
    padding: 50px 0 80px 0;
  }

  .sectionArea-40-sp {
    padding: 40px 0 40px 0;
  }


  .contactArea p {
    line-height: 2;
  }

  /*---------------------------------
  .sectionBoxWrap-pc（PC時 タイトルとテキスト 横並び）
  ---------------------------------*/
  .sectionBoxWrap-pc {
    display: block;
  }

  .sectionBoxWrap-pc>.sectionBoxTit {
    margin-right: 0;
  }

  /*---------------------------------
  .sectionThumWrap-left-pc（PC時 左：画像、右：テキスト）
  ---------------------------------*/
  /*---------------------------------
  .sectionThumWrap-right-pc（PC時 左：テキスト、右：画像）
  ---------------------------------*/
  .sectionThumWrap-left-pc,
  .sectionThumWrap-right-pc {
    display: block;
  }

  .sectionThumWrap-left-pc>.sectionThum,
  .sectionThumWrap-right-pc>.sectionThum {
    width: 100%;
    margin-top: 35px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }

  /*---------------------------------
  .sectionBoxLinkWrap-pc（PC時 リンクとテキスト 横並び）
  ---------------------------------*/
  .sectionBoxLinkWrap-pc {
    display: block;
  }

  .sectionBoxLinkWrap-pc:last-child {
    margin-bottom: 0;
  }

  .sectionBoxLinkWrap-pc>.sectionBoxLink {
    margin-top: 15px;
    margin-left: 0;
    text-align: center;
  }

  .sectionBoxLinkWrap-pc>.sectionBoxLink>.button-01 {
    margin: 0 auto;
  }
}

/*.mainChachArea*/
.mainChachArea {
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
}

.mainChachArea-wave {
  position: fixed;
  top: 183px;
  left: calc(50% - 747px);
  width: 1446px;
  height: 568px;
  margin: 0;
  background: url("../../assets/img/common/mainChachArea-wave-pc.png") no-repeat 49% 0 / cover;
  z-index: -1;
  pointer-events: none;
  height: auto;
  aspect-ratio: 1920 / 586;
}

[style*="--header-height"] .mainChachArea-wave {
  top: calc(var(--header-height) + 70px);
  transform: translateY(calc(var(--body-scroll-y)*-0.08));
}

.mainChachArea-bg {
  position: fixed;
  top: calc(var(--header-height));
  left: 0;
  transform: translateY(calc(var(--body-scroll-y) * -0.08));
  width: 100vw;
  height: 100%;
  margin: 0;
  background: url('../../assets/img/common/mainChachArea-bg-pc.png')no-repeat 0 center / cover;
  z-index: -2;
  pointer-events: none;
}

/*.mainChachInner*/
.mainChachInner {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}

/*
.js-mainChachInner .js-set {
  opacity: 0;
}
.js-mainChachInner .js-set.is-set[data-num="1"] {
  animation: mainChachInnerSet1 3s forwards;
}
.js-mainChachInner .js-set.is-set[data-num="2"] {
  animation:mainChachInnerSet2 3s forwards;
}
.js-mainChachInner .js-set.is-set[data-num="3"] {
  animation:mainChachInnerSet3 3s forwards;
}
.js-mainChachInner .js-set.is-set[data-num="4"] {
  animation: mainChachInnerSet4 3s forwards;
}
*/


@keyframes mainChachInnerSet {
  0% {
    /* アニメーション開始時の指定 */
    opacity: 0;
  }

  100% {
    /* アニメーション終了時の指定 */
    opacity: 1;
  }
}

@keyframes mainChachInnerSet1 {
  0% {
    /* アニメーション開始時の指定 */
    opacity: 0;
  }

  100% {
    /* アニメーション終了時の指定 */
    opacity: 1;
  }
}

@keyframes mainChachInnerSet2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes mainChachInnerSet3 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes mainChachInnerSet4 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@media (min-width: 1460px) {

  /*.mainChachArea*/
  .mainChachInner {
    position: relative;
  }

  .mainChachArea-wave {
    top: 80px;
    left: auto;
    right: -20%;
    width: 147%;
    background: url("../img/common/mainChachArea-wave-pc.png") no-repeat 0 0 / 100% auto;
  }
}

@media (max-width: 980px) {
  .mainChachArea-bg {
    width: 100%;
  }
}

@media (max-width: 768.98px) {

  /*mainChachArea-bg*/
  .mainChachArea-bg {
    background: url('../img/common/mainChachArea-bg-sp.png')no-repeat top center / cover;
  }

  .mainChachInner {
    position: relative;
  }

  .mainChachArea-wave {
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 40px);
    background: url('../img/common/mainChachArea-wave-01-sp.png')no-repeat 0 0 / 100% auto,
      url('../img/common/mainChachArea-wave-02-sp.png')no-repeat -7px 232px / 390px auto;
  }

  [style*="--header-height"] .mainChachArea-wave {
    top: calc(var(--header-height));
  }
}

/*---------------------------------
  .concept
---------------------------------*/
.concept {
  margin: 30px 0 28px 0;
}

.concept p {
  margin: 28px 0;
  font-weight: normal;
  line-height: 31px;
  letter-spacing: 0.1em;
}

.concept p:first-child {
  margin: 0;
}

@media (max-width: 768.98px) {

  /*---------------------------------
    .concept
  ---------------------------------*/
  .concept {
    margin: 20px 0 1px 0;
  }

  .concept p {
    margin: 15px 0;
    font-size: 14px;
    line-height: 30px;
  }

  .concept p:first-child {
    margin: 0;
  }
}

/*---------------------------------
  cassette
---------------------------------*/
.cassette-line-wrap {
  width: 100%;
  padding: 40px;
  border-radius: 8px;
  background-color: #fff;
  color: #333;
}

.cassette-line-wrap .cassette-line-title {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
}

.cassette-line-wrap .cassette-line-title,
.common .background-purple-01 .cassette-line-wrap .cassette-line-title {
  margin: 0 auto 32px;
  padding: 0;
  background-image: none;
}

.cassette-line-title-sub,
.common .cassette-line-title-sub {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.35;
}

.cassette-line-wrap .cassette-line-title-sub,
.common .background-purple-01 .cassette-line-wrap .cassette-line-title-sub {
  margin: 15px 0 10px 0;
  padding: 0;
  background-image: none;
}

.cassette-line-wrap .cassette-line-title-sub:first-child,
.common .background-purple-01 .cassette-line-wrap .cassette-line-title-sub:first-child {
  margin-top: 0;
}

.cassette-line-wrap .cassette-line-title-sub:last-child,
.common .background-purple-01 .cassette-line-wrap .cassette-line-title-sub:last-child {
  margin-bottom: 0;
}

.cassette-line-container {
  width: 100%;
}

.cassette-line-container.col-2-pc {
  display: flex;
  flex-wrap: wrap;
}

.cassette-line-container.col-2-pc>.cassette-line-box {
  width: 50%;
}

.cassette-line-container>.cassette-line-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 32px 0 0;
}

.cassette-line-container>.cassette-line-box {}

.cassette-line-container.col-2-pc>.cassette-line-box:nth-child(2n) {
  padding: 0 0 0 32px;
  border-left: 1px solid #D9D9D9;
}

.cassette-line-container>.cassette-line-box>.cassette-line-thumarea {
  width: 96px;
  height: 96px;
  margin-right: 20px;
}

.cassette-line-container>.cassette-line-box>.cassette-line-thumarea>img {
  width: 100%;
  height: auto;
}

.cassette-line-container>.cassette-line-box>.cassette-line-inner {
  flex: 1;
}

@media (max-width: 768.98px) {
  .cassette-line-wrap {
    padding: 32px 24px;
  }

  .cassette-line-wrap .cassette-line-title {
    font-size: 22px;
  }

  .cassette-line-container.col-2-pc>.cassette-line-box {
    width: 100%;
  }

  .cassette-line-container>.cassette-line-box,
  .cassette-line-container.col-2-pc>.cassette-line-box:nth-child(2n) {
    padding: 25px 0 24px 0;
    border-left: none;
  }

  .cassette-line-container>.cassette-line-box:last-child {
    padding-bottom: 0 !important;
  }

  .cassette-line-container>.cassette-line-box>.cassette-line-thumarea {
    width: 72px;
    height: 72px;
    margin-bottom: 21px;
    margin-right: 15px;
  }

  .cassette-line-container>.cassette-line-box {
    border-top: 1px solid #D9D9D9;

  }

  .cassette-line-title-sub,
  .common .cassette-line-title-sub {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.35;
  }

  .cassette-line-wrap .cassette-line-title-sub,
  .common .background-purple-01 .cassette-line-wrap .cassette-line-title-sub {
    margin: 16px 0 21px 0;
    padding: 0;

  }

  .cassette-line-wrap .cassette-line-title-sub:first-child,
  .common .background-purple-01 .cassette-line-wrap .cassette-line-title-sub:first-child {
    margin-top: 0;
  }

  .cassette-line-wrap .cassette-line-title-sub:last-child,
  .common .background-purple-01 .cassette-line-wrap .cassette-line-title-sub:last-child {
    margin-bottom: 0;
  }

}

/*---------------------------------
  scrollDown
---------------------------------*/
.scrollDown {
  position: relative;
  width: 100%;
  margin: 70px auto 0;
  padding-bottom: 70px;
  font-size: 1.3rem;
  color: #a0529d;
  font-weight: 500;
  font-family: Montserrat;
  z-index: 1;
}

.scrollDown:after {
  content: 'Scroll';
  position: absolute;
  left: calc(50% - 1.5em);
  bottom: 0;
}

.scrollDown>div:before,
.scrollDown>div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: 40px;
  z-index: 1;
}

.scrollDown>div:before {
  background: #ddd;
}

.scrollDown>div:after {
  background: #a0529d;
}

.scrollDown>div:after {
  animation: scrollDown 3s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes scrollDown {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }

  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }

  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }

  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

@media (max-width: 768.98px) {

  /*.scrollDown*/
  .scrollDown {
    margin: 50px auto 0;
    padding-bottom: 50px;
  }

  .scrollDown>div:before,
  .scrollDown>div:after {
    height: 20px;
  }

}


/*---------------------------------
  .caseBlock
---------------------------------*/
.caseBlock {
  border: 1px solid #bbb;
  border-radius: 16px;
  background: #fff;
  padding: 40px 50px;
  margin: 40px 0;
}

.caseMidashi {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.8em;
  margin-bottom: 30px;
}

@media (max-width: 768.98px) {
  .caseMidashi {
    font-size: 1.8rem;
  }
}

.caseNumber {
  font-size: 1.4rem;
  background: #333;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  padding: 3px 7px 3px 7px;
  margin: 0 10px 5px 0;
  line-height: 1em;
  font-family: "Montserrat";
}

.caseMidashiS {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

@media (max-width: 768.98px) {
  .caseMidashi {
    line-height: 135%;
  }

  .caseMidashiS {
    display: block;
    margin-top: 10px;
  }
}

.mMidashi {
  font-size: 1.6rem;
  color: #333;
  font-weight: 700;
  line-height: 21.6px;
  margin-top: 30px;
  margin-bottom: 10px;
}

@media (max-width: 768.98px) {
  .mMidashi {
    margin-bottom: 10px;
  }
}

.pMidashi {
  font-size: 2.4rem;
  color: #A1529D;
  font-weight: 700;
  line-height: 1.8em;
  margin-top: 30px;
  margin-bottom: 20px;
  line-height: 1.0;
}

@media (max-width: 768.98px) {
  .pMidashi {
    margin-bottom: 10px;
  }
}

.disc li {
  list-style: disc;
  margin: 0 0 2px 30px;
}

.decimal li {
  list-style: decimal inside;
  margin: 3px 0 3px 0;
  line-height: 1.5em;
}

.decimalBold {
  margin: 20px 0;
}

.decimalBold li {
  list-style: decimal inside;
  margin: 3px 0 3px 0;
  line-height: 1.5em;
  font-weight: 700;
  font-size: 16px;
  line-height: 180%;
}

.decimalBold li p {
  font-weight: normal;
  margin-left: 1.3em;
}

.discBold {
  margin: 20px 0;
}

.discBold li {
  list-style: disc inside;
  margin: 3px 0 3px 0;
  line-height: 1.5em;
  font-weight: 700;
  font-size: 16px;
  line-height: 180%;
}

.discBold li p {
  font-weight: normal;
  margin-left: 1.3em;
}

.p_decimal li {
  list-style: decimal inside;
  margin: 20px 0 3px 0px;
  font-weight: normal;
  line-height: 1.8em;
}

.p_decimal li .decimal li {
  list-style: decimal inside;
  margin: 2px 0 2px 0px;
  font-weight: normal;
  line-height: 1.8em;
}

.p_decimal li::marker {
  font-weight: bold;
}

.p_decimal li ul li::marker {
  font-weight: normal;
}

.p_decimal li ul {
  margin: 1em 0 2.5em 3px;
}

.p_decimal li p {
  margin: 1em 0 2.5em 0;
}

.right {
  text-align: right;
}

.grayBlock {
  background: #F5F5F5;
  padding: 20px 20px 10px;
  margin: 40px 0 10px;
  border-radius: 5px;
  font-weight: 700;
}

.grayBackground {
  background: #F5F5F5;
  padding: 50px 50px 50px;
  margin: 40px 0 48px 0;
  border-radius: 10px;
}

.flowBlock {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 8px;
  background: #fff;
  margin: 30px 0;
  padding: 20px;
  position: relative;
}

.flowBlock:last-child {
  margin-bottom: 0;
}

.flowNo,
p.flowNo,
.leadarea p.flowNo {
  display: inline-flex;
  margin: 0 20px 0 0;
  flex-wrap: wrap;
  align-items: center;
  font-family: Montserrat;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.5;
  color: #A1529D;
}

.flowIcon {
  margin: auto 15px auto 0;
}

.flowBlock .bottomArrowInner {
  flex: 1;
}

.flowBlock .mMidashi {
  margin-top: 0;
}

.flowBlock .nText {
  margin: 10px auto 0;
}

.flowBlock .nText p {
  margin: 10px 0 0;
  font-size: 14px;
}

.flowBlock .nText p:first-child {
  margin-top: 0;
}

.flowBlock .nText p:last-child {
  margin-bottom: 0;
}

@media (max-width: 768.98px) {
  .flowBlock {
    align-items: flex-start;
    padding: 12px 20px 20px 20px;
  }

  .flowBlock .bottomArrowInner {
    margin-top: 5px;
  }

  .flowBlock .nText {
    margin: 5px 0 0;
  }

  .flowBlock .nText p {
    margin: 5px 0 0;
    font-size: 14px;
  }

  .flowBlock .nText p:first-child {
    margin-top: 0;
  }

  .flowBlock .nText p:last-child {
    margin-bottom: 0;
  }

  .flowNo,
  p.flowNo,
  .leadarea p.flowNo {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .flowIcon {
    margin: 0 15px 0 0;
  }
}

.bottomArrow {
  position: relative;
  margin: 48px auto 48px;
}

.bottomArrow:first-child {
  margin-top: 0;
}

.bottomArrow:last-child {
  margin-bottom: 0;
}

.bottomArrow::after {
  content: "";
  background: url("../img/common/arrowdown.png") no-repeat 0 0 / 100% auto;
  width: 31px;
  height: 16px;
  position: absolute;
  bottom: -31px;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 768.98px) {
  .bottomArrow {
    margin: 40px auto 40px;
  }

  .bottomArrow:first-child {
    margin-top: 0;
  }

  .bottomArrow:last-child {
    margin-bottom: 0;
  }

  .bottomArrow::after {
    bottom: -28px;
  }

}

.contactBlock {
  padding: 60px 0;
}

.glayArea {
  background: #f5f5f5;
}



.strong {
  font-weight: 700;
}

.contactBlock .cMidashi {
  font-size: 2.6rem;
  color: #16826B;
  font-weight: 700;
  line-height: 21.6px;
  margin-top: 20px;
  margin-bottom: 10px;
}

@media (max-width: 768.98px) {
  .contactBlock .cMidashi {
    margin-top: 10px;
    font-size: 2.2rem;
    margin-bottom: 15px;
    line-height: 135%;
  }
}

.contactCenter {
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  margin-bottom: 40px;
}

@media (min-width: 769px) {
  .contactCenter img {
    width: 520px;
  }
}

@media (max-width: 768.98px) {
  .contactCenter {
    margin-bottom: 20px;
  }
}

.mailto {
  margin: 30px 0;
  display: block;
}

.contactCenter ul {
  text-align: left;
  margin: 20px 0 10px 35%;
}

.contactCenter ul li {
  margin: 0 0 0 10px;
}

.contactNotes {
  text-align: left;
  font-size: 1.4rem;
}

.contactNotes p {
  line-height: 25px;
}

.contactNotes .strong {
  margin-bottom: 10px;
}

.aboutBlock {
  background: #F5F5F5;
  padding: 50px;
  margin: 20px 0;
  border-radius: 16px;
}


/*---------------------------------
  .newsContents
---------------------------------*/
.newsContents {
  padding: 48px 0 117px 0;
}

@media (max-width: 768.98px) {
  .newsContents {
    padding: 40px 0 120px 0;
  }
}

/*---------------------------------
  .newsList
---------------------------------*/
.newsList {
  margin: 0 0 100px 0;
}

.newsList:last-child {
  margin-bottom: 0;
}

.newsList::after {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  background-image: repeating-linear-gradient(90deg, #bbbbbb, #bbbbbb 2px, transparent 2px, transparent 4px);
}

.newsList>li {
  background-image: repeating-linear-gradient(90deg, #bbbbbb, #bbbbbb 2px, transparent 2px, transparent 4px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  padding: 25px 24px;
}

.newsList>li p {
  margin: 5px 0 0;
}

.newsList>li p:first-child {
  margin-top: 0;
}

.newsList>li a {
  color: #333333;
  text-decoration: underline;
}

.newsList>li a:hover {
  color: #A1529D;
}

.newsList>li .newsDate {
  margin: 0 0 8px;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  line-height: 1;
}

.newsList>li .disc {
  margin-top: 10px;
}

.newsList>li .disc li {
  margin: 5px 0 0 30px;
}

.newsList.bgFirstNone>li:first-child {
  background: none;
}

@media (max-width: 768.98px) {
  .newsList>li .newsDate {
    margin: 0 0 15px;
    font-size: 14px;
  }
}

.newsList>ol>li,
.newsList>ul>li {
  margin-top: 5px;
  line-height: 1.8;
}

.newsList>ol>li:first-child,
.newsList>ul>li:first-child {
  margin-top: 0;
}

.newsList>ul {
  margin: 18px 0 0 0;
  padding: 0;
}

.newsList>ul>li {
  position: relative;
  padding-left: 1.5em;
}

.newsList>ul>li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}

.newsList>ol {
  margin: 18px 0 0;
  padding: 0;
  counter-reset: leadarea-ol;
  /* カウンターをリセット */
  list-style: none;
  /* 標準のスタイルは消す */
}

.newsList>ol>li {
  position: relative;
  padding-left: 1.7em;

}

.newsList>ol>li::before {
  counter-increment: leadarea-ol;
  /* counter-resetと同じ文字列 */
  content: counter(leadarea-ol) '.';
  /* カウントした数に応じて番号を表示 */
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 10px;
}

.newsList>ol>li:nth-child(n + 10)::before {
  left: 0;
}

.success-msg {
  display: none;
  position: fixed;
  width: 300px;
  height: 40px;
  line-height: 40px;
  background-color: #A1529D;
  color: #fff;
  top: 400px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  border-radius: 4px;
  z-index: 999;
}

.subpageH1 {
  font-size: 200%;
  color: #333;
  font-weight: 700;
  margin: 10px 0 100px;
}


.subpageH2 {
  margin: 0;
  padding: 3px 0;
  font-weight: 700;
  line-height: 1;
}

.subpageH2::before {
  content: "";
  vertical-align: sub;
  display: inline-block;
  background: #16826B;
  width: 4px;
  height: 20px;
  margin-right: 12px;
  border-radius: 2px;
}

.privacyPosition p.paddingN {
  margin: 1.5em 0;
}

.privacyPosition p.text-nomidashi {
  margin: 40px 0 1em 0;
}

.copy-url {
  cursor: pointer;
}

.copy-url:hover {
  opacity: 0.8;
}

.aboutLogo {
  width: 328px;
}

footer .footlogo-wrap {
  display: inline-block;
  margin-left: 15px;
}

footer img.footlogo {
  width: 218px;
}

@media (max-width: 768.98px) {
  footer img.footlogo {
    width: 239px;
  }
}

footer .footiden-wrap {
  display: inline-block;
  margin: 6px 0 0 15px;
  vertical-align: top;
}

footer img.footiden {
  width: 176px;
}



.aipdf img {
  margin: auto;
}

.vds_vis {
  position: absolute;
  left: 20%;
  display: block;
  margin: 5px auto;
  background: #444669;
  border-radius: 8px;
  color: #fff;
  padding: 5px 50px;
}

.vds_vis::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  border: 12px solid transparent;
  border-top: 12px solid #444669;
}

a.vds_download {
  border: 1.5px solid #A1529D;
  color: #A1529D;
  padding: 5px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 700;
  display: inline-block;
  font-size: 90%;
  background: #fff;
}

.aipdf {
  display: block;
}

.vbs_p {
  font-size: 90%;
}

a.vds_download:hover {
  background: #A1529D;
  color: #fff;
}

.dlcenter {
  text-align: center;
  color: #A1529D;
  margin-top: 30px;
}

@media (max-width: 830px) {

  .vds-l {
    font-size: 18px
  }

}


.mainChach {
  font-family: 'Noto Sans JP';
  font-size: 44px;
  line-height: 1.5em;
  padding: 200px 0 0;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.4;
  letter-spacing: 0;
}

.mainChach span {
  display: inline-block;
}

@media (max-width: 768.98px) {

  .header-logo {
    padding: 0px;
    width: 137px;
    margin: 8px 0 0 8px;
  }

  h2 {
    margin: 2em 0;
  }

  /*---------------------------------
  .mainChach
  ---------------------------------*/
  .mainChach {
    padding: 60px 0 0;
    font-size: 30px;
    letter-spacing: 0;
  }

  .caseBlock {
    padding: 15px 20px 20px;
    margin: 25px 0;
  }

  .grayBlock {
    padding: 15px 15px 10px;
    margin: 40px 0 0;
  }

  .contactCenter ul {
    text-align: left;
    margin: 20px 0 0 10px;
  }

  .contactNotes {
    margin: 0 10px;
  }

  .aboutBlock {
    padding: 20px;
  }

  .aboutLogo {
    width: 80%;
  }

  #about .strong {
    margin-bottom: 15px;
  }

  .subpageH1 {
    font-size: 2.2rem;
    color: #333;
    font-weight: 700;
    margin: 80px 0;
  }

  h2.subpageH2 {
    margin: 50px 0 20px 0 !important;
    padding: 0px 2px;
    line-height: 1.4em;
  }

  .footter-contact {
    color: #fff;
    text-decoration: underline;
    font-size: 80%;
  }

  .tx135 {
    line-height: 135%;
  }


  .vds_vis {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    display: block;
    margin: 5px auto;
    background: #444669;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px;
    font-size: 80%;
  }

  .vds_vis::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    border: 12px solid transparent;
    border-top: 12px solid #444669;
  }

  .aimod img {
    width: 100%;
  }

  .vbs_p {
    font-size: 90%;
    margin-bottom: 150px;
  }

}

@media print {
  header {
    display: none !important;
  }

  .footer-backlink {
    display: none !important;
  }
}

/* 202501追加　*/
main#submain {
  margin-top: 110px;
}

/*---------------------------------
  .slick
---------------------------------*/

.js-case-slider .slick-arrow-box {
  margin: 0 auto 30px;
  width: 100%;
  text-align: center;
}

.js-case-slider .slick-arrow-wrap {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}

.js-case-slider .slick-btn-inner {
  position: relative;
  margin: 0 20px;
}

.js-case-slider .slick-btn-inner .slick-btn-area {
  position: absolute;
  top: calc(50% - 9px);
  right: 10px;
}

.js-case-slider .slick-btn-wrap {
  flex: 1;
}

.js-case-slider .slick-dots {
  display: flex;
  flex-wrap: wrap;
}

.js-case-slider .slick-dots>li {
  margin: 6px 8px;
}

.js-case-slider .slick-dots>li>button {
  overflow: hidden;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #bbb;
  white-space: nowrap;
  text-indent: 100%;
}

.js-case-slider .slick-dots>li:hover>button,
.js-case-slider .slick-dots>li.slick-active>button {
  background-color: #a2519d;
}

.js-case-slider .slick-btn-area {
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
}

.js-case-slider .slick-prev,
.js-case-slider .slick-next {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.js-case-slider .slick-prev:hover,
.js-case-slider .slick-next:hover {
  opacity: 0.7;
}

.js-case-slider .slick-prev {
  background: #a2519d url("../img/common/slick-arrow-white-left.svg")no-repeat center center;
}

.js-case-slider .slick-next {
  background: #a2519d url("../img/common/slick-arrow-white-right.svg")no-repeat calc(50% + 2px) center;
}

.js-case-slider .slick-pause {
  display: none;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../img/common/slick-btn_stop.png")no-repeat center calc(50% + 1px);
}

.js-case-slider .slick-start {
  display: none;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../img/common/slick-btn_start.png")no-repeat center calc(50% + 1px);
}

.js-case-slider .slick-pause.is-active,
.js-case-slider .slick-start.is-active {
  display: block;
}

@media (max-width: 768.98px) {
  .blogTopArea .slick-arrow-box {
    margin: 0 20px;
  }
}

@media (max-width: 768.98px) {

  /*---------------------------------
  .case-slider
  ---------------------------------*/
  .js-case-slider.slick-list {
    margin: 0 -5px;
  }

  .js-case-slider .slick-slide {
    margin: 0 20px;
  }
}

/*---------------------------------
  .solutionList
---------------------------------*/
.solutionList {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  margin-top: 50px;
  gap: 30px;
}

.solutionList li {
  padding: 0;
  width: 465px;
  font-weight: 700;
  border-radius: 8px;
  border: solid 1px #bbb;
}

.solutionList.col-3-pc>li {
  position: relative;
  width: calc(33.3333% - 20px);
}

.solutionList>li:first-child::before {
  content: "";
  position: absolute;
  top: -104px;
  left: 68.333%;
  background: url("../img/common/solutionList-color-pc.svg") no-repeat left top / 100% auto;
  width: calc(50vw + 329px);
  height: 100vw;
  z-index: -1;
  opacity: 0.5;
}

.solutionList>li:last-child:after {

  content: "";
  position: absolute;
  bottom: -196px;
  left: calc(-50vw + 74px);
  background: url(../img/common/solutionList-color-pc.svg) no-repeat 0 calc(100% + 160px) / 100% auto;
  width: calc(50vw + 480px);
  height: 100vw;
  z-index: -1;
  opacity: 0.5;
}

.solutionList>li:nth-child(3n + 2):last-child:after {
  left: calc(-50vw - 250px);
}

.solutionList>li:nth-child(3n + 3):last-child:after {
  left: calc(-50vw - 510px);
}

@media (max-width: 980px) {

  .solutionList>li:last-child:after {
    left: auto;
    right: calc(-100% + 85px);
  }

  .solutionList>li:nth-child(3n + 2):last-child:after {
    left: auto;
    right: calc(12% + 74px);
  }

  .solutionList>li:nth-child(3n + 3):last-child:after {
    left: auto;
    right: calc(142% - 60px);
  }
}

@media (min-width: 769px) {
  .solutionList>li:nth-child(-n + 3):after {
    content: none;
  }
}

.solutionList li a {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  color: #000;
  height: 100%;
  flex-direction: column;
  box-shadow: 1.54px 1.03px 3.15px 0px #2E1B2D04,
    6.78px 4.52px 6.52px 0px #2E1B2D07,
    16.64px 11.09px 13px 0px #2E1B2D09,
    -36.79px 55.47px 80px 0px #2E1B2D12;
}

.solutionList li a:hover {
  opacity: 0.6;
}

.solutionList li .solutionMidashi {
  color: #16826B;
  position: relative;
  font-size: 14px;
  display: block;
  margin-bottom: 17px;
  margin-left: 15px;
  font-family: "Montserrat";
}

.solutionList li .solutionMidashi::before {
  content: "";
  display: block;
  background: #16826B;
  width: 4px;
  height: 85%;
  position: absolute;
  left: -15px;
  top: 2px;
}

.solutionList .solutionImg {
  position: relative;
  overflow: hidden;
  order: -1;
  width: 100%;
  height: 200px;
  border-bottom: 1px solid #bbb;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
}

.solutionList .solutionImg>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solutionList .solutionTex {
  padding: 32px 20px 25px 30px;
  width: 56%;
  display: block;
  line-height: 1.3;
  font-size: 20px;
  background-color: #fff;
}

.solutionList .solutionTex {
  width: 100%;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 15px 20px 25px 20px;
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.solutionList .solutionTex .more::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 9px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 1px;
  transform: rotate(45deg);
}

.solutionList .solutionTexTitle {
  font-size: 18px;
  line-height: 1.35;
  font-weight: bold;
  color: #A1529D;
  text-align: left;
}

.solutionList .link {
  margin-top: 15px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left;
  color: #333;
}

.solutionList .link>span {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  line-height: 1.4;
}


.solutionList .link>span::before {
  content: '';
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #A1529D;
  position: absolute;
  top: calc(50% - 10px);
  right: 0;
}

.solutionList .link>span::after {
  content: '';
  position: absolute;
  right: 8px;
  top: calc(50% - 3px);
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 1px;
  transform: rotate(45deg);
}

/*.coming*/
.solutionList li.coming {
  border: solid 1px #d9d9d9;
}

.solutionList .coming .solutionImg {
  border-bottom: solid 1px #d9d9d9;
  background-color: #fdfdfd;
}

.solutionList .coming .solutionMidashi,
.solutionList .coming p {
  color: #c9c9c9;
}

.solutionList .coming .solutionTexTitle {
  color: #ead8e8;
}

.solutionList .coming .solutionMidashi::before {
  background: #bbb;
}

.solutionList .coming .link>span::before {
  background-color: #e3cbe1;
}

.solutionList .coming a:hover {
  opacity: 1;
}

.solutionList .coming .solutionImg::after {
  content: "coming soon";
  position: absolute;
  top: calc(100% - 50px);
  left: 50%;
  transform: translateX(-50%);
  color: #dcdcdc;
  font-size: 1.6rem;
}

.solutionList li.coming p .comingsoon {
  margin-bottom: 16px;
  display: block;
  color: #000;
  font-family: "Montserrat";
  font-size: 16px;
}

.solutionList li.coming .solutionTex {
  background: #fff;
  border-radius: 0 0 8px 8px;
  border: 2px solid #fff;
}

/*---------------------------------
  .solutionList
---------------------------------*/
@media (max-width: 768.98px) {
  .solutionList.col-3-pc {
    justify-content: flex-start;
  }

  .solutionList.col-3-pc>li {
    width: 100%;
  }

  .solutionList .solutionTex {
    position: relative;
    padding: 20px 20px 20px 20px;
  }

  .solutionList .link>span {
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid #15826b;
    font-size: 12px;
    color: #16826b;
  }

  .solutionList .solutionTexTitle {
    color: #000;
  }

  .solutionList .link>span::before,
  .solutionList .link>span::after {
    content: none;
  }

  .solutionList .coming .solutionTexTitle {
    color: #adadad;
  }

  .solutionList .coming .link>span {
    border: 1px solid #adadad;
    color: #adadad;
  }

  .solutionList .coming .solutionTex {
    padding: 20px 20px 25px 20px;
  }

  .solutionList .coming .solutionTex::after {
    content: none;
  }

  .solutionList .solutionImg {
    height: 0;
    padding-bottom: 56.25%;
  }

  .solutionList .solutionTex>.solutionTexInner {
    padding-bottom: 0;
  }

}


/*---------------------------------
  .solutionList-top
---------------------------------*/
.solutionList-top {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  margin-top: 48px;
  gap: 30px;
}

.solutionList-top li {
  position: relative;
  padding: 0;
  overflow: hidden;
  width: 465px;
  font-weight: 700;
  border-radius: 8px;
  border: solid 1px #bbb;
  box-shadow: 1.54px 1.03px 3.15px 0px #2E1B2D04,
    6.78px 4.52px 6.52px 0px #2E1B2D07,
    16.64px 11.09px 13px 0px #2E1B2D09,
    -36.79px 55.47px 80px 0px #2E1B2D12;
}

.solutionList-top.col-3-pc>li {
  width: calc(33.3333% - 20px);
}

.solutionList-top li:hover {

  box-shadow: none;
}

.solutionList-top li a {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  color: #000;
  height: 100%;
  flex-direction: column;
}

.solutionList-top .solutionImg {
  overflow: hidden;
  order: -1;
  width: 100%;
  height: 170px;
  border-bottom: 1px solid #bbb;
  text-align: center;
  background-color: #fff;
  /*
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  */
  position: relative;
}

.solutionList-top .solutionImg>img {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
  object-fit: cover;

}

.solutionList-top .solutionTex {
  width: 100%;
  height: calc(100% - 170px);
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 20px 20px 24px 20px;
  position: relative;
  background-color: #fff;
  /*
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  */
}

.solutionList-top .solutionTex .more::after {
  content: '';
  position: absolute;
  right: 10px;
  top: 9px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 1px;
  transform: rotate(45deg);
}

.solutionList-top .solutionTexTitle {
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  text-align: left;
  line-height: 1.35;
}

.solutionList-top .link {
  margin-top: 10px;
  font-size: 15px;
  text-align: left;
  font-weight: 400;
  line-height: 1.5;
}

.solutionList-top .solutionTexTitle+.link {
  color: #333333;
}

.solutionList-top li.coming a:hover {
  opacity: 1;
}

.solutionList-top .coming .solutionImg {
  position: relative;
}

.solutionList-top .coming .solutionImg {
  background-color: #e9e9e9;
}

.solutionList-top .coming .solutionImg::after {
  content: "coming soon";
  position: absolute;
  top: calc(100% - 50px);
  left: 50%;
  transform: translateX(-50%);
  color: #bbb;
  font-size: 1.6rem;
}

.solutionList-top .coming .solutionTex {
  background: #e9e9e9;
  border: none;
}

.solutionList-top .coming .solutionTexTitle,
.solutionList-top .coming .link {
  color: #b9b9b9;
}

@media (max-width: 980px) {
  .solutionList-top {
    margin-top: 32px;
  }
}

@media (max-width: 768.98px) {
  .solutionList-top .solutionTexTitle {
    font-size: 22px;
  }

  .solutionList-top.col-3-pc>li {
    width: 100%;
  }

  .solutionList-top .solutionImg {
    height: 0;
    padding-bottom: 56.25%;
  }

  .solutionList-top .solutionTex {
    height: auto;
  }

  .solutionList-top .solutionTex>.solutionTexInner {
    padding-bottom: 0;
  }

  .solutionList-top .solutionTex>.button-01 {
    min-height: 36px;
    margin-top: 22px;
  }
}

.header-navigation-global_sub {
  display: none;
}

.subpage1st {
  position: relative;
  overflow: hidden;
  height: 260px;
  flex-wrap: wrap;
  margin-bottom: 30px;
  justify-content: space-between;
  align-content: stretch;
  position: relative;
  margin: 0 auto 0;
  padding: 15px 0;
  background: url("../img/common/subpage1st_pc.png")no-repeat center center / cover;
}

.subpage1st::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(50vw - 815px);
  display: block;
  width: 800px;
  height: 100%;
  background: url("../img/common/subpage1st-bg_pc.svg")no-repeat center center / cover;
  z-index: 0;
}

.subpage1st-inner {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}

.subpage2st {
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  position: relative;
  margin: 0 auto;
  padding: 15px 0 48px 0;
  min-height: 260px;
}

.subpage2st::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(50vw - 694px);
  display: block;
  width: 696px;
  height: 246px;
  background: url("../img/common/subpage2st-bg_pc.svg") no-repeat center center / cover;
  z-index: 0;
}

#blog .subpage2st {
  padding-bottom: 40px;
}

.subpage2st-inner {
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1240px;
  width: 100%;
}

.subpage1st-thum-title {
  margin: 65px 0 5px 0;
}

.subpageSolutionTxtWrap {
  position: relative;
  max-width: 1384px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  margin-left: auto;
}

.subpageSolutionTxtWrap .subpageSolutionTxtBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1154px;
  width: 100%;
  min-height: 332px;
  margin-left: auto;
}

.subpageSolutionTxtWrap .subCategory {
  font-size: 14px;
}

.subpageSolutionTxtWrap .subpageSolutionTxt {
  max-width: 498px;
  flex: 1;
}

.subpageSolutionTxt .subCategoryList {
  margin: -3px 0 0 -3px;
}

.subpageSolutionTxt .subCategoryList>li {
  margin: 3px;
}

.subpageSolutionTxt .subCategory {
  margin: 0;
}


.subpageSolutionTxtWrap .subpage1stImgWrap {
  max-width: 654px;
  margin-left: auto;
  padding-left: 64px;
  width: calc(100% - 498px);
}

.subpageSolution-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px 20px 0;
}

.subbread {
  margin: 10px auto 0;
  padding: 0;
  font-size: 12px;
}

.subbread>a {
  margin: 0 12px;
  color: #888888;
}

.subbread>span {
  margin: 0 12px;
}

.subbread>a:first-child,
.subbread>span:first-child {
  margin-left: 0;
}

.subCategory {
  line-height: 1.35;
  font-size: 12px;
  color: #16826B;
  border: 1px solid #16826B;
  background-color: #fff;
  padding: 4px 10px 4px 10px;
  border-radius: 4px;
  font-weight: 700;
  display: inline-block;
  font-family: "Montserrat";
}

@media (max-width: 768.98px) {
  .subCategory {
    font-size: 12px;
    border-radius: 2px;
  }
}

.subpageSolutionTxt h1,
.common .subpageSolutionTxt h1 {
  font-size: 32px;
  line-height: 1.5em;
  margin: 0 0 20px;
  padding: 0;
  font-weight: 700;
}

.subMidashi {
  color: #16826B;
  text-align: left;
  font-weight: 700;
  margin: 0;
  font-size: 26px;
}

.subMidashi .h2center {
  text-align: center;
  line-height: 1.3;
}

.subTxt {
  margin: 20px 0;
  text-align: left;
  line-height: 1.8;
}

.messageFlex {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  justify-content: space-between;
}

.messageFlex>.messageText {
  flex: 1;
}

.messageFlex>.messageThum {
  text-align: center;
}


.messageText p {
  margin: 30px 0 0 0;
}

.messageText p:first-child {
  margin-top: 0;
}

.messageText p {
  margin-top: 25px;
}

.messageText .messageName {
  text-align: right;
  font-weight: 700;
  margin: 25px 0 0 0;
  font-size: 14px;
}

.messageFlex>.messagePhoto {
  width: 26%;
  margin-left: 60px;
}

.messagePhoto>img {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.messageLink {
  border-top: 1px solid #bbb;
  margin-top: 55px;
  padding: 55px 0 10px 0;
}

.midashiLink {
  font-size: 20px;
  font-weight: 700;
  padding-left: 10px;
  margin-bottom: 15px;
  line-height: 1.0;
}

.messageLink a {
  font-size: 14px;
}

.midashiLink::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 24px;
  background: #A1529D;
  position: absolute;
  left: 0px;
}

.kinouFlex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  text-align: left;
  gap: 2%;
  /*margin-top: 3em;*/
}

.kinouFlex>.kinouBox {
  width: 31.3%;
  position: relative;
}

.kinouBox-textarea {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 0 8px 8px 8px;
  padding: 35px 23px 30px 23px;
}

.kinouBox p,
.leadarea .kinouBox p {
  margin: 15px 0 0;
}

.kinouBox .kinouNo,
.leadarea .kinouBox .kinouNo {
  display: block;
  min-height: 2.3em;
  margin: 0;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 2px);
  padding: 4px 12px 4px 12px;
  border: 1px solid #bbb;
  vertical-align: bottom;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  left: 0;
  font-size: 14px;
  font-weight: 700;
  background: #f5f5f5;
  line-height: 1.2;
}

.kinouBox .kinouNo>span {}

.kinouBox .kinouNo .num {
  font-family: "Montserrat";
  font-size: 22px;
  display: inline-block;
  position: relative;
  top: 2px;
  font-weight: 500;
  font-size: 22px;
  line-height: 100%;
}

.kinouBox .strong,
.leadarea .kinouBox .strong {
  margin: 0 auto 14px;
  font-size: 18px;
  line-height: 1.2;
}



/*.contactMini{
  background: #A1529D;
  padding: 8px 50px 8px 20px;
  border-radius: 30px;
  text-decoration: none;
  color: #fff;
  margin: 10px 0 0 0;
  display: inline-block;
  font-weight: 700;
  position: relative;
}*/

.contactMini::before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  top: 14px;
  right: 17px;
}

.contactMini::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 24px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #A1529D;
  border-right: 2px solid #A1529D;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


.subBlackFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 48px;
}

.subBlackFlex:first-child {
  margin-top: 0;
}

.subBlackFlex .subBlackBlock {
  position: relative;
  width: 100%;
  padding: 0;
  text-align: left;
  background: #fff;
}

.subBlackFlex .subBlackBlock:has(>.subBlackMidashi)+.subBlackBlock:has(>.subBlackMidashi) {
  margin-top: 45px;
}

.subBlackFlex.col-2-pc>.subBlackBlock {
  width: calc(50% - 15px);
  margin-left: 30px;
}

.subBlackFlex.col-2-pc>.subBlackBlock:nth-child(2n + 1) {
  margin-left: 0;
}

.subBlackFlex.col-2-pc>.subBlackBlock:nth-child(n + 3) {
  margin-top: 50px;
}

.subBlackFlex.col-3-pc>.subBlackBlock {
  width: calc(33.333% - 20px);
  margin-left: 30px;
}

.subBlackFlex.col-3-pc>.subBlackBlock:nth-child(3n + 1) {
  margin-left: 0;
}

.subBlackFlex.col-3-pc>.subBlackBlock:nth-child(n + 4) {
  margin-top: 50px;
}

.subBlackMidashi {
  background: #333;
  color: #fff;
  display: block;
  border-radius: 4px 4px 0 0;
  position: absolute;
  top: -30px;
  height: 30px;
  padding: 2px 10px;
  left: 0;
  font-size: 14px;
}

.subBlackFlex .subBlackQ {
  margin: 0;
  padding: 24px 24px;
  background: #FBF4FB;
  border-radius: 8px 8px 0 0;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.subBlackFlex .subBlackQ p {
  margin: 8px 0 0 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.subBlackFlex .subBlackQ p:first-child {
  margin-top: 0;
}

.subBlackFlex .subBlackQ p:last-child {
  margin-bottom: 0;
}

.subBlackFlex .subBlackA {
  margin: 0;
  background: #fff;
  padding: 24px 32px 24px 24px;
  line-height: 1.7;
  position: relative;
  border-radius: 0 0 8px 8px;
  border: 1px solid #bbb;
}

.subBlackA p,
.leadarea .subBlackA p {
  margin: 10px 0 0;
}

.subBlackA p:first-child,
.leadarea .subBlackA p:first-child {
  margin-top: 0;
}

.subBlackFlex .subBlackA .subBlackPoint {
  display: inline-block;
  padding: 3px 10px 3px 40px;
  margin-bottom: 10px;
  border-radius: 15px;
  background: #f5f5f5;
  color: #A1529D;
  font-weight: 700;
  position: relative;
  font-size: 14px;
  line-height: 1.7;
}

.subBlackFlex .subBlackA .subBlackPoint::before {
  content: "";
  display: block;
  background: url("../img/solution/flash.png") no-repeat;
  background-size: 22px;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 15px;
  top: 3px;
}

.subBlackFlex2 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 3%;
  justify-content: center;
}

.subBlackFlex2 div {
  width: 30%;
  position: relative;
  text-align: left;
  background: #fff;
  padding: 0;
  margin: 1em 0 2em 0;
  border-radius: 8px;
  border: 1px solid #bbb;
}

.subBlackFlex2 .subBlackQ {
  background: #FBF4FB;
  padding: 25px 20px 15px 80px;
  font-weight: 700;
  font-size: 90%;
  line-height: 1.4;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
  min-height: 7em;
}

.subBlackFlex2 .subBlackA {
  background: #fff;
  padding: 15px 15px 20px 15px;
  line-height: 1.7;
  min-height: 12em;
  position: relative;
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #bbb;
}

.subBlackFlex2 .subBlackQ::before {
  content: "";
  display: block;
  background: url("../img/solution/icon.png") no-repeat;
  background-size: 50px;
  width: 50px;
  height: 54px;
  position: absolute;
  left: 15px;
}

.subBlackFlex3 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 2%;
  justify-content: space-between;
}

.subBlackFlex3 div {
  width: 48%;
  position: relative;
  text-align: left;
  background: #fff;
  padding: 0;
}

.subBlackFlex3 .subBlackQ {
  background: #FBF4FB;
  padding: 30px 40px 15px 120px;
  font-weight: 700;
  font-size: 90%;
  line-height: 1.4;
  border-radius: 8px 8px 0 0;
  border-top: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  min-height: 6.5em;
  font-size: 16px;
}

.subBlackFlex3 .subBlackA {
  background: #fff;
  padding: 25px 20px 20px 20px;
  line-height: 1.7;
  min-height: 8em;
  position: relative;
  border-radius: 0 0 8px 8px;
  border: 1px solid #bbb;
}

.subBlackFlex3 .subBlackQ::before {
  content: "";
  display: block;
  background: url("../img/solution/icon.png") no-repeat;
  background-size: 50px;
  width: 50px;
  height: 54px;
  position: absolute;
  left: 47px;
  top: 28px;
}

.grayFukidashi {
  text-align: center;
  margin: 40px 0 35px 0;
}

.grayFukidashi p {
  background: #f5f5f5;
  padding: 20px 35px;
  text-align: center;
  display: inline-block;
  margin: 10px auto;
  position: relative;
  border-radius: 8px;
  font-size: 20px;
}

.grayFukidashi p:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #f5f5f5;
}

.BItool::before {
  content: "";
  display: block;
  width: 8px;
  height: 40px;
  background: url("../img/solution/next.png");
  left: 50%;
  position: relative;
  margin-left: -4px;
}

.toolMidashi {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin: 30px 0;
}

.toolMidashi .toolBig {
  font-size: 26px;
}

.colGr {
  color: #16826B;
}

.colPur {
  color: #A1529D;
  border-bottom: 2px solid #A1529D;
  font-weight: 700;
}

.toolFlex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 2%;
  justify-content: space-between;
}

.toolFlex .toolFlexBlock {
  width: 49%;
  text-align: center;
  position: relative;
  background: #f5f5f5;
  padding: 30px;
  margin-top: 10px;
  font-size: 22px;
  border-radius: 8px;
}

.toolFlex div .toolwhite {
  background: #fff;
  font-weight: 700;
  padding: 35px 70px 35px 30px;
  margin: 30px 0;
  position: relative;
  font-size: 16px;
  text-align: left;
  line-height: 1.3;
  border-radius: 8px;
}

.toolFlex div .toolBottom {
  font-size: 16px;
  text-align: left;
}

.bibottom {
  border: 1px solid #bbb;
  padding: 20px 60px;
  border-radius: 7px;
  font-weight: 700;
}

.serviceFlex {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  justify-content: space-between;
  gap: 2%;
}

.serviceFlex div {
  width: 47%;
  text-align: center;
  position: relative;
  background: #f5f5f5;
  padding: 0;
}

.serviceFlex div.serviceBlock2-1 {
  width: 47%;
}

.serviceFlex div.serviceBlock2-2 {
  width: 46%;
}

.serviceFlex div.serviceBlock1 {
  width: 55%;
}

.serviceFlex div.serviceBlock2 {
  width: 38.5%;
}

.serviceFlex .subMidashi {
  text-align: center;
  line-height: 1.2;
}

.sol3Table {
  border-spacing: 0;
  border-collapse: separate;
  font-size: 16px;
}

.sol3Table th {
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  background: #f5f5f5;
  text-align: center;
  padding: 25px;
  font-weight: bold;
  width: 166px;
  vertical-align: middle;
}

.sol3Table td {
  border-left: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  background: #fff;
  text-align: left;
  padding: 25px 40px;
}

.sol3Table .disc li,
.sol3TableFinish .disc li {
  margin: 0 0 0 30px;
}

.sol3Table th.greebTh {
  background: #D8F0EB;
}

.sol3Table tr:first-child th {
  border-radius: 8px 0 0 0;
  border-top: 1px solid #bbb;
}

.sol3Table tr:first-child td {
  border-radius: 0 8px 0 0;
  border-top: 1px solid #bbb;
}

.sol3Table tr:last-child th {
  border-radius: 0 0 0 8px;
}

.sol3Table tr:last-child td {
  border-radius: 0 0 8px 0;
}


.sol3TableFinish {
  margin: 50px 0 60px 0;
  border-spacing: 0;
  border-collapse: separate;
  font-size: 16px;
  position: relative;
  width: 100%;
}

.sol3TableFinish::before {
  content: "";
  display: block;
  background: url("../img/solution/polygon.png") no-repeat;
  background-size: 40px;
  width: 40px;
  height: 22px;
  position: absolute;
  left: 50%;
  top: -35px;
  margin-left: -20px;
}

.sol3TableFinish th {
  border: 1px solid #bbb;
  border-radius: 8px 0 0 8px;
  background: #A1529D;
  color: #fff;
  text-align: center;
  padding: 25px;
  font-weight: bold;
  width: 166px;
  vertical-align: middle;
}

.sol3TableFinish td {
  border: 1px solid #bbb;
  border-radius: 0 8px 8px 0;
  background: #FBF4FB;
  text-align: left;
  padding: 25px;
}

@media (max-width: 1240px) {
  .subpage2st::before {
    left: 597px;
    right: auto;
  }
}

@media (max-width: 1140px) {
  .subpageSolutionTxtWrap .subpage1stImgWrap {
    width: 50%;
    padding: 0 0 0 25px;
  }

  .subpageSolutionTxtWrap .subpageSolutionTxt {
    width: 50%;
  }
}

@media (max-width: 768.98px) {

  main#submain {
    margin-top: 0;
  }

  .subbread {
    top: 5px;
    left: 5px;
    font-size: 11px;
    display: -webkit-box;
    /* 必須 */
    -webkit-box-orient: vertical;
    /* 必須 */
    -webkit-line-clamp: 1;
    /* 行数を制限 */
    overflow: hidden;
    /* はみ出た部分を非表示 */
  }

  .solutionList {
    gap: 25px;
  }

  .solutionList li {
    background: #fff;
    padding: 0px;
    width: 100%;
    font-weight: 700;
  }

  .solutionList li a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .solutionList li.coming p .comingsoon {
    font-size: 14px;
    letter-spacing: 0px;
  }


  .coming .solutionTex {
    border-radius: 0 0 8px 8px;
    border: 2px solid #fff;
  }

  .solutionImg {
    width: 100%;
  }

  .solutionTex {
    padding: 20px 15px 25px 15px;
    width: 100%;
    font-size: 18px;
  }

  .header-navigation-global_sub {
    display: block;
  }

  .header-navigation-global_sub li {
    margin: 10px 0;
  }

  .header-navigation-global_sub a {
    text-decoration: none;
    color: #333;
    padding-left: 30px;
    font-size: 14px;
  }

  .header-navigation-global_sub span span {
    text-decoration: none;
    color: #aaa;
    padding-left: 30px;
    font-size: 14px;
  }

  .subpage1st {
    display: block;
    height: 170px;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 30px;
    justify-content: space-between;
    align-content: stretch;
    margin: 0 auto;
    padding: 10px 0;
    background: url("../img/common/subpage1st_sp.png")no-repeat center center / cover;
  }

  .subpage1st::before {
    top: 0;
    left: 0;
    right: auto;
    display: block;
    width: 100%;
    height: 100%;
    background: url("../img/common/subpage1st-bg_sp.svg")no-repeat 0 center / cover;
  }

  .subpage1st-inner {
    padding: 0 25px;
  }

  .subpage1st-thum-title {
    margin: 35px 0 5px 0;
  }

  .subpage2st {
    position: relative;
    display: block;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    align-content: stretch;
    margin: 0 auto;
    padding: 10px 0 32px 0;
    min-height: 170px;
  }

  #blog .subpage2st {
    padding-bottom: 24px;
  }

  #solution .subpage2st {
    padding-bottom: 24px;
  }

  .subpage2st::before {
    top: 0;
    left: 0;
    right: auto;
    display: block;
    width: 100%;
    height: 170px;
    background: url("../img/common/subpage2st-bg_sp.svg")no-repeat 0 center / cover;
  }

  .subpage2st-inner {
    padding: 0 20px;
  }

  .subpage2st.buttom::before {
    top: auto;
    bottom: 0;

  }

  .subpageSolutionTxt {
    width: 100%;
    padding: 0;
  }

  .subpageSolutionTxtWrap {
    margin: 35px auto 0;
    display: block;
  }

  .subpageSolutionTxtWrap .subpageSolutionTxtBox {
    display: block;
    width: 100%;
    min-height: auto;
  }

  .subpageSolutionTxtWrap .subCategory {
    font-size: 12px;
  }

  .subpageSolutionTxtWrap .subpageSolutionTxt {
    width: 100%;
    max-width: 100%;
  }

  .subpageSolutionTxtWrap .subpage1stImgWrap {
    width: 100%;
    max-width: none;
    margin-top: 24px;
    padding: 0;
  }

  .subpageSolutionTxt .subCategoryList {
    margin: -3px 0 0 -3px;
    padding: 0;
  }

  .subpageSolutionTxt .subCategoryList>li {
    margin: 3px;
  }

  .subpageSolutionTxt .subCategory {
    margin: 0;
  }

  .subpage1stImg {
    width: 100%;
    margin: 20px auto 0;
    display: block;
  }

  .subpage1stImg.sol01 {
    background-size: 90%;
    height: 280px;
    background-position-y: 0;
    margin-bottom: 20px;
    right: 0;
  }

  .subpage1stImg.sol02 {
    background-size: 100%;
    height: 300px;
    background-position-y: 0;
    margin-bottom: 10px;
    right: 0;
  }

  .subpage1stImg.sol03 {
    background-size: 100%;
    height: 300px;
    background-position-y: 0;
    margin-bottom: 20px;
    right: 0;
  }

  .subpageSolution-inner {
    padding: 0 25px;
  }

  .common .subpageSolutionTxt h1 {
    font-size: 26px;
    line-height: 1.4em;
    margin: 0 0 12px;
    padding: 0;
    font-weight: 700;
  }

  .contactBlock {
    padding: 40px 0;
  }

  .subMidashi {
    font-size: 22px;
    line-height: 1.3;
    margin-top: 20px;
  }

  .subTxt {
    line-height: 1.8;
  }

  .kinouFlex {
    margin: 2em 0 0;
  }

  .kinouFlex>.kinouBox {
    width: 100%;
    margin-top: 25px;
  }

  .kinouFlex>.kinouBox:first-child {
    margin-top: 0;
  }

  .kinouBox-textarea {
    padding: 20px;
  }

  .kinouBox .kinouNo {
    padding: 6px 12px 6px 12px;
    top: -2.4em;
    height: 2.4em;
  }

  .kinouBox .kinouNo .num {
    font-size: 22px;
    font-weight: 500;
  }


  .kinouBox .strong {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .contactMini {
    margin: 20px 0;
    font-size: 16px;
    padding: 15px;
    width: 90%;
  }


  .grayFukidashi {
    margin: 20px 0 -10px 0;
  }

  .grayFukidashi p {
    padding: 20px 22px;
    font-size: 18px;
    line-height: 1.4;
    width: 100%;
  }


  .subBlackFlex>.subBlackBlock {
    width: 100%;
  }

  .subBlackFlex>.subBlackBlock,
  .subBlackFlex.col-2-pc>.subBlackBlock,
  .subBlackFlex.col-3-pc>.subBlackBlock {
    margin-left: 0;
  }

  .subBlackFlex>.subBlackBlock:nth-child(n + 1),
  .subBlackFlex.col-2-pc>.subBlackBlock:nth-child(n + 1),
  .subBlackFlex.col-3-pc>.subBlackBlock:nth-child(n + 1) {
    margin-top: 32px;
  }

  .subBlackFlex.col-2-pc>.subBlackBlock {
    width: 100%;
  }

  .subBlackFlex.col-3-pc>.subBlackBlock {
    width: 100%;
  }

  .subBlackFlex .subBlackQ {
    padding: 16px 20px 16px 20px;
    min-height: auto;
  }

  .subBlackFlex2 .subBlackQ {
    padding: 20px 20px 20px 80px;
    min-height: auto;
  }

  .subBlackFlex2 .subBlackA {
    min-height: auto;
  }

  .subBlackFlex3 .subBlackQ {
    padding: 20px 20px 20px 80px;
    min-height: auto;
    font-size: 18px;
  }

  .subBlackFlex .subBlackA {
    background: #fff;
    padding: 20px 20px 20px 20px;
    line-height: 1.7;
    min-height: 5em;
    position: relative;
    font-size: 14px;
    ;
  }

  .subBlackFlex3 .subBlackQ::before {
    left: 20px;
    top: 34px;
  }

  .toolMidashi .toolBig {
    font-size: 22px;
  }

  .subBlackMidashi {
    top: -36px;
    height: 36px;
    padding: 4px 22px;
  }

  .toolFlex .toolFlexBlock {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
  }

  .toolFlex div .toolwhite {
    padding: 60px 15px 25px 15px;
    text-align: center;
    margin: 20px 0;
  }

  .toolFlex div .toolwhite::before {
    right: 50%;
    margin-right: -20px;
    top: 10px;
  }

  .serviceFlex div {
    width: 100%;
    padding: 0;
  }

  .bibottom {
    padding: 20px;
  }

  .serviceFlex .subMidashi {
    text-align: left;
  }

  .sol3Table th {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    width: 100%;
    display: block;
    padding: 10px;
  }

  .sol3Table td {
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    width: 100%;
    display: block;
    padding: 20px;
  }

  .sol3Table tr:first-child th {
    border-radius: 8px 8px 0 0;
    border-bottom: 0px;
  }

  .sol3Table tr:first-child td {
    border-radius: 0 0 0 0;
  }

  .sol3Table tr:last-child th {
    border-radius: 0 0 0 0;
  }

  .sol3Table tr:last-child td {
    border-radius: 0 0 8px 8px;
  }

  .sol3TableFinish th {
    border: 1px solid #bbb;
    border-radius: 8px 8px 0 0;
    width: 100%;
    display: block;
    padding: 10px;
  }

  .sol3TableFinish td {
    border-radius: 0 0 8px 8px;
    width: 100%;
    display: block;
    padding: 20px;
  }

  .serviceFlex div.serviceBlock1 {
    width: 100%;
    margin-top: 10px;
  }

  .serviceFlex div.serviceBlock2 {
    width: 100%;
    margin-top: 20px;
  }

  .serviceFlex div.serviceBlock2-1 {
    width: 100%;
    margin-bottom: 20px;
  }

  .serviceFlex div.serviceBlock2-2 {
    width: 100%;
  }

  .messageFlex {
    display: block;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: space-between;
  }

  .messageFlex>.messageText {
    width: 100%;
  }

  .messageText p {
    margin: 40px 0 0 0;
  }

  .messageText p {
    margin-top: 20px;
  }

  .messageText .messageName {
    text-align: left;
    font-size: 12px;
    margin: 15px 0 0 0;
  }

  .messagePhoto {
    width: 100%;
    text-align: center;
  }

  .messageFlex>.messagePhoto {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
  }

  .messagePhoto>img {
    width: 100%;
    max-width: 250px;
  }


}

.textLeft {
  text-align: left;
}

.greenSub {
  color: #16826B;
  font-weight: 700;
  line-height: 1.5em;
  font-size: 18px
}

h2.greenSub {
  font-size: 26px;
}

.interviewH1 {
  font-size: 200%;
  color: #333;
  font-weight: 700;
  margin: 20px 0 60px;
  line-height: 1.6em;
}

.interviewMainImage {
  margin-bottom: 10px !important;
  max-width: 960px;
  margin: 0 auto;
  display: block;
}

.interviewBlock {
  padding: 10px 90px;
}

.interviewMenberBlock {
  background: #F5F5F5;
  padding: 40px 50px 40px 60px;
  border-radius: 8px;
  margin: 40px 0;
}

.i_position {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
}

.i_name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.i_text {
  line-height: 1.6em;
}

.interviewImage {
  margin: 45px 0 60px 0;
}

.interviewMenber img {
  width: 120px;
}

.interviewMenber {
  display: flex;
  gap: 4%;
  justify-content: space-between;
  align-items: start;
}

.interviewMenber:last-child {
  margin-bottom: 0px;
}

.interviewBlock p {
  margin-bottom: 1.5em;
}

.menber1 .speaker {
  font-weight: 700;
  color: #A1529D;
  margin-bottom: 0;
}

.menber2 .speaker {
  font-weight: 700;
  color: #16826B;
  margin-bottom: 0;
}

.interviewH2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  margin: 60px 0 50px 0;
}

.interviewH2sub {
  font-size: 20px;
  font-weight: 700;
  color: #444669;
  position: relative;
  margin-left: 0px;
  line-height: 1.3;
}

.interviewH2sub:before {
  content: "";
  width: 30px;
  height: 1px;
  background-color: #444669;
  display: inline-block;
  position: relative;
  left: 0px;
  top: -5px;
  margin-right: 3px;
}

.interviewImage img {
  margin-bottom: 10px;
}

.subContent {
  position: relative;
}

.container.interview {
  padding-top: 50px;
}

.intbread {
  position: relative;
  top: 10px;
  font-size: 12px;
  max-width: 1360px;
  margin: 0 auto;
  font-size: 12px;
  padding: 0 10px;
}

.interviewBanner {
  margin: 70px 0 30px 0;
  display: block;

}

.interviewBanner img {
  border-radius: 8px;
  box-shadow: 1.54px 1.03px 3.15px 0px #2E1B2D04,
    6.78px 4.52px 6.52px 0px #2E1B2D07,
    16.64px 11.09px 13px 0px #2E1B2D09,
    -36.79px 55.47px 80px 0px #2E1B2D12;
}

.interviewBanner:hover img {
  box-shadow: none;
}


@media (max-width: 768.98px) {
  .container.interview {
    margin-top: 10px;
    padding-top: 40px;
  }

  .container.interview .greenSub {
    font-size: 16px;
  }

  .intbread {
    left: 10px;
    top: 10px;
    font-size: 12px;
  }

  .subContent {
    padding-top: 50px;
  }

  .interviewH1 {
    font-size: 26px;
    margin: 10px 0 30px;
    line-height: 1.5;
  }

  .interviewH2 {
    font-size: 22px;
  }

  .interviewH2sub {
    font-size: 18px;
  }

  .interviewMainImage {
    margin-bottom: 10px !important;
    max-width: 100%;
    margin: 0;
    display: block;
  }

  .interviewBlock {
    padding: 10px 0px;
  }

  .interviewMenberBlock {
    padding: 30px 20px 10px 20px;
    margin-top: 10px;
  }

  .interviewH2,
  h2.greenSub {
    margin: 2em 0 1em 0;
  }

  .interviewImage {
    margin: 20px 0;
  }

  .i_name {
    line-height: 1.3;
  }

  .i_name span {
    display: block;
    font-size: 14px;
  }

  .interviewMenber img {
    width: 100px;
  }

  .interviewList {
    width: 60%;
  }

  .interviewMenber {
    margin-bottom: 10px;
  }

  .i_text {
    font-size: 14px;
  }

  .interviewBanner {
    margin: 30px 0 30px 0;
    border-radius: 15px;
  }

}

/* ------------- 202506追記 ------------- */

.footer-navigation {
  position: relative;
  z-index: 0;
  width: 100%;
  /* max-width: 1020px; */
  max-width: 1000px;
  padding: 0 20px;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}

.footer-navigation-global {
  display: flex;
  flex-wrap: wrap;
  row-gap: 15px;
  grid-area: 2 / 5 / 2 / 1;
  margin: 20px 0;
  letter-spacing: 0.05em;
  width: calc(100% + 40px);
  margin-left: -40px;
}

.footer-navigation-global>li {
  margin-left: 40px;
}

.footer-navigation-global a {
  text-decoration: none;
  color: #fff;
}

.footer-navigation-global-link {
  height: 35px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.footer-navigation::after {
  position: absolute;
  left: calc(50% - 50vw);
  bottom: 0;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: #333;
  content: "";
}

@media (max-width: 1020px) {
  .footer-navigation::after {
    width: 100%;
    left: 0;
  }
}

@media (max-width: 768.98px) {
  /*
  .footer-navigation{
    top:1px;
    margin-top: 30px;
  }
  */

  .footer-navigation-global {
    width: 100%;
    margin: 48px 0 26px 0;
    row-gap: 10px;
  }

  .footer-navigation-global>li {
    margin: 0;
  }

  .footer-navigation-global>li:nth-child(2n + 1) {
    width: 46%;
  }

  .footer-navigation-global>li:nth-child(2n) {
    width: 54%;
    padding-left: 20px;
  }

  .footer-navigation-global-link {
    font-size: 16px;
  }


}

.midashi_purple {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 24px;
  line-height: 135%;
  color: #A1529D;
  margin: 0 0 10px;
}


.aboutsCol2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  gap: 30px;
  padding: 70px 0 70px 0;
}

.aboutsCol2:first-child {
  padding-top: 0;
}

.aboutsCol2:last-child {
  padding-bottom: 0;
}

.border-bottom {
  border-bottom: 1px solid #D9D9D9;
}

.aboutsCol2Left {
  width: 40%;
}

.aboutsCol2Right {
  width: 52%;
}

.aboutsCol2Right p {
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 16px;
  line-height: 2.4;
}


/*---------------------------------
  テキスト関連
---------------------------------*/
/*テキスト（色）*/
.color-white {
  color: #fff !important;
}

.color-purple {
  color: #a2519d !important;
}

.engfont {
  font-family: "Montserrat" !important;
}

h2 {
  margin: 50px 0 40px;
}


h2 .h2L {
  font-size: 3.4rem;
  color: #16826B;
  font-weight: 700;
  line-height: 1.5em;
}

h2 .h2S {
  font-size: 1.5rem;
  font-weight: 700;
}

.midashi {
  font-size: 2.0rem;
  margin: 0 0 20px 0;
  font-weight: 700;
  line-height: 27px;
}

@media (max-width: 768.98px) {
  .midashi {
    font-size: 1.8rem;
    margin: 0 0 15px 0;
    font-weight: 700;
    line-height: 27px;
  }
}

.nText {
  line-height: 1.8em;
}

@media (max-width: 768.98px) {
  .nText {
    font-size: 1.5rem;
  }
}

.h1block {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 960px;
  max-width: 1440px;
  margin: 0 auto;
}

.H1english {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 48px;
  line-height: 135%;
  color: #A1529D;
  margin: 60px 0 5px 0;
}

.h1EnglishPage h1,
.common .h1EnglishPage h1 {
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 48px;
  line-height: 1.35;
  color: #A1529D;
  margin: 65px 0 5px 0;
}

.H1japanese,
.common .H1japanese {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
}

.common h1 {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
}

.common h2 {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 26px;
  position: relative;
  padding: 24px 0 32px 0;
  margin: 64px 0 0;
  text-align: left;
  line-height: 1.5;
  background-image: linear-gradient(90deg, #A1529D 0%, #A1529D 120px, transparent 120px, transparent 128px, #D9D9D9 128px, #D9D9D9 100%);
  background-size: 100% 2px;
  background-repeat: no-repeat;
  background-position: left top;
}

.common .background-purple-01 h2 {
  background-image: linear-gradient(90deg, #FFF 0%, #FFF 120px, transparent 120px, transparent 128px, #B673BF 128px, #B673BF 100%);
}

.common .background-purple-01 h2 span {
  color: #fff;
}

#blog.common h2:has(+ h3) {
  padding-bottom: 24px;
}

.common h2:first-child {
  margin-top: 0;
}

.common h2+* {
  margin-top: 0 !important;
}

.common h2+h3 {
  margin-top: 24px !important;
}

.common h2+.dl-content,
.common h2+.dl,
.common h2+.dl-small {
  margin-top: 8px !important;
}

.common h2 span {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.35;
  color: #A1529D;
  display: block;
  margin-top: 8px;
}

#aboutus.common h2 span {
  margin-top: 3px;
}

.common h3 {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.35;
  position: relative;
  padding: 20px 0 24px 0;
  margin: 48px 0 0 0;
  text-align: left;
  z-index: 0;
  background-image: linear-gradient(90deg, #A1529D 0%, #A1529D 64px, transparent 64px, transparent 68px, #D9D9D9 68px, #D9D9D9 100%);
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: left top;
}

.common .background-purple-01 h3 {
  background-image: linear-gradient(90deg, #FFF 0%, #FFF 64px, transparent 64px, transparent 68px, #B673BF 68px, #B673BF 100%);
}

.common h3:first-child {
  margin-top: 0;
}

#news.common h3:has(+ p) {
  margin-bottom: 0;
}

#blog.common h3:has(+ .name-01),
#blog.common h3:has(+ .name-02) {
  margin-bottom: 0;
}

.common h3+* {
  margin-top: 0 !important;
}

.common h3+h4 {
  margin-top: 16px !important;
}

@media (max-width: 768.98px) {
  .common h3 {
    background-image: -webkit-linear-gradient(left, #A1529D 0%, #A1529D 42px, transparent 42px, transparent 46px, #D9D9D9 46px, #D9D9D9 100%);
  }

  .common h3+* {
    margin-top: 0 !important;
  }

  .common h3+h4 {
    margin-top: 0 !important;
  }

  .common .background-purple-01 h3 {
    background-image: -webkit-linear-gradient(left, #FFF 0%, #FFF 42px, transparent 42px, transparent 46px, #B673BF 46px, #B673BF 100%);
  }
}

.common h4 {
  margin: 40px auto 16px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.35;
}

.common h4:first-child {
  margin-top: 0;
}

.common h4+* {
  margin-top: 0 !important;
}

.lead-h3,
.common .lead-h3 {
  margin: 50px auto 25px;
  padding: 0;
  border-top: none;
  font-size: 18px;
  font-weight: bold;
  font-family: "Noto Sans JP", "FP-ヒラギノUD角ゴ StdN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "Helvetica Neue", Helvetica, Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  background: none;
}

.lead-h3:first-child,
.common .lead-h3:first-child {
  margin-top: 0;
}

.lead-h3:last-child,
.common .lead-h3:last-child {
  margin-bottom: 0;
}

.lead-h3::before,
.common .lead-h3::before {
  content: none;
}

.lead-h3::after,
.common .lead-h3::after {
  content: none;
}

.pMidashi_jp,
.common .pMidashi_jp {
  margin: 0 auto 25px;
  padding: 0;
  border: none;
  font-size: 2.0rem;
  color: #333;
  font-weight: 700;
  line-height: 1.35;
  font-family: "Noto Sans JP", "FP-ヒラギノUD角ゴ StdN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "Helvetica Neue", Helvetica, Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  background: none;
}

.pMidashi_jp::before,
.common .pMidashi_jp::before {
  content: none;
}

.pMidashi_jp::after,
.common .pMidashi_jp::after {
  content: none;
}


.midashi_blackL,
.common .midashi_blackL {
  margin: 20px auto 20px;
  padding: 0;
  border: none;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.35;
  font-family: "Noto Sans JP", "FP-ヒラギノUD角ゴ StdN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, "Helvetica Neue", Helvetica, Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  background: none;
}

.midashi_blackL:first-child,
.common .midashi_blackL:first-child {
  margin-top: 0;
}

.midashi_blackL:last-child,
.common .midashi_blackL:last-child {
  margin-bottom: 0;
}

.midashi_blackL::before,
.common .midashi_blackL::before {
  content: none;
}

.midashi_blackL::after,
.common .midashi_blackL::after {
  content: none;
}


.blog-index-title,
.common .blog-index-title {
  margin: 0 auto 10px;
  padding: 0;
  border: none;
  font-weight: bold;
  font-size: 20px;
  background: none;
}

.blog-index-title::before,
.common .blog-index-title::before {
  content: none;
}

.blog-index-title::after,
.common .blog-index-title::after {
  content: none;
}

.linkBanner-title,
.common .linkBanner-title {
  margin: 0 auto 15px;
  padding: 0;
  border: none;
  font-size: 18px;
  font-weight: bold;
  background: none;
}

.linkBanner-title::before,
.common .linkBanner-title::before {
  content: none;
}

.linkBanner-title::after,
.common .linkBanner-title::after {
  content: none;
}

.emphasis-text {
  margin: 48px auto 48px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.35;
}

.emphasis-text:first-child {
  margin-top: 0;
}

.emphasis-text:last-child {
  margin-bottom: 0;
}


@media (max-width: 768.98px) {

  .H1english {
    font-size: 30px;
    line-height: 1.35;
    margin: 30px 0 5px 0;
  }

  .common .h1EnglishPage h1 {
    font-size: 30px;
    line-height: 1.35;
    margin: 30px 0 5px 0;
  }

  .common .H1japanese {
    margin: 0;
    font-size: 14px;
  }

  .common h1 {
    font-size: 14px;
  }

  .common h2:first-child {
    margin-top: 0;
  }

  .common h2 {
    margin: 48px 0 0;
    padding: 20px 0 24px 0;
    font-size: 22px;
  }

  .common h2+* {
    margin-top: 0 !important;
  }

  .common h2+h3 {
    margin-top: 6px !important;
  }

  .common h2 span {
    font-size: 14px;
    line-height: 1.35;
    margin-top: 8px;
  }

  .common h2 {
    background-image: linear-gradient(90deg, #A1529D 0%, #A1529D 62px, transparent 62px, transparent 66px, #D9D9D9 66px, #D9D9D9 100%);
  }

  .common h2::before {
    width: 62px;
  }

  .common h2::after {
    left: 66px;
    width: calc(100% - 66px);
  }

  .common h3 {
    font-size: 18px;
    margin: 40px 0 0 0;
    padding: 20px 0 24px 0;
  }

  .common figure+h3 {
    margin-top: 48px;
  }

  .common h3+* {
    margin-top: 0 !important;
  }

  .common h4 {
    margin: 20px 0 16px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.35;
    vertical-align: middle;
  }

  .common h4+* {
    margin-top: 0 !important;
  }


  .lead-h3,
  .common .lead-h3 {
    margin: 40px auto 25px;
    padding: 0;
    font-size: 16px;
  }

  .pMidashi_jp,
  .common .pMidashi_jp {
    margin: 0 auto 25px;
    padding: 0;
    font-size: 18px;
  }

  .midashi_blackL,
  .common .midashi_blackL {
    margin: 20px auto 20px;
    padding: 0;
    font-size: 20px;
  }

  .midashi_blackL:first-child,
  .common .midashi_blackL:first-child {
    margin-top: 0;
  }

  .midashi_blackL:last-child,
  .common .midashi_blackL:last-child {
    margin-bottom: 0;
  }

  .blog-index-title,
  .common .blog-index-title {
    margin: 0 auto 20px;
    padding: 0;
    font-size: 18px;
  }

  .linkBanner-title,
  .common .linkBanner-title {
    margin: 0 auto 10px;
    padding: 0;
    font-size: 18px;
  }

  .emphasis-text {
    margin: 48px auto 48px;
    font-size: 20px;
    line-height: 1.35;
  }

  .emphasis-text {
    margin: 32px auto 32px;
    font-size: 16px;
  }

  .emphasis-text:first-child {
    margin-top: 0;
  }

  .emphasis-text:last-child {
    margin-bottom: 0;
  }
}



.abouts_logo {
  text-align: center;
  padding: 75px 0 80px 0;
}


.abouts_logo p {
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 18px;
  line-height: 2.4;
}

.imgBlock {
  margin: 30px 0;
  width: 100%;
}

.imgCaption {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}

.menberFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-content: stretch;
  width: calc(100% + 30px);
  margin: 0;
  padding: 0;
  transform: translate(-30px, -40px);
}

@media (min-width: 769px) {
  #aboutus .menberFlex {
    margin-top: -25px !important;
  }
}

.menberFlex .menberFlexBox {
  margin-top: 40px;
}

.menberFlex.col-3-pc .menberFlexBox {
  width: calc(33.333% - 30px);
  margin-left: 30px;
}


.downloadBlock {
  background: #f5f5f5;
  border-radius: 16px;
  margin: 60px 0 40px 0;
  text-align: center;
  padding: 40px 56px;
}

.downloadBlock:last-child {
  margin-bottom: 0;
}

.downloadBlock p,
.leadarea .downloadBlock p {
  margin: 10px 0 0;
}

.downloadBlock p:first-child,
.leadarea .downloadBlock p:first-child {
  margin-top: 0;
}

@media (max-width: 768.98px) {
  .downloadBlock {
    margin: 32px 0 40px 0;
    padding: 20px;
  }

  .downloadBlock:last-child {
    margin-bottom: 0;
  }


  .downloadBlock p,
  .leadarea .downloadBlock p {
    margin: 10px 0 0;
  }

  .downloadBlock p:first-child,
  .leadarea .downloadBlock p:first-child {
    margin-top: 0;
  }
}

.menberFlex .menberPhoto {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 200px;
  border-radius: 8px;
}

.menberFlex .menberPhoto>img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}

/*左テキスト　右画像（幅広め）*/
.rightL-img {
  display: flex;
  flex-wrap: wrap;
}

.rightL-img-text {
  flex: 1;
}

.rightL-img>figure,
.leadarea .rightL-img>figure,
.rightL-img>img,
.leadarea .rightL-img>img {
  margin: 0 0 0 40px;
  width: 340px;
}

.rightL-img>figure img {
  width: 100%;
  height: auto;
}

@media (max-width: 768.98px) {

  .subBlackFlex {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .menberFlex {
    margin-top: 0;
  }

  .menberFlex.col-3-pc {
    transform: translate(0, -25px);

  }

  .menberFlex.col-3-pc {
    width: 100%;
    margin: 0 auto;
  }

  .menberFlex .menberFlexBox,
  .menberFlex.col-3-pc .menberFlexBox {
    width: 100%;
  }

  .menberFlex .menberFlexBox {
    margin-top: 25px;
  }

  .menberFlex.col-3-pc .menberFlexBox {
    margin-left: 0;
  }

  .menberFlex .menberPhoto {
    width: 100%;
    height: 0;
    padding-bottom: 66.6666667%;
  }

  .grayBackground {
    background: #f5f5f5;
    padding: 30px 25px;
    margin: 40px 0;
    border-radius: 10px;
  }

  .rightL-img {
    display: block;
  }

  .rightL-img>figure,
  .leadarea .rightL-img>figure,
  .rightL-img>img,
  .leadarea .rightL-img>img {
    margin: 30px 0 0 0;
    width: 100%;
  }

  .rightL-img img {
    width: 100%;
    margin-left: 0;
  }

  .layoutTable th,
  .layoutTable td {
    display: block;
  }





  .abouts_logo {
    padding: 60px 0 50px 0;
  }

  .abouts_logo p {
    text-align: left;
  }

  .aboutsCol2 {
    gap: 20px;
    padding: 40px 0;
  }

  .aboutsCol2Right {
    width: 100%;
  }

  .aboutsCol2Left,
  .aboutsCol2Right {
    width: 100%;
  }




  .midashi_purple {
    font-size: 18px;
  }

  .newsList>li {
    padding: 15px 0px;
  }

  .newsList>li p {
    margin: 5px 0 0;
  }

  .newsList>li p:first-child {
    margin-top: 0;
  }

  .imgCaption {
    font-size: 14px;
  }
}

.menberTextArea {
  margin-top: 20px;
}

.menberPosition {
  margin: 0 0 0;
  font-weight: 700;
  font-size: 11px;
  line-height: 135%;
  color: #16826B;
}

.menberName {
  margin: 10px 0 0;
  font-weight: 700;
  font-size: 23px;
  line-height: 135%;
}

.menberFuri {
  margin: 10px 0 0;
  font-family: Montserrat;
  font-weight: 700;
  font-size: 12px;
  line-height: 135%;
}

@media (max-width: 768.98px) {
  .menberTextArea {
    margin-top: 20px;
  }

  .menberFuri {
    margin-top: 0;
  }

  .menberName {
    font-size: 22px;
    margin: 2px 0 5px;
  }
}

.tableLayout {
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  margin: 48px 0;
}

.tableLayout.bg-gray {
  background: #f9f9f9 !important;
}

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

.tableLayout:first-child {
  margin-top: 0;
}

.tableLayout:last-child {
  margin-top: 0;
}

.tableBlock {
  padding: 24px 24px;
}

.tableBlock+.tableBlock {
  border-top: 1px solid #D9D9D9;
}

.tableBlock p,
.leadarea .tableBlock p {
  margin: 0;
}

.leadarea .tableBlock ol li::before {
  font-weight: normal;
}

.tableWrapper {
  margin: 48px 0;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  overflow: hidden;
}

.tableWrapper:first-child {
  margin-top: 0;
}

.tableWrapper:last-child {
  margin-top: 0;
}

.layoutTable {
  border-collapse: collapse;
  width: 100%;
}

.layoutTable th,
.layoutTable td {
  border: 1px solid #D9D9D9;
  padding: 24px;
}

.layoutTable th {
  text-align: left;
  font-weight: normal;
}

.layoutTable tr:first-child th {
  border-top: none;
}

.layoutTable tr:last-child td {
  border-bottom: none;
}

.layoutTable tr td:first-child,
.layoutTable tr th:first-child {
  border-left: none;
  border-bottom: none;
}

.layoutTable tr td:last-child,
.layoutTable tr th:last-child {
  border-right: none;
  border-top: none;
}

.layoutTable.type-01 th {
  background-color: #f5f5f5;
}

.layoutTable p,
.leadarea .layoutTable p {
  margin: 10px 0 0;
}

.layoutTable p:first-child,
.leadarea .layoutTable p:first-child {
  margin-top: 0;
}

.layoutTable p:last-child,
.leadarea .layoutTable p:last-child {
  margin-top: 0;
}

.layoutTable ul,
.leadarea .layoutTable ul {
  margin: 10px 0 0 20px;
}

.layoutTable ul:first-child,
.leadarea .layoutTable ul:first-child {
  margin-top: 0;
}

.layoutTable ul:last-child,
.leadarea .layoutTable ul:last-child {
  margin-top: 0;
}

.layoutTable ol,
.leadarea .layoutTable ol {
  margin: 10px 0 0;
}

.layoutTable ol:first-child,
.leadarea .layoutTable ol:first-child {
  margin-top: 0;
}

.layoutTable ol:last-child,
.leadarea .layoutTable ol:last-child {
  margin-top: 0;
}

.layoutTable ol::before,
.leadarea .layoutTable ol li::before {
  font-weight: normal;
}

@media (max-width: 768.98px) {
  .tableLayout {
    margin: 32px 0;
  }

  .tableLayout:first-child {
    margin-top: 0;
  }

  .tableLayout:last-child {
    margin-top: 0;
  }

  .tableWrapper {
    margin: 32px 0;
  }

  .tableWrapper:first-child {
    margin-top: 0;
  }

  .tableWrapper:last-child {
    margin-top: 0;
  }

  .layoutTable tr:last-child td {
    border-bottom: 1px solid #D9D9D9;
  }

  .layoutTable tr td:first-child,
  .layoutTable tr th:first-child {
    border-right: none;
    border-bottom: 1px solid #D9D9D9;
  }

  .layoutTable tr td:last-child,
  .layoutTable tr th:last-child {
    border-left: none;
    border-bottom: none;
  }

  .layoutTable p,
  .leadarea .layoutTable p {
    margin: 10px 0 0;
  }

  .layoutTable p:first-child,
  .leadarea .layoutTable p:first-child {
    margin-top: 0;
  }

  .layoutTable p:last-child,
  .leadarea .layoutTable p:last-child {
    margin-top: 0;
  }

  .layoutTable ul,
  .leadarea .layoutTable ul {
    margin: 10px 0 0 20px;
  }

  .layoutTable ul:first-child,
  .leadarea .layoutTable ul:first-child {
    margin-top: 0;
  }

  .layoutTable ul:last-child,
  .leadarea .layoutTable ul:last-child {
    margin-top: 0;
  }

  .layoutTable ol,
  .leadarea .layoutTable ol {
    margin: 10px 0 0;
  }

  .layoutTable ol:first-child,
  .leadarea .layoutTable ol:first-child {
    margin-top: 0;
  }

  .layoutTable ol:last-child,
  .leadarea .layoutTable ol:last-child {
    margin-top: 0;
  }
}



.purpleMidashi,
.leadarea .purpleMidashi {
  margin: 0 auto 20px;
  color: #A1529D;
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.35;
  text-align: center;
}

@media (max-width: 768.98px) {

  .purpleMidashi,
  .leadarea .purpleMidashi {
    margin: 0 auto 10px;
    font-size: 18px;
  }

  .downloadBlock .purpleMidashi+p {
    font-size: 14px;
  }

}

.button-download {
  background: #fff;
  color: #A1529D;
  border: #A1529D solid 1px;
  border-radius: 30px;
  padding: 7px 40px 7px 25px;
  margin: 15px 0 0 0;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  font-size: 14px;
  display: inline-block;
}

a.button-download>p {
  display: inline-block;
}


.newsOption {
  position: relative;
  margin-top: 70px;
  margin-bottom: 16px;
}

.newsOption h2 {
  margin: 0;
  padding-right: 200px;
}


@media (max-width: 768.98px) {

  .newsOption {
    margin-top: 35px;
    margin-bottom: 50px;
    padding-bottom: 5px;
  }

  .newsOption h2 {
    margin: 0;
  }
}

.newsSelecterWrap {
  position: absolute;
  top: 25px;
  right: 0;
  display: inline-flex;
  flex-wrap: wrap;
}

.newsSelecterWrap .newsSelecterBox {
  display: inline-flex;
  align-items: center;
  position: relative;
}

.newsSelecterWrap .newsSelecterBox::after {
  position: absolute;
  right: 25px;
  width: 10px;
  height: 7px;
  background-color: #535353;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
}

.newsSelecterWrap .newsSelecterBox select {
  appearance: none;
  min-width: 130px;
  height: 2.8em;
  padding: .4em calc(.8em + 30px) .4em .8em;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
  margin: 0 0 0 0;
}

.newsSelecterWrap .feedButton {
  display: inline-block;
  margin-left: 10px;
}

.newsSelecterWrap .feedButton img {
  width: 40px;
  height: auto;
}

@media (max-width: 768.98px) {

  .newsSelecterWrap .feedButton {
    margin-top: 5px;
  }

  .newsSelecterWrap {
    top: 15px;
  }
}

/* アコーディオン */
.accordion {
  max-width: 960px;
  margin: 20px auto;
  border: 1px solid #bbb;
  border-radius: 8px;
}

.accordion:last-child {
  margin-bottom: 0;
}

.accordion-item.is-active.dl-content {
  margin-bottom: 24px;
}

.accordion-content {
  display: none;
  padding-bottom: 24px;
}

.accordion-item.is-active .accordion-content {
  display: block;
  border-top: 1px solid #D9D9D9;
  margin: 0 30px;
}

.accordion-header {
  position: relative;
  padding: 25px 60px 25px 30px;
  cursor: pointer;
}

.accordion-header:hover {
  opacity: 0.7;
}

.accordion-header>p {
  display: flex;
  margin: 0;
  align-items: center;
  font-weight: bold;
  font-size: 20px;
}

.accordion-header>p>span {
  display: inline-block;
  font-size: 12px;
  align-content: baseline;
  margin-left: 10px;
}

.accordion-header::before {
  content: '';
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  background: url("../img/common/accordion-arrow-close-black.svg")no-repeat 0 0;
}


.accordion-item.is-active .accordion-header::before {
  background: url("../img/common/accordion-arrow-open-black.svg")no-repeat 0 0;
}

@media (max-width: 768.98px) {
  .accordion-header {
    padding: 15px 50px 15px 15px;
  }

  .accordion-header:hover {
    opacity: 1;
  }

  .accordion-header>p {
    display: block;
    margin: 0;
    font-size: 18px;
  }

  .accordion-header>p>span {
    display: block;
    margin-left: 10px;
  }

  .accordion-header::before {
    right: 20px;
  }

  .accordion-header::after {
    right: 20px;
  }

  .accordion-item.is-active .accordion-content {
    margin: 0 20px;
  }
}


.dl-content-title,
p.dl-content-title {
  background-color: #F5F5F5;
  padding: 12px 16px;
  margin: 32px 0 24px;
  font-weight: 700;
  font-size: 18px;
  line-height: 135%;
  border-radius: 4px;
  gap: 10px;
}

.dl {
  border-top: 1px solid #D9D9D9;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 24px 0;
}

.dl:last-child {
  border-bottom: 1px solid #D9D9D9;
}

.dl>dt {
  width: 160px;
  margin: auto 0;
  line-height: 1.8;
  font-weight: bold;
  font-size: 16px;
}

.dl>dd {
  flex: 1;
  padding-left: 20px;
  line-height: 1.8;
  font-size: 16px;
}

.dl>dd>ul>li {
  padding-left: 1em;
}

.dl>dd>ul>li::before {
  content: '•';
  color: #000;
  margin-left: -1em;
  display: inline-block;
  width: 1em;
}

.dl-small {
  border-top: 1px solid #D9D9D9;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 24px 0;
}

.dl-small:last-child {
  border-bottom: 1px solid #D9D9D9;
}

.dl-small>dt {
  width: 100px;
  margin: auto 0;
  line-height: 1.8;
  font-weight: bold;
  font-size: 14px;
}

.dl-small>dd {
  flex: 1;
  padding-left: 20px;
  line-height: 1.8;
  font-size: 14px;
}

.dl-small>dd>ul>li {
  padding-left: 1em;
}

.dl-small>dd>ul>li::before {
  content: '•';
  color: #000;
  margin-left: -1em;
  display: inline-block;
  width: 1em;
}

@media (max-width: 768.98px) {

  .dl-content-title,
  p.dl-content-title {
    font-size: 16px;
    margin: 24px 0 16px;
  }

  .dl {
    display: block;
    width: 100%;
    padding: 19px 0;
  }

  .dl>dt {
    width: 100%;
    margin-bottom: 4px;
  }

  .dl>dd {
    width: 100%;
    padding-left: 0;
  }


  .dl-small {
    display: block;
    width: 100%;
    padding: 12px 0;
  }

  .dl-small>dt {
    width: 100%;
    margin-bottom: 4px;
  }

  .dl-small>dd {
    width: 100%;
    padding-left: 0;
  }
}

/*背景*/
.bg-gray {
  background: #f5f5f5;
}

/*会社のことをより知りたい方へ*/
.recruit-contact {
  background: #fff;
  border-radius: 16px;
  padding: 40px 56px;
}

.recruit-contact p {
  margin: 5px 0 0;
}

.recruit-contact p:first-child {
  margin-top: 0;
}

.recruit-contact-container {
  display: flex;
}

.recruit-contact-interview {
  max-width: 511px;
  width: 100%;
  border-right: solid 1px #E9E9E9;
  padding-right: 56px;
}

.recruit-contact-interview p.title,
.recruit-contact-other p.title {
  color: #A1529D;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-bottom: 5px;
}

.recruit-contact-interview p.small {
  font-size: 12px;
}

.recruit-contact-other {
  max-width: 280px;
  width: 100%;
  margin-left: 50px;
}

.li-logo-thum {
  width: 84px;
  height: auto;
}

@media (max-width: 768.98px) {
  .recruit-contact {
    padding: 35px 20px 30px 20px;
  }

  .recruit-contact p {
    margin: 5px 0 0;
  }

  .recruit-contact p:first-child {
    margin-top: 0;
  }

  .recruit-contact-container {
    display: block;
  }

  .recruit-contact-interview {
    width: 100%;
    max-width: none;
    margin: 0 0 30px 0;
    padding: 0 0 24px 0;
    border-right: none;
    border-bottom: solid 1px #E9E9E9;
  }

  .recruit-contact-other {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .li-logo-thum {
    width: 77px;
    height: auto;
  }

}


.buttonWrap {
  margin: 40px auto;
  text-align: center;
}

.leadarea .buttonWrap {
  margin: 48px auto;
}

.buttonWrap:first-child,
.leadarea .buttonWrap:first-child {
  margin-top: 0;
}

.buttonWrap:last-child,
.leadarea .buttonWrap:last-child {
  margin-bottom: 0;
}

.case-container+.buttonWrap,
.leadarea .case-container+.buttonWrap {
  margin-top: 27px;
}

#blog .case-container+.buttonWrap,
#blog .leadarea .case-container+.buttonWrap {
  margin-top: 24px;
}

.kinouFlex+.buttonWrap,
.leadarea .kinouFlex+.buttonWrap {
  margin-top: 40px;
}

.subBlackFlex+.buttonWrap,
.leadarea .subBlackFlex+.buttonWrap {
  margin-top: 40px;
}

.buttonWrap .button-01,
.buttonWrap .button-02,
.buttonWrap .button-03 {
  display: inline-flex;
  margin: 0;
}

/* ボタン通常*/
.button-01 {
  margin: 20px auto;
  padding: 8.5px 44px 8.5px 25px;
  border-radius: 30px;
  color: #fff;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  justify-content: center;
  text-align: center;
  background: #A1529D;
}

.button-01 p,
.leadarea .button-01 p {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.button-01,
.button-01 p,
.leadarea .button-01 p {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.8;
}

.button-01::before {
  content: '';
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.button-01::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 23px;
  width: 5px;
  height: 8px;
  background: url("../img/common/button-arrow-purple.svg")no-repeat 0 0 / 100% auto;
}

.button-01:first-child {
  margin-top: 0;
}

.button-01:last-child {
  margin-bottom: 0;
}

/* ボタン色変え*/
.button-01.button-second,
.background-purple-01 .button-01 {
  background: #fff;
  color: #A1529D;
  border: #A1529D solid 1px;
}

.background-purple-01 .button-01 {
  color: #333;
}

.button-01.button-second::before,
.background-purple-01 .button-01::before {
  background: #A1529D;
}

.button-01.button-second::after,
.background-purple-01 .button-01::after {
  background: url("../img/common/button-arrow-white.svg")no-repeat 0 0 / 100% auto;
}


/* ボタン大きめ*/
.button-01.button-large {
  margin: 20px auto;
  min-height: 72px;
  padding: 8.5px 50px 8.5px 30px;
  border-radius: 100px;
}

.button-01.button-large,
.button-01.button-large p,
.leadarea .button-01.button-large p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}

.button-01.button-large::before {
  width: 24px;
  height: 24px;
  right: 20px;
}

.button-01.button-large::after {
  width: 6px;
  height: 10px;
  right: 28px;
}

.button-01.button-large:first-child {
  margin-top: 0;
}

.button-01.button-large:last-child {
  margin-bottom: 0;
}



.button-01.button-x-small {
  min-height: 34px;
  padding: 5px 40px 5px 20px;
  margin: 20px auto;
}

.button-01.button-x-small:last-child {
  margin-bottom: 0;
}

.button-01.button-x-small::before {
  width: 18px;
  height: 18px;
  right: 12px;
}

.button-01.button-x-small::after {
  right: 18px;
  width: 5px;
  height: 8px;
}

.button-01.button-x-smal,
.button-01.button-x-small p {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.8;
}

.button-02 {
  background: #fff;
  padding: 8.5px 10px;
  border-radius: 30px;
  border: solid 1px #D9D9D9;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  width: fit-content;
  min-width: 240px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  display: flex;
  justify-content: center;
  margin: 20px auto;
}

.but_font_black {
  color: #333 !important;
}

/*button-more*/
.button-more {
  background: #fff;
  padding: 8.5px 20px;
  border-radius: 45px;
  border: solid 1px #D9D9D9;
  color: #333333;
  font-weight: 700;
  width: 330px;
  min-height: 73px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

.button-more p {
  position: relative;
  padding-left: 25px;
  padding-right: 50px;
}

.button-more p::after {
  content: '＋';
  position: absolute;
  top: calc(50% - 1px);
  right: 10px;
  color: #A1529D;
  font-weight: bold;
  font-size: 16px;
  transform: translateY(-50%);
}

.button-more,
.button-more p {
  font-size: 16px;
  line-height: 1.8;
}

.button-more.is-open p::after {
  content: 'ー';
}


@media (max-width: 768.98px) {
  .buttonWrap {
    margin: 24px auto;
  }

  .leadarea .buttonWrap {
    margin: 32px auto;
  }

  .buttonWrap:last-child,
  .leadarea .buttonWrap:last-child {
    margin-bottom: 0;
  }

  #news.common .contact-banner-area .buttonWrap {
    margin-top: 40px;
  }

  .case-container.js-case-slider+.buttonWrap,
  .leadarea.js-case-slider .case-container+.buttonWrap {
    margin-top: 32px;
  }

  .case-container+.buttonWrap,
  .leadarea .case-container+.buttonWrap {
    margin-top: 21px;
  }

  .subBlackFlex+.buttonWrap,
  .leadarea .subBlackFlex+.buttonWrap {
    margin-top: 24px;
  }

  .solutionList+.buttonWrap,
  .leadarea .solutionList+.buttonWrap {
    margin-top: 24px;
  }

  .kinouFlex+.buttonWrap,
  .leadarea .kinouFlex+.buttonWrap {
    margin-top: 24px;
  }

  .button-01,
  .button-01 p,
  .leadarea .button-01 p {
    font-size: 14px;
  }

  .button-01 p,
  .leadarea .button-01 p {
    margin: 0;
    padding: 0;
    line-height: 1.8;
  }

  .button-01.button-large {
    min-height: 54px;
    padding: 7.5px 42px;
  }

  .button-01.button-large,
  .button-01.button-large p,
  .leadarea .button-01.button-large p {
    font-size: 16px;
  }

  .button-01.button-large::before {
    width: 18px;
    height: 18px;
    right: 19px;
  }

  .button-01.button-large::after {
    right: 24px;
  }

  .button-more {
    width: 320px;
    min-height: 60px;
  }
}

/*テキスト*/
/*.tl {
  text-align: left !important;
}

.tr {
  text-align: right !important;
}

.tc {
  text-align: center !important;
}

.fw-b {
  font-weight: bold;
}
.text-note {
  margin-top: 15px;
  font-size: 14px;
}*/

/*ニュース　記事ページ*/
.news-h1 {
  margin: 40px auto 0;
  max-width: 961px;
}

.news-data {
  font-size: 16px;
  margin: 0 0 16px;
  line-height: 1;
  font-family: Montserrat;
  font-weight: 500;
}

.news-title,
.common h1.news-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 150%;
}

.news-inner-contents {
  margin-bottom: 48px;
}

@media (max-width: 768.98px) {
  .news-h1 {
    margin: 32px auto 0;
  }

  .news-title,
  .common h1.news-title {
    margin: 16px auto 0;
    font-size: 26px;
  }

  .news-data {
    margin: 0 0 16px;
  }
}

/*leadarea*/
.leadarea-news {
  max-width: 780px;
  margin: 48px auto;
}

.leadarea-solution {}

.leadarea ol {
  margin: 16px 0 20px;
  padding: 0;
  counter-reset: leadarea-ol;
  /* カウンターをリセット */
  list-style: none;
  /* 標準のスタイルは消す */
}

.leadarea ul {
  margin: 16px 0 0 20px;
  padding: 0;
}

.leadarea ol:first-child,
.leadarea ul:first-child {
  margin-top: 0;
}

.leadarea ol:last-child,
.leadarea ul:last-child {
  margin-bottom: 0;
}

.leadarea ol>li,
.leadarea ul>li {
  margin-top: 5px;
  line-height: 1.8;
}

.leadarea ol>li:first-child,
.leadarea ul>li:first-child {
  margin-top: 0;
}

.leadarea ol>li {
  position: relative;
  padding-left: 1.7em;
}

.leadarea ol li::before {
  counter-increment: leadarea-ol;
  /* counter-resetと同じ文字列 */
  content: counter(leadarea-ol) '.';
  /* カウントした数に応じて番号を表示 */
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
}

.leadarea ol li:nth-child(n + 10)::before {
  left: 0;
}


.leadarea ol>li>p,
.leadarea ul>li>p {
  margin-top: 5px;
}

.leadarea .name-01,
.leadarea .name-02 {
  margin: 25px 0 2px 0;
  padding: 0;
  font-weight: bold;
}

.leadarea .name-01:first-child,
.leadarea .name-02:first-child {
  margin-top: 0;
}

.leadarea .name-01:last-child,
.leadarea .name-02:last-child {
  margin-top: 0;
}

.leadarea .name-01 {
  color: #A1529D;
}

.leadarea .name-02 {
  color: #16826B;
}

.leadarea p {
  margin-top: 32px;
  font-size: 16px;
}

.leadarea p.text-note {
  margin-top: 16px;
  font-size: 14px;
}

.leadarea p:first-child {
  margin-top: 0;
}

.leadarea .name-01+p,
.leadarea .name-02+p {
  margin-top: 0;
}

.leadarea-blog {
  margin: 50px auto;
}

@media (max-width: 768.98px) {

  /*lead */
  /*lead-news */
  .leadarea-news {
    margin: 32px auto 40px;
  }

  /*lead-blog */
  .leadarea-blog {
    margin: 32px auto;
  }

  .leadarea .name-01,
  .leadarea .name-02 {
    margin: 20px auto 4px;
  }

  .leadarea p.text-note {
    margin-top: 8px;
    font-size: 14px;
  }

  .leadarea ol {
    margin: 24px 0 20px;
    padding: 0;
  }

  .leadarea ol:first-child {
    margin-top: 0;
  }

  .leadarea ol:last-child {
    margin-bottom: 0;
  }

  .leadarea ul {
    margin: 24px 0 0 20px;
    padding: 0;
  }

  .leadarea ul:first-child {
    margin-top: 0;
  }

  .leadarea ul:last-child {
    margin-bottom: 0;
  }
}

.other {
  margin-top: 48px;
  padding: 40px;
  background-color: #fff;
  border-radius: 8px;
  border: solid 1px #D9D9D9;
}

.other p,
.leadarea .other p {
  margin: 10px auto 0;
}

.other p:first-child {
  margin: 0 !important;
}

@media (max-width: 768.98px) {
  .other {
    margin-top: 32px;
    padding: 25px;
  }

  .other p,
  .leadarea .other p {
    margin: 10px auto 0;
  }

  .other p:first-child {
    margin: 0 !important;
  }
}

/*画像*/
.wp-block-image,
figure {
  margin: 32px auto 0;
}

.leadarea .wp-block-image,
.leadarea figure {
  margin: 48px auto 0;
}

.wp-block-image:first-child,
.leadarea .wp-block-image:first-child,
figure:first-child,
.leadarea figure:first-child {
  margin-top: 0;
}

.caption,
.leadarea .caption,
figure>figcaption,
.wp-block-image :where(figcaption) {
  margin: 16px 0 0 0;
  padding: 0;
  text-align: center;
  line-height: 1.8;
  font-size: 14px;
}

@media (max-width: 768.98px) {

  .wp-block-image,
  figure {
    margin: 32px auto 0;
  }

  .leadarea .wp-block-image,
  .leadarea figure {
    margin: 32px auto 0;
  }

  .wp-block-image:first-child,
  .leadarea .wp-block-image:first-child,
  figure:first-child,
  .leadarea figure:first-child {
    margin-top: 0;
  }

  .caption,
  .leadarea .caption,
  figure>figcaption,
  .leadarea figure>figcaption,
  .wp-block-image :where(figcaption) {
    margin: 12px 0 0 0;
    padding: 0;
    font-size: 14px;
  }
}

/*dlリスト*/
dl.news-dl-num dt {
  counter-increment: item;
  font-weight: bold;
}

dl.news-dl-num dd,
dl.news-dl-dot dd {
  margin-left: 2rem;
}

dl.news-dl-num,
dl.news-dl-dot {
  counter-reset: item;
  margin-top: 15px;
}

dl.news-dl-num dt::before {
  content: counter(item) ". ";
  font-weight: bold;
}

dl.news-dl-dot dt {
  position: relative;
  padding-left: 1.3em
}

dl.news-dl-dot dt::before {
  content: "・";
  position: absolute;
  left: 0;
  font-size: 1em;

}

/*左テキスト　右画像*/
.right-img {
  display: flex;
}

.right-img-text {
  display: inline-block;
  width: 400px;
  margin-right: 40px;
}

.right-img img {
  display: inline-block;
  width: 340px;
}


/*lead-beginning */
.lead-beginning {
  margin: 0 auto 40px;
}

.lead-beginning p {
  margin-top: 30px;
}

.lead-beginning p:first-child {
  margin-top: 0;
}

@media (max-width: 768.98px) {

  /*lead-beginning */
  .lead-beginning {
    margin: 0 auto 32px;
  }

  .lead-beginning p {
    margin-top: 30px;
  }

  .lead-beginning p:first-child {
    margin-top: 0;
  }
}

/*blog-wrap*/
.blog-wrap {
  position: relative;
  margin-top: 50px;
}

.blog-wrap .sns-vertical {
  position: absolute;
  top: 0;
  left: 15px;
  display: flex;
  flex-direction: column
}

.blog-wrap .sns-vertical .sns-vertical-linkarea {
  margin-top: 15px;
  display: inline-block;
}

.blog-wrap .sns-vertical .sns-vertical-linkarea>a {
  display: block;
  margin: 15px 0 0 0;
  width: 26px;
}

.blog-wrap .sns-vertical .sns-vertical-linkarea>a:first-child {
  margin-top: 0;
}

.blog-wrap .sns-vertical .sns-vertical-text {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  text-orientation: mixed;
  font-weight: bold;
}

.blog-container {
  margin: 0 auto;
  max-width: 920px;
  padding: 0 70px;
  min-height: 170px;
}

.blog-character {
  margin: 0 auto 50px;
  padding: 40px;
  border-radius: 8px;
  background: #f5f5f5;
}

.blog-character:first-child {
  margin-top: 0;
}

.blog-character:last-child {
  margin-bottom: 0;
}

.blog-character-title {
  margin: 0 0 20px 0;
  line-height: 1.35;
  font-size: 20px;
  font-weight: bold;
}

.blog-character-inner {
  display: flex;
  justify-content: space-between;
}

.blog-character-inner+.blog-character-inner {
  margin-top: 32px;
}

.blog-character-inner-thum {
  margin-right: 30px;
  width: 120px;
  height: 120px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.blog-character-inner-thum .blog-character-inner-thum-textarea {
  display: none;
}

.blog-character-inner-textarea {
  flex: 1;
  font-size: 14px;
}

.blog-character-inner-textarea p {
  margin: 10px auto 0;

}

.blog-character-inner-textarea p:first-child {
  margin-top: 0;
}

.blog-character-inner-textarea .position {
  margin: 0 auto 5px;
  font-weight: bold;
  font-size: 14px;
}

.blog-character-inner-textarea .name {
  margin: 0 auto 10px;
  font-weight: bold;
  font-size: 20px;
}

.blog-character-inner-thumarea .position,
.blog-character-inner-thumarea .name {
  display: none;
}

.blog-character-inner-thumarea p.name {
  margin: 0;
}

.blog-h1 {
  max-width: 960px;
  width: 100%;
  margin: 40px auto 26px;
}

.blog-category-day {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog-h1 .categoryies-label-list {
  flex: 1;
}

.blog-day,
.blog-h1 .blog-day {
  margin: 0 0 0 15px;
  font-size: 16px;
  font-family: 'Monterrat';
  color: #484747;
}

.blog-subtitle {
  font-weight: bold;
  color: #16826B;
  font-size: 18px;
  margin-top: 7px;
}

.common h1.blog-title {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 32px;
  line-height: 150%;
  color: #333333;
  margin-top: 10px;
}

.blog-character-inner-text .name span {
  font-weight: bold;
  font-size: 18px;
}

.blog-index {
  margin: 50px auto 40px;
  padding: 32px 40px;
  border: solid 1px #D9D9D9;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
}

.blog-index:first-child {
  margin-top: 0;
}

.blog-index:last-child {
  margin-bottom: 0;
}

.blog-index p {
  margin: 8px auto 0;
}

.blog-index p:first-child {
  margin-top: 0;
}

.blog-index-list>li {
  position: relative;
  padding-left: 15px;
  list-style: none;
  font-size: 16px;
  line-height: 1.8;
}

.blog-index-list>li::before {
  content: "";
  position: absolute;
  top: .8em;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #BBBBBB;
  border-radius: 50%;
}


.blog-related-info {
  margin: 50px auto 40px;
  padding: 32px 40px;
  border: solid 1px #D9D9D9;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
}

.blog-related-info .blog-related-title {
  margin: 0 auto 18px;
  padding: 0;
  border: none;
  font-weight: bold;
  font-size: 20px;
  background: none;
}

.blog-related-info .blog-related-title::before {
  content: none;
}

.blog-related-info .blog-related-title::after {
  content: none;
}

.blog-related-info .blog-related-title-sub {
  margin: 4px auto 4px;
  padding: 0;
  border: none;
  font-weight: bold;
  line-height: 1.8;
  font-size: 14px;
}

.blog-related-info .blog-related-title-sub:first-child {
  margin-top: 0;
}

.blog-related-info .blog-related-title-sub:last-child {
  margin-bottom: 0;
}

.blog-related-info .blog-related-title::before {
  content: none;
}

.blog-related-info .blog-related-title::after {
  content: none;
}

@media (max-width: 768.98px) {
  .blog-related-info .blog-related-title {
    font-size: 18px;
  }
}

.blog-related-info p {
  margin: 0 0 0;
}

.writer-keyword-area {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
}

.writer {
  display: flex;
  color: #333;
}

.writer-thumarea {
  position: relative;
  overflow: hidden;
  margin-right: 20px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.writer-thumarea>img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

.writer-description-plofile .writer-description-plofile-thumarea>img {}

.writer-textarea p {
  margin: 5px auto 0;
  padding: 0;
  font-size: 12px;
}

.writer-textarea p:first-child {
  margin-top: 0;
}

.writer-textarea .writer-name {
  font-weight: bold;
  font-size: 16px;
}

.writer-description {
  margin: 40px auto 45px;
  background: #F5F5F5;
  padding: 24px 40px;
  font-size: 14px;
  border-radius: 8px;
}

.writer-description:first-child {
  margin-top: 0;
}

.writer-description:last-child {
  margin-bottom: 0;
}

.writer-description p {
  margin: 10px auto 0;
}

.writer-description p:first-child {
  margin-top: 0;
}

.writer-description-plofile {
  display: flex;
  margin-bottom: 15px;
}

.writer-description-plofile .writer-description-plofile-thumarea {
  position: relative;
  margin-right: 30px;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.writer-description-plofile .writer-description-plofile-thumarea>img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.writer-description-plofile-title {
  font-weight: normal;
  color: #A1529D;
  font-size: 14px;
}

.writer-description-plofile-title,
.writer-description-plofile-textarea .writer-description-plofile-title {
  margin: 0 auto 5px;
}

.writer-description-plofile .managerial-position-name {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}

.writer-description-plofile .writer-name {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
}

.keyword-link,
.keyword {
  margin-top: 5px;
  font-size: 11px !important;
  color: #484747;
}

.keyword-link>a,
.keyword-link>span,
.keyword>a,
.keyword>span {
  display: inline-block;
  padding: 5px 3px;
}

.keyword-link a span {
  text-decoration: underline;
}

.keyword a span {
  text-decoration: none;
}

.sns-horizontal {
  margin: 30px auto 30px;
  border-top: 1px solid #D9D9D9;
  padding-top: 32px;
  display: flex;
}

.sns-horizontal:first-child {
  margin-top: 0;
}

.sns-horizontal:last-child {
  margin-bottom: 0;
}

.sns-horizontal .sns-horizontal-text {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0;
  width: calc(10em + 10px);
  font-weight: bold;
  font-size: 16px;

}

.sns-horizontal .sns-horizontal-linkarea {
  flex: 1;
}

.sns-horizontal .sns-horizontal-linkarea a {
  display: inline-block;
  margin: -5px 8px 5px 8px;
  padding: 0;
  width: 26px;
}

/*.related-content-area*/
.related-content-area {
  margin: 64px auto 80px;
}

#blog .related-content-area {
  margin-bottom: 80px;
}

@media (max-width: 768.98px) {
  #blog .related-content-area .case-container {
    padding-top: 24px !important;
    margin-left: -1px;
    margin-right: -1px;
    width: calc(100% + 2px);
  }
}


@media (max-width: 768.98px) {
  .blog-wrap {
    margin: 35px auto 0;
  }

  .sns-vertical,
  .blog-wrap .sns-vertical {
    display: none;
  }

  .blog-container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    min-height: auto;
  }

  .blog-character {
    margin: 0 auto 32px;
    padding: 30px 20px;
  }

  .blog-character-inner {
    display: block;
    width: 100%;
  }

  .blog-character-title {
    font-size: 18px;
  }

  .blog-character-inner-img,
  .blog-character-inner-text {
    width: 100%;
  }

  .blog-character-inner-img img {
    max-width: 100%;
    height: auto;
    /* 画像の縦横比を維持 */
  }

  .blog-character:last-child {
    margin-bottom: 0;
  }

  .blog-index {
    margin: 32px auto;
    padding: 24px 24px;
    border: solid 1px #D9D9D9;
    border-radius: 8px;
    font-size: 14px;
  }

  .blog-index:first-child {
    margin-top: 0;
  }

  .blog-index:last-child {
    margin-bottom: 0;
  }

  .blog-h1 {
    margin: 20px auto 15px;
  }

  .blog-day,
  .blog-h1 .blog-day {
    margin: 0 0 0 10px;
    font-size: 13px;
  }

  .blog-subtitle {
    margin: 15px 0 0 0;
    font-size: 16px;
  }

  .common h1.blog-title {
    margin-top: 15px;
    font-family: Noto Sans JP;
    font-weight: 700;
    font-size: 26px;
    line-height: 150%;
    color: #333;
  }

  .blog-character-inner-thumarea {
    display: flex;
    width: 100%;
    margin-bottom: 15px;
  }

  .blog-character-inner-textarea .position,
  .blog-character-inner-textarea .name {
    display: none;
  }

  .blog-character-inner-thum {
    margin-right: 25px;
  }

  .blog-character-inner-thumarea .blog-character-inner-thum-textarea {
    display: block;
    flex: 1;
  }

  .blog-character-inner-thumarea .position {
    display: block;
    font-weight: bold;
    font-size: 14px;
  }

  .blog-character-inner-thumarea .name {
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2;
  }

  .blog-character-inner-thumarea .name span {
    padding: 0;
    font-size: 14px;
  }

  .blog-related-info {
    margin: 32px auto 32px;
    padding: 24px 20px;
  }

  .writer-description {
    margin: 32px auto;
    padding: 24px 24px;
  }

  .writer-description-plofile .writer-description-plofile-thumarea {
    margin-right: 15px;
  }

  .sns-horizontal {
    margin: 32px auto 48px;
  }

  .sns-horizontal .sns-horizontal-text {
    margin: 5px 5px 0 0;
    padding: 0;
    font-size: 14px;
  }

  /*.related-content-area*/
  .related-content-area {
    margin: 48px auto 48px;
  }

}

/*テンプレート*/
.categoryies-01,
.categoryies-01>p,
.categoryies-01>span,
.categoryies-01>a {
  color: #16826B;
}

.categoryies-01 {
  border: solid 1.5px #16826B;
  background-color: #fff;
  border-radius: 3px;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
}

.categoryies-01>p,
.categoryies-01>span,
.categoryies-01>a {
  display: inline-block;
  padding: 4px 8px 5px;
}

.categoryies-01>a {
  text-decoration: none;
}

.categoryies-02,
.categoryies-02>p,
.categoryies-02>span,
.categoryies-02>a {
  color: #484747;
}

.categoryies-02 {
  border: solid 1.5px #484747;
  background-color: #fff;
  border-radius: 50px;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
}

.categoryies-02>p,
.categoryies-02>span,
.categoryies-02>a {
  display: inline-block;
  padding: 4px 8px 5px;
  color: #484747;
}

.categoryies-02>a {
  text-decoration: none;
}

.categoryies-03,
.categoryies-03>p,
.categoryies-03>span,
.categoryies-03>a,
.categoryies-03>object>a {
  color: #16826B;
}

.categoryies-03 {
  border: solid 1.5px #16826B;
  background-color: #fff;
  border-radius: 100px;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  font-family: Noto Sans JP;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0;
}

.categoryies-03>p,
.categoryies-03>span,
.categoryies-03>a,
.categoryies-03>object>a {
  display: inline-block;
  padding: 4px 8px 4px;
}

.categoryies-03>a,
.categoryies-03>object>a {
  text-decoration: none;
}

.arrow-01 {
  display: inline-block;
  position: relative;
  padding-left: 36px;
  color: #333;
  text-decoration: underline;
}

.arrow-01::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 5px;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #A1529D;
}

.arrow-01::after {
  content: '';
  position: absolute;
  top: 11px;
  left: 12px;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 1px;
  transform: translateX(2px) rotate(225deg);
}

@media (max-width: 768.98px) {
  .arrow-01 {
    font-size: 12px;
  }

  .arrow-01::before {
    top: 0;
  }

  .arrow-01::after {
    top: 8px;
  }

  p:has(>.arrow-01) {
    margin-top: 12px;
  }
}

.arrow-01:hover {
  text-decoration: none;
}

.arrow-02 {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  color: #333;
  text-decoration: underline;
}

.arrow-02::before {
  content: '';
  display: inline-block;
  position: relative;
  color: #333;
  text-decoration: underline;
  content: '';
  width: 18px;
  height: 18px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #333;
  position: absolute;
  top: 6px;
  left: 0;
}

.arrow-02::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 11px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 1px;
  transform: rotate(45deg);
}

.arrow-02:hover {
  text-decoration: none;
}

.icon-01 {
  position: relative;
  display: inline-block;
  width: 19.8px;
  height: 2.4px;
  margin: 6.5px 0;
  border-radius: 50px;
  background-color: #A1529D;
}

.icon-01::before,
.icon-01::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.2px);
  right: 0;
  width: 12px;
  height: 2.4px;
  border-radius: 9999px;
  background-color: #A1529D;
  transform-origin: calc(100% - 1.2px) 50%;
}

.icon-01::before {
  transform: rotate(45deg);
}

.icon-01::after {
  transform: rotate(-45deg);
}


.icon-02 {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 2.4px;
  margin: 6.5px 0;
  border-radius: 50px;
  background-color: #A1529D;
}

.icon-02::before,
.icon-02::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.2px);
  right: 0;
  width: 10px;
  height: 2.4px;
  border-radius: 9999px;
  background-color: #A1529D;
  transform-origin: calc(100% - 1.2px) 50%;
}

.icon-02::before {
  transform: rotate(45deg);
}

.icon-02::after {
  transform: rotate(-45deg);
}


.icon-03 {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 14px;
}

.icon-03::before,
.icon-03::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 10px;
  height: 3px;
  border-radius: 9999px;
  background-color: #A1529D;
  transform-origin: calc(100% - 1px) 50%;
}

.icon-03::before {
  transform: rotate(45deg);
}

.icon-03::after {
  transform: rotate(-45deg);
}

.icon-04:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('../img/common/type=blank.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  margin-right: 5px;
  bottom: 0;
}

.icon-05:before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('../img/common/type=pdf.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  margin-right: 5px;
  bottom: 0;
}

.required {
  display: inline-block;
  background-color: #D90000;
  color: #FFFFFF;
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: bold;
}

.optional {
  display: inline-block;
  background-color: #484747;
  color: #FFFFFF;
  border-radius: 2px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: bold;
}

.sort-selected {
  background-color: #16826B;
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
  padding: 10px 15px;
  font-size: 12px;
}

.sort-selected-arrow {
  position: relative;
  background-color: #16826B;
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
  padding: 10px 30px 10px 20px;
  font-size: 12px;
}

.sort-selected-arrow p::after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: 17px;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 20%;
  transform: rotate(45deg) translateY(-50%);
}

.sort-selected-arrow-s {
  position: relative;
  background-color: #16826B;
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
  padding: 6px 30px 6px 14px;
  font-size: 12px;
}

.sort-selected-arrow-s p::after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: 17px;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 20%;
  transform: rotate(45deg) translateY(-50%);
}

.sort-unselected {
  border: 1.5px solid #16826B;
  background-color: #fff;
  color: #16826B;
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
  padding: 10px 15px;
  font-size: 12px;
}

.sort-unselected-s {
  border: 1.5px solid #16826B;
  background-color: #fff;
  color: #16826B;
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
  padding: 7px 13px;
  font-size: 12px;
}

.sort-unselected-arrow {
  position: relative;
  border: 1.5px solid #16826B;
  background-color: #fff;
  color: #16826B;
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
  min-height: 36px;
  line-height: 1.35;
  font-size: 12px;
  padding: 10px 30px 10px 14px;
}

.sort-unselected-arrow>p::after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: 17px;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-top: 2px solid #16826B;
  border-right: 2px solid #16826B;
  border-radius: 20%;
  transform: rotate(45deg) translateY(-50%);
}

.sort-unselected-arrow-s {
  position: relative;
  border: solid 1.5px #16826B;
  background-color: #fff;
  color: #16826B;
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
  min-height: 36px;
  line-height: 1.35;
  font-size: 12px;
  padding: 6px 30px 6px 14px;
}

a.sort-unselected-arrow,
a.sort-unselected-arrow-s {
  text-decoration: none;
}

.sort-unselected-arrow-s>p::after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: 17px;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-top: 2px solid #16826B;
  border-right: 2px solid #16826B;
  border-radius: 20%;
  transform: rotate(45deg) translateY(-50%);
}

.sort-unselected-arrow-s>p::after {
  width: 6px;
  height: 6px;
}

.sort-selected-s {
  margin: 3.5px;
  min-height: 36px;
  background-color: #16826B;
  color: #fff;
  font-weight: bold;
  border-radius: 50px;
  display: inline-block;
  padding: 6px 16px 6px 16px;
  font-size: 12px;
  line-height: 1.35;
}

/*---------------------------------
  case-container
---------------------------------*/
.case-container {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  width: 100%;
}

.blogTopArea .case-container {
  width: 100%;
  margin: 0 auto;
}

.blogTopArea .case-container.slick-dotted {
  width: 100vw;
  transform: translateX(calc(-50vw + 480px));
}

.blogTopArea .case-container:not(.slick-dotted) .slick-list {
  margin: 0 auto;
  padding: 0 !important;
}

.case-container.js-case-slider:not(.slick-initialized) {
  justify-content: center;
}

.case-container .case-item-01 {
  width: calc(33.333% - 30px);
}

.case-container.js-case-slider.slick-dotted {
  opacity: 1;
}

.case-container .slick-slide {
  margin: 0 15px;
}

.case-container+.button-more {
  margin: -65px auto 100px;
}

.case-item-01 {
  position: relative;
  width: 100%;
  margin-bottom: 0;
}

.case-item-01>a {
  display: block;
  text-decoration: none;
  color: #000;
}

.case-item-01 .case-item-01-img {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  object-fit: cover;
  box-shadow: 3px 3px 10px 0px #32323245;
}

.case-item-01>a:hover .case-item-01-img {
  box-shadow: none;
}

.case-item-01 .case-item-01-img>img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: #f9f9f9;
}

.case-item-01.noImg .case-item-01-img::after {
  content: "No image";
  position: absolute;
  top: calc(100% - 50px);
  left: 50%;
  transform: translateX(-50%);
  color: #dcdcdc;
  font-size: 1.6rem;
}

/*item-01-textarea*/
.case-item-01-textarea {
  border-bottom: solid 1px #d9d9d9;
}

.case-item-01-textarea .data {
  display: inline-block;
  font-size: 13px;
  position: absolute;
  right: 10px;
  margin-top: 8px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 100%;
}

.case-item-01-textarea .title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin: 8px 0 15px;
  line-height: 1.35;
}

/*categoryies-label-list*/
.categoryies-label-list {
  display: inline-block;
  width: calc(100% - 100px);
  margin-top: -5px;
  margin-left: -5px;
}

.categoryies-label-list>li {
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
}


.case-container.js-more-item-wrap.is-open {
  margin-bottom: 80px;
}

.js-more-item.is-hidden {
  display: none;
}

.button-more.is-open {
  display: none;
}

.button-more.is-open p::after {
  content: none;
}

.overlay-text {
  width: 100%;
  position: absolute;
  /* テキストを画像の上に重ねる */
  top: 50%;
  /* 画像の中央に配置 */
  left: 25%;
  /* 画像の中央に配置 */
  transform: translate(-50%, -50%);
  /* 中央揃えを実現 */
  color: white;
  /* テキストの色を設定 */
  font-size: 14px;
  /* テキストのサイズを調整 */
  font-weight: 700;
  /* テキストを強調 */
  text-align: center;
  /* テキストを中央揃え */
}

.overlay-text2 {
  position: absolute;
  /* 画像の上に配置する */
  top: 50%;
  /* 垂直方向の中央付近に配置 */
  right: 15%;
  /* 水平方向の右寄りに配置 */
  transform: translateY(-50%);
  /* 垂直方向の中央揃えを実現 */
  border-collapse: collapse;
  /* テーブルの枠線をきれいにする */
  text-align: center;
  /* テキストを中央揃え */
}

.overlay-text2 td {
  padding: 10px;
  /* セル内の余白を調整 */
  color: white;
  /* テキストの色を白に設定 */
}

@media (max-width: 960px) {
  .blogTopArea .case-container {
    width: calc(100% + 40px);
    margin-left: -20px;
  }

  .blogTopArea .case-container.slick-dotted {
    transform: none;
  }
}

@media (max-width: 768.98px) {

  .case-item-01,
  .case-container .case-item-01 {

    width: 100%;
  }

  .case-item-01 .case-item-01-img {
    margin-bottom: 13px;
  }

  .blogTopArea .case-container {
    width: calc(100% + 50px);
    margin-left: -25px;
  }

  .case-container+.button-more {
    margin: -55px auto 80px;
  }

  .case-item-01 img {
    width: 100%;
  }

  .image-with-text {
    position: relative;
    /* テキストを画像の上に配置するために親要素を相対位置に設定 */
    display: inline-block;
    /* 必要に応じて調整 */
  }


  .image-with-text {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 300px;
    /* 画像の高さを固定 */
    overflow: hidden;
    /* 画像をトリミング */
  }

  .image-with-text .overlay-text {
    position: absolute;
    top: 20%;
    /* 画像の上部に配置 */
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    /* テキストサイズを調整 */
    color: #fff;
    /* テキストを目立たせる */
  }

  .image-with-text .overlay-text2 {
    position: absolute;
    bottom: 10%;
    /* 画像の下部に配置 */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: auto;
  }

  .case-container.js-case-slider:not(.slick-initialized) .case-item-01 {
    width: calc(100% - 60px);
    margin: 0 30px;
  }

  .case-container.col-3-pc .case-item-01 {
    width: 100%;
  }

  .case-item-01-textarea .title {
    margin: 10px 0;
    line-height: 135%;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin: 8px 0 9px;
  }

  /*テンプレート*/
  .required {
    display: inline-block;
    background-color: #D90000;
    color: #FFFFFF;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: bold;
  }

  .optional {
    display: inline-block;
    background-color: #484747;
    color: #FFFFFF;
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: bold;
  }

  .sort-selected {
    background-color: #16826B;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    display: inline-block;
    padding: 10px 15px;
    font-size: 12px;
  }

  .sort-unselected {
    border: 1.5px solid #16826B;
    background-color: #fff;
    color: #16826B;
    font-weight: bold;
    border-radius: 50px;
    display: inline-block;
    padding: 10px 15px;
    font-size: 12px;
  }

  .sort-selected-s {
    background-color: #16826B;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    display: inline-block;
    padding: 7px 13px;
    font-size: 12px;
  }

  .sort-unselected-s {
    border: 1.5px solid #16826B;
    background-color: #fff;
    color: #16826B;
    font-weight: bold;
    border-radius: 50px;
    display: inline-block;
    padding: 7px 13px;
    font-size: 12px;
  }

  .sort-selected {
    background-color: #16826B;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    display: inline-block;
    padding: 10px 15px;
    font-size: 12px;
  }

  .case-container {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
  }

  .case-item-01 {
    position: relative;
    width: 100%;
  }

  .case-item-01 img {
    width: 100%;
    text-align: center;
  }

  .case-item-01-textarea {
    border-bottom: solid 1px #D9D9D9;
  }

  .case-item-01-textarea .data {
    display: inline-block;
    font-size: 13px;
    position: absolute;
    right: 0;
    margin-top: 5px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 100%;
  }

  /*categoryies-label-list*/
  .categoryies-label-list {
    width: calc(100% - 85px);
  }

  .image-with-text {
    position: relative;
    /* テキストを画像の上に配置するために親要素を相対位置に設定 */
    display: inline-block;
    /* 必要に応じて調整 */
  }

  .image-with-text {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 300px;
    /* 画像の高さを固定 */
    overflow: hidden;
    /* 画像をトリミング */
  }

  .image-with-text .overlay-text {
    position: absolute;
    top: 20%;
    /* 画像の上部に配置 */
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    /* テキストサイズを調整 */
    color: #fff;
    /* テキストを目立たせる */
  }

  .image-with-text .overlay-text2 {
    position: absolute;
    bottom: 10%;
    /* 画像の下部に配置 */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: auto;
  }
}


/*
  
.case-item-01-textarea {
    border-bottom: solid 1px #D9D9D9;
}
.case-item-01-textarea .data {
    display: inline-block;
    font-size: 13px;
    position: absolute;
    right: 0;
    margin-top: 5px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 2%;
}*/



/*　Hello Gyainamics */
.Hello_Gyainamics_category {
  margin-bottom: 40px;
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 20px;
}

.Hello_Gyainamics_category .sort-unselected-arrow,
.Hello_Gyainamics_category .sort-unselected-arrow-s {
  margin: 3.5px;
}

@media (max-width: 768.98px) {
  .Hello_Gyainamics_category {
    width: calc(100% + 50px);
    margin-left: -25px;
    margin-bottom: 30px;
    border-radius: 0;
  }
}


.thum-wrapper {
  max-width: 960px;
  /* 横幅を961pxに制限 */
  height: auto;
  margin: 0 auto;
  /* 中央揃え */
  overflow: hidden;
  /* 親要素を超えた部分を隠す */
}


.image-with-text {
  position: relative;
  /* テキストを画像の上に配置するために親要素を相対位置に設定 */
  display: inline-block;
  /* 必要に応じて調整 */
}

.image-with-text img {
  display: block;
  width: 100%;
  /* 画像を親要素の幅いっぱいに表示 */
}

a.categoryies-03 {
  text-decoration: none;
  color: #16826B;
}

a.categoryies-03:hover,
.categoryies-03.js-data-link:hover {
  opacity: .6;
  transition: opacity .2s;
}

.js-case-item.is-hidden {
  display: none;
}

.js-case-item.is-visible {
  display: block;
}

/*
.blog-slider-container */
.blog-slider-container {
  position: relative;
  width: 100%;
  margin: -24px auto 40px;
  text-align: center;
}

.blog-slider-container .slick-track {
  display: flex;
}

.blog-slider-container .slick-slide {
  margin: 0 15px;
  height: auto !important;
}

.blog-slider-container .slick-slide>div {
  height: 100%;
}

.blog-slider-container .blog-slider {
  margin: 0 auto;
  width: 76%;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.blog-slider-container>.blog-slider {
  opacity: 0;
}

.blog-slider-container>.blog-slider .slick-dotted {
  opacity: 1;
}

.blog-slider-container .blog-slider a {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}

.blog-slider-container .blog-slider-img {
  position: relative;
  width: 52.253%;
  padding-bottom: 29.28%;
  overflow: hidden;
  border-radius: 0 15px 15px 0;
}

.blog-slider-container .blog-slider-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

.blog-slider-container .blog-slider-text {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px 0 0 15px;
  width: 47.747%;
  background-color: #333333;
  color: #fff;
  padding: 40px 50px;
}

.blog-slider-container .blog-slider-item {
  width: 100%;
  position: relative;
}

.blog-slider-container .categoryies-label-list {
  display: inline-block;
  width: calc(100% - 90px);
  margin-top: -5px;
  margin-left: -5px;
}

.blog-slider-container .categoryies-label-list>li {
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
}

.blog-slider-container .blog-slider-textarea {
  padding-bottom: 20px;
  border-bottom: solid 1px rgba(217, 217, 217, 0.2);
}

.blog-slider-container .blog-slider-textarea .title {
  margin: 10px 0 0;
  line-height: 135%;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.blog-slider-container .blog-slider-textarea .data {
  display: inline-block;
  font-size: 13px;
  position: absolute;
  right: 10px;
  margin-top: 5px;
  font-family: Montserrat;
  font-weight: 500;
  line-height: 100%;
}

.blog-slider-container .blog-slider-textarea p {
  font-size: 13px;
}

.blog-slider-container .keyword {
  margin-top: 10px;
  font-size: 11px;
  color: #fff;
}

.blog-slider-container .keyword:first-child {
  margin-top: 0;
}

.blog-slider-container .keyword>span {
  display: inline-block;
  padding: 5px 3px;
}

.blog-slider-container .keyword a span {
  color: #fff;
}

.js-blog-slider-container .slick-btn-wrap {
  display: inline-flex;
  margin: 16px auto 0;
  text-align: center;
}

.js-blog-slider-container .slick-btn-inner {
  position: relative;
  margin: 0 15px;
  padding-right: 35px;
  display: inline-block;
}

.js-blog-slider-container .slick-btn-inner .slick-btn-area {
  position: absolute;
  top: calc(50% - 9px);
  right: 10px;
}

.js-blog-slider-container .slick-prev,
.js-blog-slider-container .slick-next {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.js-blog-slider-container .slick-prev {
  background: #a2519d url("../img/common/slick-arrow-white-left.svg") no-repeat center center;
}

.js-blog-slider-container .slick-next {
  background: #a2519d url("../img/common/slick-arrow-white-right.svg") no-repeat calc(50% + 1px) center;
}

.js-blog-slider-container .slick-prev:hover,
.js-blog-slider-container .slick-next:hover {
  opacity: 0.7;
}

/*
.js-blog-slider-container .slick-prev {
  position: relative;
  width: 50px;
  height: 50px;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1;
  border: 1px solid #bbbbbb;
}
.js-blog-slider-container .slick-next {
  position: relative;
  width: 48px;
  height: 48px;
  display: block;
  background-color: #fff;
  border-radius: 50%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1;
  border: 1px solid #e9e9e9;
}
.js-blog-slider-container .slick-prev::before,
.js-blog-slider-container .slick-next::before {
  content: "";
  position: absolute;
  top: calc(50% - 4px);
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  border: 2px solid transparent;
  border-radius: 2px;
}
.js-blog-slider-container .slick-prev::before {
  left: calc(50% - 2px);
  border-left-color: #333;
  border-bottom-color: #333;
}
.js-blog-slider-container .slick-next::before {
  left: calc(50% - 6px);
  border-top-color: #333;
  border-right-color: #333;
}
*/
.js-blog-slider-container .slick-dots {
  margin-top: 4px;
  padding-bottom: 8px;
  overflow: hidden;
  flex-wrap: wrap;
}

.js-blog-slider-container .slick-dots>li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  float: left;
}

.js-blog-slider-container .slick-dots>li>button {
  overflow: hidden;
  border-radius: 50%;
  margin-top: 10px;
  width: 7px;
  display: block;
  height: 7px;
  background-color: #bbb;
  white-space: nowrap;
  text-indent: 100%
}

.js-blog-slider-container .slick-dots>li:hover>button,
.js-blog-slider-container .slick-dots>li.slick-active>button {
  overflow: hidden;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background-color: #a3529e;
  white-space: nowrap;
  text-indent: 100%
}

.js-blog-slider-container .slick-dots>li.slick-active>button {
  width: 14px;
  height: 14px;
}

.js-blog-slider-container .slick-dots>li.slick-active {
  position: relative;
}

.js-blog-slider-container .slick-dots>li.slick-active::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.js-blog-slider-container .slick-dots>li .circle-svg {
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 12px);
  width: 24px;
  height: 24px;
  pointer-events: none;
  pointer-events: none;
  transform: scale(2.2);
  display: block;

}

.js-blog-slider-container .slick-dots>li .circle-svg .circle-animation {
  stroke-dasharray: 314;
  stroke-dashoffset: 314;
  fill: transparent;
  stroke: #a3529e;
  transform-origin: 50% 50%;
  transform: rotate(-90deg);
}

.js-blog-slider-container:not(.is-start, .is-pause) .slick-dots>li.slick-active .circle-svg .circle-animation {
  animation: circleDash 6s ease forwards;
}

.js-blog-slider-container.is-pause .slick-dots>li.slick-active .circle-svg .circle-animation {
  stroke-dashoffset: 0;
}

.js-blog-slider-container.is-start .slick-dots>li.slick-active .circle-svg .circle-animation {
  animation: circleDash 6s ease infinite;
}

@keyframes circleDash {
  0% {
    stroke-dashoffset: 314;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.js-blog-slider-container .slick-pause {
  display: none;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../img/common/slick-btn_stop.png") no-repeat center center;
}

.js-blog-slider-container .slick-start {
  display: none;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../img/common/slick-btn_start.png") no-repeat center center;
}

.js-blog-slider-container .slick-pause.is-active,
.js-blog-slider-container .slick-start.is-active {
  display: block;
}

@media (max-width: 768.98px) {
  .blog-slider-container {
    margin: -16px auto 20px;
  }

  .blog-slider-container .blog-slider-img {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    order: -1;
    border-radius: 8px 8px 0 0;
  }

  .blog-slider-container .blog-slider-img>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% top;
  }

  .blog-slider-container .slick-slide {
    margin: 0 7.5px;
  }

  .blog-slider-container .categoryies-label-list {
    width: calc(100% - 75px);
  }

  .blog-slider-container .blog-slider-item {
    position: relative;
    width: 100%;
  }

  .blog-slider-container .blog-slider-item img {
    text-align: center;
    width: 100%;
  }

  .blog-slider-container .blog-slider-text {
    width: 100%;
    padding: 20px 20px 25px 20px;
    border-radius: 0 0 15px 15px;
  }

  .blog-slider-container .blog-slider-textarea .data {
    font-size: 13px;
    right: 0;
  }

  .blog-slider-container .blog-slider-textarea .title {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin: 20px 0 0;
  }
}


.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  border: solid 1px #E9E9E9;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow::before {
  content: '';
  display: block;
  width: 2px;
  height: 2px;
  border: solid #333;
  border-width: 0 2px 2px 0;
  padding: 2px;
  margin-left: 2px;
  transform: rotate(135deg);
}

.arrow.right::before {
  transform: rotate(-45deg);
  margin-right: 5px;
}

.arrow:hover {
  background: #f0f0f0;
}

.arrow.left {
  left: 0;
}

.arrow.right {
  right: 0;
}

.arrow-container {
  bottom: 200px;
  width: 1072px;
  margin: auto;
  position: relative;
}

.dots {
  text-align: center;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: auto 5px;
  background-color: #BBBBBB;
  border-radius: 50%;
  cursor: pointer;
}

.dot.active {
  background-color: #A1529D;
}

.pause-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.pause-button img {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.data {
  display: inline-block;
}

/*事業とソリューション*/
.solutionListarea {
  position: relative;
  padding: 75px 0 80px 0;
}

.solutionListarea::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-50vw + 480px);
  width: 100vw;
  height: 100%;
  background: url("../img/common/solution_bg_pc.png")no-repeat center center / cover;
  z-index: -1;
}

@media (max-width: 960px) {
  .solutionListarea::before {
    left: -25px;
    width: calc(100% + 50px);
  }
}

@media (max-width: 768.98px) {
  .solutionListarea {
    padding: 55px 0 55px 0;
  }

  .solutionListarea::before {
    width: calc(100% + 50px);
    left: -25px;
    background: url("../img/common/solution_bg_sp.png")no-repeat 0 center / cover;
  }
}

.contact-banner-area {
  margin: 48px auto 85px;
  max-width: 780px;
}

.contact-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 220px;
  margin: 48px auto 48px;
  padding: 60px 60px;
  border-radius: 7px;
  background: url('../img/common/contact-banner_pc.png') 0 0 / cover;
}

.contact-banner .contact-banner-inner {
  display: flex;
  width: 100%;
  position: relative;
}

.contact-banner .contact-banner-text {
  flex: 1;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
}

.contact-banner .contact-banner-button {
  margin-left: 20px;
}

@media (max-width: 768.98px) {
  .contact-banner-area {
    margin: 40px auto 82px;
  }

  .contact-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 240px;
    margin: 0;
    padding: 30px;
    background-image: url('../img/common/contact-banner_sp.png');
    background-size: cover;
    background-position: right;
  }

  .contact-banner .contact-banner-text {
    color: #fff;
    padding-top: 80px;
    font-size: 14px;
    display: block;
    align-items: center;
    text-align: center;
  }

  .contact-banner .contact-banner-button {
    margin: 20px auto 0;
    text-align: center;
  }

  .contact-banner .contact-banner-text {
    color: #fff;
    padding-top: 0;
    font-size: 14px;
    display: block;
    align-items: center;
    text-align: center;
  }

  .contact-banner .contact-banner-inner {
    width: 100%;
    display: block;
    margin: auto;
    position: relative;
  }
}

/*---------------------------------
  .bannerBoxWrap
---------------------------------*/
.bannerBoxWrap .bannerBox+.bannerBox {
  margin-top: 30px;
}

.bannerBox {
  text-align: center;
}

.bannerBox a {
  display: inline-block;
  vertical-align: top;
}

.bannerBox img {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16),
    1.54px 1.03px 3.15px 0px #2E1B2D04,
    6.78px 4.52px 6.52px 0px #2E1B2D07,
    16.64px 11.09px 13px 0px #2E1B2D09,
    -36.79px 55.47px 80px 0px #2E1B2D12;

}

.bannerBox a:hover img {
  box-shadow: none;
}

.detail-more-icon {
  display: none;
}

@media (max-width: 768.98px) {
  .detail-more-icon {
    display: block;
    margin: 10px 0 0;
    font-size: 14px;
    text-align: right;
  }

  .detail-more-icon {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    line-height: 1.4;
  }

  .detail-more-icon::before {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #A1529D;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
  }

  .detail-more-icon::after {
    content: '';
    position: absolute;
    right: 8px;
    top: calc(50% - 3px);
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 1px;
    transform: rotate(45deg);
  }
}

.sitemapArea {
  margin: 0 auto;
  padding: 60px 0 117px 0;
  width: 100%;
}

.sitemapList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 31px 47px;
  list-style: none;
  padding: 0;
  color: #003399;
  font-weight: bold;
}

.sitemapList li:nth-child(1),
.sitemapList li:nth-child(8) {
  grid-column: 1 / -1;
}

.sitemapList li>a {
  text-decoration: underline;
}

.sitemapList li>a:hover {
  text-decoration: none;
}

@media (max-width: 768.98px) {
  .sitemapArea {
    padding: 35px 0 82px 0;
  }

  .sitemapList {
    display: block;
  }

  .sitemapList li {
    margin-top: 24px;
  }

  .sitemapList li:first-child {
    margin-top: 0;
  }
}

.recruit_bg {
  position: relative;
  margin: 0 auto;
  padding: 80px 0 40px;
}

.recruit_bg::before {
  content: "";
  position: absolute;
  background-image: url('../img/recruit/banner_bg.png');
  background-position: right;
  background-size: cover;


  inset: 0 calc(50% - 50vw);
  z-index: -1;
  width: 100vw;

}

.recruit_bg .container h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.linkBanner-box-wrap {
  margin: 45px auto 0;
}

.common h2+.linkBanner-box-wrap {
  margin-top: 35px;
}

.linkBanner-box-wrap .linkBanner-box+.linkBanner-box {
  margin-top: 30px;
}

.linkBanner-box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.linkBanner-box .linkBanner-box-thumarea {
  width: 365px;
  margin-right: 40px;
}

.linkBanner-box .linkBanner-box-thumarea img {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.16),
    1.54px 1.03px 3.15px 0px #2E1B2D04,
    6.78px 4.52px 6.52px 0px #2E1B2D07,
    16.64px 11.09px 13px 0px #2E1B2D09,
    -36.79px 55.47px 80px 0px #2E1B2D12;
}

.linkBanner-box .linkBanner-box-textarea {
  flex: 1;

}

.linkBanner-box p {
  font-size: 14px;
}

.linkBanner-box .solutionList {
  margin-top: 15px;
}

@media (max-width: 768.98px) {
  .recruit_bg {
    padding: 45px 0 45px 0;
  }

  .common h2+.linkBanner-box-wrap {
    margin-top: 30px;
  }

  .linkBanner-box {
    display: block;
  }

  .linkBanner-box .linkBanner-box-thumarea {
    margin: 0;
    width: 100%;
  }

  .linkBanner-box .linkBanner-box-textarea {
    margin-top: 20px;
  }

  .linkBanner-box .linkBanner-box-thumarea img {
    box-shadow: 3px 3px 10px 0px #32323245;
  }

  .linkBanner-box .solutionList .link>span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 1.4;
    border: none;
    color: #000;
    padding: 0 30px 0 5px;
  }

  .linkBanner-box .solutionList .link>span::before {
    content: '';
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #A1529D;
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
  }

  .linkBanner-box .solutionList .link>span::after {
    content: '';
    position: absolute;
    right: 8px;
    top: calc(50% - 3px);
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 1px;
    transform: rotate(45deg);
  }
}