@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Akshar:wght@300..700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
.js-breakpointSp {
  width: 750px;
}

.js-viewportWidthSp {
  width: 375px;
}

.js-viewportWidthTb {
  width: 1280px;
}

.js-viewportWidthPc {
  width: 1440px;
}

.u-bgclr-accentClr2 {
  background-color: #ffdc68 !important;
}

:root {
  /* カラー */
  --main: #0075be;
  --txt-defo: #333333;
  --txt-disable: #a6a6a6;
  --txt-heding: #003e64;
  --bg-bule: #e5f1f8;
  --sub: #004896;
  --green: #57a773;
  --line: #dddddd;
  --line-dot: #979797;
  --bg-gray: #f9f9f9;
  --bg-form: #f2f2f2;
  --atention: #f66c6c;
  --main-light: #2f9ee3;
  --recruit: #f5f262;
}

.sdg-clr-1 {
  color: var(--sdg-1, #e5243b);
}

.sdg-bg-clr-1 {
  background-color: var(--sdg-1, #e5243b);
}

.sdg-clr-2 {
  color: var(--sdg-2, #dda63a);
}

.sdg-bg-clr-2 {
  background-color: var(--sdg-2, #dda63a);
}

.sdg-clr-3 {
  color: var(--sdg-3, #4c9f38);
}

.sdg-bg-clr-3 {
  background-color: var(--sdg-3, #4c9f38);
}

.sdg-clr-4 {
  color: var(--sdg-4, #c5192d);
}

.sdg-bg-clr-4 {
  background-color: var(--sdg-4, #c5192d);
}

.sdg-clr-5 {
  color: var(--sdg-5, #ff3a21);
}

.sdg-bg-clr-5 {
  background-color: var(--sdg-5, #ff3a21);
}

.sdg-clr-6 {
  color: var(--sdg-6, #26bde2);
}

.sdg-bg-clr-6 {
  background-color: var(--sdg-6, #26bde2);
}

.sdg-clr-7 {
  color: var(--sdg-7, #fcc30b);
}

.sdg-bg-clr-7 {
  background-color: var(--sdg-7, #fcc30b);
}

.sdg-clr-8 {
  color: var(--sdg-8, #a21942);
}

.sdg-bg-clr-8 {
  background-color: var(--sdg-8, #a21942);
}

.sdg-clr-9 {
  color: var(--sdg-9, #fd6925);
}

.sdg-bg-clr-9 {
  background-color: var(--sdg-9, #fd6925);
}

.sdg-clr-10 {
  color: var(--sdg-10, #dd1367);
}

.sdg-bg-clr-10 {
  background-color: var(--sdg-10, #dd1367);
}

.sdg-clr-11 {
  color: var(--sdg-11, #fd9d24);
}

.sdg-bg-clr-11 {
  background-color: var(--sdg-11, #fd9d24);
}

.sdg-clr-12 {
  color: var(--sdg-12, #bf8b2e);
}

.sdg-bg-clr-12 {
  background-color: var(--sdg-12, #bf8b2e);
}

.sdg-clr-13 {
  color: var(--sdg-13, #3f7e44);
}

.sdg-bg-clr-13 {
  background-color: var(--sdg-13, #3f7e44);
}

.sdg-clr-14 {
  color: var(--sdg-14, #0a97d9);
}

.sdg-bg-clr-14 {
  background-color: var(--sdg-14, #0a97d9);
}

.sdg-clr-15 {
  color: var(--sdg-15, #56c02b);
}

.sdg-bg-clr-15 {
  background-color: var(--sdg-15, #56c02b);
}

.sdg-clr-16 {
  color: var(--sdg-16, #00689d);
}

.sdg-bg-clr-16 {
  background-color: var(--sdg-16, #00689d);
}

.sdg-clr-17 {
  color: var(--sdg-17, #19486a);
}

.sdg-bg-clr-17 {
  background-color: var(--sdg-17, #19486a);
}

@-webkit-keyframes arrow-slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(80%);
            transform: translateX(80%);
    opacity: 0;
  }
  41% {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes arrow-slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(80%);
            transform: translateX(80%);
    opacity: 0;
  }
  41% {
    -webkit-transform: translateX(-60%);
            transform: translateX(-60%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes arrow-slide-left {
  0% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(-80%) rotate(180deg);
            transform: translateX(-80%) rotate(180deg);
    opacity: 0;
  }
  41% {
    -webkit-transform: translateX(60%) rotate(180deg);
            transform: translateX(60%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
    opacity: 1;
  }
}
@keyframes arrow-slide-left {
  0% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateX(-80%) rotate(180deg);
            transform: translateX(-80%) rotate(180deg);
    opacity: 0;
  }
  41% {
    -webkit-transform: translateX(60%) rotate(180deg);
            transform: translateX(60%) rotate(180deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(180deg);
            transform: translateX(0) rotate(180deg);
    opacity: 1;
  }
}
/*----------------------------------------------------------------
  reset
-----------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
.c-box1 h2,
.c-box1 h3,
.c-box1 h4,
.c-box1 h5,
.c-box1 h6,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  background-repeat: no-repeat;
  text-align: inherit;
}

th,
td {
  font-weight: normal;
}

/*
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1;
}
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

img,
svg {
  vertical-align: middle;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

main {
  display: block;
}

/* Form
______________________________________________*/
input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  font-family: inherit;
}

/* ios
______________________________________________*/
* {
  -webkit-overflow-scrolling: touch;
}

/* IE
______________________________________________*/
::-ms-expand {
  display: none;
}

::-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

/* clearfix
______________________________________________*/
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/* bugfix
______________________________________________*/
body {
  -webkit-text-size-adjust: 100%;
}

/*----------------------------------------------------------------
    base
-----------------------------------------------------------------*/
html {
  font-size: 62.5%;
  /* 1px = .1rem */
  min-width: 1280px;
}
html.js-modalOpen, html.is-hamburger-open {
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  html {
    min-width: 0;
  }
  html:not(.is-home) {
    width: 375px;
    overflow-x: hidden;
  }
}

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  color: #333333;
  background-color: #fff;
  min-height: 100%;
}
@media screen and (max-width: 375px) {
  body {
    padding-top: 77px;
  }
  body:not(.home) {
    overflow-x: hidden;
  }
}

/* ページ全体に適用（任意で .scrollable 等の特定要素に限定しても可） */
html {
  /* Firefox */
  scrollbar-width: thin; /* px 指定不可。thin ≒ 6〜8px程度（環境差あり） */
  scrollbar-color: #0075be #ddd; /* thumb / track */
}

/* Chrome / Edge / Safari / iOS / Android */
*::-webkit-scrollbar {
  width: 4px; /* 垂直バーの太さ */
  height: 4px; /* 水平バーの太さ */
}

*::-webkit-scrollbar-track {
  background: #ddd; /* 背景(#ddd) */
}

*::-webkit-scrollbar-thumb {
  background: #0075be; /* ポインター（thumb）#0075BE */
  border-radius: 999px; /* 角丸（任意） */
}

*::-webkit-scrollbar-thumb:hover {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9); /* 触感向上（任意） */
}

*::-webkit-scrollbar-corner {
  background: #ddd; /* 角の三角形（水平×垂直の交点） */
}

.u-sans {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
}

.u-serif {
  font-family: "Noto Serif JP", "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Noto Serif Japanese", Georgia, "Hiragino Mincho ProN", "HGS明朝E", serif;
}

.txt-XS {
  font-size: 1.2rem;
}

.txt-s, .c-group-links > *, .p-rec-benefits .list > * ul, .c-list-rec-programs > *, .c-list-facts > * > *, a.c-bnr1, .c-breadcrumb, .c-card-office, .c-card-office-b, .c-card-office-a, .c-card-company-address .c-btn-pin, .c-card-company-address h4, .c-card-company-address .c-box1 h5, .c-box1 .c-card-company-address h5, .c-card-company-address .c-box1 h6, .c-box1 .c-card-company-address h6, .c-card-business1 .inner .txt3, .c-card-business .inner .txt3, .c-card-project .description, figcaption {
  font-size: 1.4rem;
  line-height: 1.7;
}

.txt-m, .c-list-history > * h4, .c-list-history > * h3, .c-list-history > * .c-box1 h5, .c-box1 .c-list-history > * h5, .c-list-history > * .c-box1 h6, .c-box1 .c-list-history > * h6, body {
  font-size: 1.6rem !important;
  line-height: 1.8;
}

.heading-l, .p-strength-block .inner h3, .p-strength-block .inner .c-box1 h4, .c-box1 .p-strength-block .inner h4, .p-strength-block .inner .c-box1 h5, .c-box1 .p-strength-block .inner h5, .p-strength-block .inner .c-box1 h6, .c-box1 .p-strength-block .inner h6, .p-management-mv > *:nth-child(1) h2, .p-management-mv > *:nth-child(1) .c-box1 h3, .c-box1 .p-management-mv > *:nth-child(1) h3, .p-management-mv > *:nth-child(1) .c-box1 h4, .c-box1 .p-management-mv > *:nth-child(1) h4, .p-management-mv > *:nth-child(1) .c-box1 h5, .c-box1 .p-management-mv > *:nth-child(1) h5, .p-management-mv > *:nth-child(1) .c-box1 h6, .c-box1 .p-management-mv > *:nth-child(1) h6, .p-message-main .txt1, .c-ttl6, .c-ttl5, .c-card-esg .ttl h3, .c-card-esg .ttl .c-box1 h4, .c-box1 .c-card-esg .ttl h4, .c-card-esg .ttl .c-box1 h5, .c-box1 .c-card-esg .ttl h5, .c-card-esg .ttl .c-box1 h6, .c-box1 .c-card-esg .ttl h6, h1, .c-box1 h2, .c-box1 h3, .c-box1 h4, .c-box1 h5, .c-box1 h6 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.3;
}
.heading-l strong, .p-strength-block .inner h3 strong, .p-strength-block .inner .c-box1 h4 strong, .c-box1 .p-strength-block .inner h4 strong, .p-strength-block .inner .c-box1 h5 strong, .c-box1 .p-strength-block .inner h5 strong, .p-strength-block .inner .c-box1 h6 strong, .c-box1 .p-strength-block .inner h6 strong, .p-management-mv > *:nth-child(1) h2 strong, .p-management-mv > *:nth-child(1) .c-box1 h3 strong, .c-box1 .p-management-mv > *:nth-child(1) h3 strong, .p-management-mv > *:nth-child(1) .c-box1 h4 strong, .c-box1 .p-management-mv > *:nth-child(1) h4 strong, .p-management-mv > *:nth-child(1) .c-box1 h5 strong, .c-box1 .p-management-mv > *:nth-child(1) h5 strong, .p-management-mv > *:nth-child(1) .c-box1 h6 strong, .c-box1 .p-management-mv > *:nth-child(1) h6 strong, .p-message-main .txt1 strong, .c-ttl6 strong, .c-ttl5 strong, .c-card-esg .ttl h3 strong, .c-card-esg .ttl .c-box1 h4 strong, .c-box1 .c-card-esg .ttl h4 strong, .c-card-esg .ttl .c-box1 h5 strong, .c-box1 .c-card-esg .ttl h5 strong, .c-card-esg .ttl .c-box1 h6 strong, .c-box1 .c-card-esg .ttl h6 strong, h1 strong, .c-box1 h2 strong, .c-box1 h3 strong, .c-box1 h4 strong, .c-box1 h5 strong, .c-box1 h6 strong {
  color: #0075be;
}

.heading-m, .p-group .ttl1, .p-vision-block1 .ttl1, .p-vision-block1-3 .ttl1, .p-vision-block1-2 .ttl1, .p-vision-block1-1 .ttl1, .c-ttl3, .c-card-sdgs h3, .c-list-history > * h3 strong, .c-list-history > * .c-box1 h4 strong, .c-box1 .c-list-history > * h4 strong, .c-list-history > * .c-box1 h5 strong, .c-box1 .c-list-history > * h5 strong, .c-list-history > * .c-box1 h6 strong, .c-box1 .c-list-history > * h6 strong, .p-block-404 h2,
.c-block-thanks h2, .c-card-office h3, .c-card-office-b h3, .c-card-office-a h3, h2, .c-box1 h3, .c-box1 h4, .c-box1 h5, .c-box1 h6 {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.3;
}
.heading-m strong, .p-group .ttl1 strong, .p-vision-block1 .ttl1 strong, .p-vision-block1-3 .ttl1 strong, .p-vision-block1-2 .ttl1 strong, .p-vision-block1-1 .ttl1 strong, .c-ttl3 strong, .c-card-sdgs h3 strong, .c-list-history > * h3 strong strong, .p-block-404 h2 strong,
.c-block-thanks h2 strong, .c-card-office h3 strong, .c-card-office-b h3 strong, .c-card-office-a h3 strong, h2 strong, .c-box1 h3 strong, .c-box1 h4 strong, .c-box1 h5 strong, .c-box1 h6 strong {
  color: #0075be;
}

.heading-s, .c-sustainability-block2 h3, .c-list-rec-programs > * h3, .c-card-esg .ttl h4, .c-card-esg .ttl .c-box1 h5, .c-box1 .c-card-esg .ttl h5, .c-card-esg .ttl .c-box1 h6, .c-box1 .c-card-esg .ttl h6, .c-card-business1 .inner .txt1, .c-card-business .inner .txt1, h3, .c-box1 h4, .c-box1 h5, .c-box1 h6 {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.3;
}
.heading-s strong, .c-sustainability-block2 h3 strong, .c-list-rec-programs > * h3 strong, .c-card-esg .ttl h4 strong, .c-card-esg .ttl .c-box1 h5 strong, .c-box1 .c-card-esg .ttl h5 strong, .c-card-esg .ttl .c-box1 h6 strong, .c-box1 .c-card-esg .ttl h6 strong, .c-card-business1 .inner .txt1 strong, .c-card-business .inner .txt1 strong, h3 strong, .c-box1 h4 strong, .c-box1 h5 strong, .c-box1 h6 strong {
  color: #0075be;
}

.heading-xs, .c-list-business-field > * h4, .p-vision-block1 .ttl3, .p-vision-block1-3 .ttl3, .p-vision-block1-2 .ttl3, .p-vision-block1-1 .ttl3, .p-rec-benefits .list > * h4, .p-rec-benefits .list > * .c-box1 h5, .c-box1 .p-rec-benefits .list > * h5, .p-rec-benefits .list > * .c-box1 h6, .c-box1 .p-rec-benefits .list > * h6, .c-list-facts > * > * h5, .c-list-facts > * > * h4, .c-rec-header .c-ttl1, .c-rec-header .c-ttl1-2, a.c-bnr1 h3, a.c-bnr1 .c-box1 h4, .c-box1 a.c-bnr1 h4, .block-local-nav > * > * a .txt1, .c-card-office h4, .c-card-office-b h4, .c-card-office-a h4, h4, .c-box1 h5, .c-box1 h6 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
}
.heading-xs strong, .c-list-business-field > * h4 strong, .p-vision-block1 .ttl3 strong, .p-vision-block1-3 .ttl3 strong, .p-vision-block1-2 .ttl3 strong, .p-vision-block1-1 .ttl3 strong, .p-rec-benefits .list > * h4 strong, .p-rec-benefits .list > * .c-box1 h5 strong, .c-box1 .p-rec-benefits .list > * h5 strong, .p-rec-benefits .list > * .c-box1 h6 strong, .c-box1 .p-rec-benefits .list > * h6 strong, .c-list-facts > * > * h5 strong, .c-list-facts > * > * h4 strong, .c-rec-header .c-ttl1 strong, .c-rec-header .c-ttl1-2 strong, a.c-bnr1 h3 strong, a.c-bnr1 .c-box1 h4 strong, .c-box1 a.c-bnr1 h4 strong, .block-local-nav > * > * a .txt1 strong, .c-card-office h4 strong, .c-card-office-b h4 strong, .c-card-office-a h4 strong, h4 strong, .c-box1 h5 strong, .c-box1 h6 strong {
  color: #0075be;
}

svg {
  width: 100%;
  height: auto;
}

small {
  font-size: 0.8em;
}

a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: inherit;
  text-decoration: none !important;
}

img {
  max-width: 100%;
  width: 100%;
}

i.fa {
  margin: 0 0.3em;
}

mark {
  color: #0075be;
}

hr {
  border-top: 1px solid #dddddd !important;
}

h1, .c-box1 h2, .c-box1 h3, .c-box1 h4, .c-box1 h5, .c-box1 h6,
h2,
h3,
h4,
h5 {
  font-weight: 500;
  line-height: 1.3;
}

table {
  width: 100%;
}
table th {
  text-align: left;
}

rt {
  line-height: 0;
}

figcaption {
  margin-top: 16px;
}

/* Tel click off
______________________________________________*/
a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 375px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

/* Slick 高さ揃える（縦方向Slickの時バグるので注意）
______________________________________________*/
.slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.slick-slide {
  height: auto !important;
}

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

/*----------------------------------------------------------------
    layout
-----------------------------------------------------------------*/
.editor-visual-editor__post-title-wrapper,
.edit-post-visual-editor__post-title-wrapper {
  padding: 20px 40px;
}
.editor-visual-editor__post-title-wrapper > *,
.edit-post-visual-editor__post-title-wrapper > * {
  border: solid 1px #dddddd;
  padding: 10px;
  background-color: rgb(240, 240, 240);
  font-size: 1em;
}

.is-layout-flex {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

:where(.editor-styles-wrapper) .is-root-container {
  padding: 40px !important;
}

.acf-block-fields {
  max-width: 1000px;
}
.acf-block-fields form,
.acf-block-fields input,
.acf-block-fields select,
.acf-block-fields textarea,
.acf-block-fields button {
  border: revert !important;
}

.block-post-link-group > .block-editor-inner-blocks,
.block-post-link-group > * > .block-editor-block-list__layout,
.block-group-link > .block-editor-inner-blocks,
.block-group-link > * > .block-editor-block-list__layout {
  display: inherit;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  -webkit-box-pack: inherit;
  -webkit-justify-content: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  gap: inherit;
}

/*----------------------------------------------------------------
    WordPress
-----------------------------------------------------------------*/
.wp-block-image {
  margin: 0;
}

/* Wordpress outputs
______________________________________________*/
.attachment-post-thumbnail,
.size-post-thumbnail,
.wp-post-image {
  width: 100%;
  height: auto;
}

/*----------------------------------------------------------------
    layout
-----------------------------------------------------------------*/
/* inner
______________________________________________*/
.l-innerA, .l-h1,
.l-inner1,
.p-strengths-block1 .inner,
.p-top-news,
.p-top-company > *,
.p-top-project > *,
.p-top-strength,
.p-rec-entry .inner,
.p-rec-office .inner,
.p-rec-benefits,
.p-rec-programs .inner,
.p-rec-career .inner,
.p-rec-facts .inner,
.p-rec-movie .inner,
.p-rec-message .inner,
.p-rec-mv__inner,
.block-local-nav,
.c-mv-single .l-inner,
.c-mv2 .l-inner,
.c-mv1 .l-inner,
.p-top-catch1,
.c-hero .inner,
.f-inner,
.c-block1 > *,
.l-main,
.l-h4,
.l-inner4,
.p-block-404,
.c-block-thanks,
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container,
.c-post,
.c-box2,
.c-box1,
.c-document,
.l-h3,
.l-inner3,
.p-esg-index,
.c-sustainability-block1,
.sl-project,
.l-h2,
.l-inner2 {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
}
@media screen and (max-width: 375px) {
  .l-innerA, .l-h1,
  .l-inner1,
  .p-strengths-block1 .inner,
  .p-top-news,
  .p-top-company > *,
  .p-top-project > *,
  .p-top-strength,
  .p-rec-entry .inner,
  .p-rec-office .inner,
  .p-rec-benefits,
  .p-rec-programs .inner,
  .p-rec-career .inner,
  .p-rec-facts .inner,
  .p-rec-movie .inner,
  .p-rec-message .inner,
  .p-rec-mv__inner,
  .block-local-nav,
  .c-mv-single .l-inner,
  .c-mv2 .l-inner,
  .c-mv1 .l-inner,
  .p-top-catch1,
  .c-hero .inner,
  .f-inner,
  .c-block1 > *,
  .l-main,
  .l-h4,
  .l-inner4,
  .p-block-404,
  .c-block-thanks,
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container,
  .c-post,
  .c-box2,
  .c-box1,
  .c-document,
  .l-h3,
  .l-inner3,
  .p-esg-index,
  .c-sustainability-block1,
  .sl-project,
  .l-h2,
  .l-inner2 {
    max-width: none;
  }
}

.l-h1,
.l-inner1,
.p-strengths-block1 .inner,
.p-top-news,
.p-top-company > *,
.p-top-project > *,
.p-top-strength,
.p-rec-entry .inner,
.p-rec-office .inner,
.p-rec-benefits,
.p-rec-programs .inner,
.p-rec-career .inner,
.p-rec-facts .inner,
.p-rec-movie .inner,
.p-rec-message .inner,
.p-rec-mv__inner,
.block-local-nav,
.c-mv-single .l-inner,
.c-mv2 .l-inner,
.c-mv1 .l-inner,
.p-top-catch1,
.c-hero .inner,
.f-inner,
.c-block1 > *,
.l-main,
.l-h4,
.l-inner4,
.p-block-404,
.c-block-thanks,
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container,
.c-post,
.c-box2,
.c-box1,
.c-document,
.l-h3,
.l-inner3,
.p-esg-index,
.c-sustainability-block1,
.sl-project,
.l-h2,
.l-inner2 {
  max-width: 1280px;
  padding-right: 40px;
  padding-left: 40px;
}
@media screen and (max-width: 375px) {
  .l-h1,
  .l-inner1,
  .p-strengths-block1 .inner,
  .p-top-news,
  .p-top-company > *,
  .p-top-project > *,
  .p-top-strength,
  .p-rec-entry .inner,
  .p-rec-office .inner,
  .p-rec-benefits,
  .p-rec-programs .inner,
  .p-rec-career .inner,
  .p-rec-facts .inner,
  .p-rec-movie .inner,
  .p-rec-message .inner,
  .p-rec-mv__inner,
  .block-local-nav,
  .c-mv-single .l-inner,
  .c-mv2 .l-inner,
  .c-mv1 .l-inner,
  .p-top-catch1,
  .c-hero .inner,
  .f-inner,
  .c-block1 > *,
  .l-main,
  .l-h4,
  .l-inner4,
  .p-block-404,
  .c-block-thanks,
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container,
  .c-post,
  .c-box2,
  .c-box1,
  .c-document,
  .l-h3,
  .l-inner3,
  .p-esg-index,
  .c-sustainability-block1,
  .sl-project,
  .l-h2,
  .l-inner2 {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.l-h2,
.l-inner2 {
  max-width: 1400px;
}

.l-h3,
.l-inner3,
.p-esg-index,
.c-sustainability-block1,
.sl-project {
  max-width: 1080px;
}

.l-h4,
.l-inner4,
.p-block-404,
.c-block-thanks,
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container,
.c-post,
.c-box2,
.c-box1,
.c-document {
  max-width: 940px;
}

.l-h5 {
  padding-left: 50px;
  padding-right: 50px;
}
@media screen and (max-width: 375px) {
  .l-h5 {
    padding-left: 0;
    padding-right: 0;
  }
}

.l-v1, .p-esg-index, .c-sustainability-block2, .p-management-awards, .p-management-case, .p-management-features, .p-rec-entry, .p-rec-programs, .p-rec-career .inner, .p-rec-facts, .p-rec-movie, .p-rec-message, .l-main,
.l-space1 {
  padding-top: 124px;
}
@media screen and (max-width: 375px) {
  .l-v1, .p-esg-index, .c-sustainability-block2, .p-management-awards, .p-management-case, .p-management-features, .p-rec-entry, .p-rec-programs, .p-rec-career .inner, .p-rec-facts, .p-rec-movie, .p-rec-message, .l-main,
  .l-space1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.l-v1--top, .p-management-field {
  padding-top: 124px;
}
@media screen and (max-width: 375px) {
  .l-v1--top, .p-management-field {
    padding-top: 40px;
  }
}

.l-v1--bottom, .c-sustainability-block1, .p-management-mv, .p-top-strength, .block-local-nav, .l-v1, .p-esg-index, .c-sustainability-block2, .p-management-awards, .p-management-case, .p-management-features, .p-rec-entry, .p-rec-programs, .p-rec-career .inner, .p-rec-facts, .p-rec-movie, .p-rec-message, .l-main,
.l-space1 {
  padding-bottom: 124px;
}
@media screen and (max-width: 375px) {
  .l-v1--bottom, .c-sustainability-block1, .p-management-mv, .p-top-strength, .block-local-nav, .l-v1, .p-esg-index, .c-sustainability-block2, .p-management-awards, .p-management-case, .p-management-features, .p-rec-entry, .p-rec-programs, .p-rec-career .inner, .p-rec-facts, .p-rec-movie, .p-rec-message, .l-main,
  .l-space1 {
    padding-bottom: 60px;
  }
}

.l-v3 {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media screen and (max-width: 375px) {
  .l-v3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.l-v3--top {
  padding-top: 64px;
}
@media screen and (max-width: 375px) {
  .l-v3--top {
    padding-top: 40px;
  }
}

.l-v3--bottom {
  padding-bottom: 64px;
}
@media screen and (max-width: 375px) {
  .l-v3--bottom {
    padding-bottom: 40px;
  }
}

.l-v4 {
  padding-top: 32px;
  padding-bottom: 64px;
}
@media screen and (max-width: 375px) {
  .l-v4 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.l-v4--top {
  padding-top: 32px;
}

.l-v4--bottom {
  padding-bottom: 32px;
}

.l-v5 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.l-v5--top {
  padding-top: 32px;
}

.l-v5--bottom {
  padding-bottom: 32px;
}

.l-v6 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.l-v6--top {
  padding-top: 40px;
}

.l-v6--bottom {
  padding-bottom: 40px;
}

.l-gap2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.l-space-top1 {
  padding-top: 124px;
}

.l-gap1 {
  gap: 124px;
}

/*----------------------------------------------------------------
    Post 投稿記事用
-----------------------------------------------------------------*/
/* .post  投稿用
______________________________________________*/
@media screen and (max-width: 375px) {
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container,
  .c-post,
  .c-box2,
  .c-box1,
  .c-document {
    padding: 0;
  }
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h2, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h3, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h4, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h5, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h6, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h3, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h4, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h5, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h6,
.c-post h2,
.c-box2 h2,
.c-box1 h2,
.c-box1 h3,
.c-box1 h4,
.c-box1 h5,
.c-box1 h6,
.c-document h2 {
  color: #0075be;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h2:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h3:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h4:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h5:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h6:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h3:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h4:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h5:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h6:not(:first-child),
.c-post h2:not(:first-child),
.c-box2 h2:not(:first-child),
.c-box1 h2:not(:first-child),
.c-box1 h3:not(:first-child),
.c-box1 h4:not(:first-child),
.c-box1 h5:not(:first-child),
.c-box1 h6:not(:first-child),
.c-document h2:not(:first-child) {
  margin: 64px 0 18px;
}
@media screen and (max-width: 375px) {
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h2, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h3, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h4, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h5, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h6, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h3, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h4, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h5, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h6,
  .c-post h2,
  .c-box2 h2,
  .c-box1 h2,
  .c-box1 h3,
  .c-box1 h4,
  .c-box1 h5,
  .c-box1 h6,
  .c-document h2 {
    font-size: 3.2rem;
  }
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h3, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h4, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h5, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h6, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h4, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h5, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h6,
.c-post h3,
.c-box2 h3,
.c-box1 h3,
.c-box1 h4,
.c-box1 h5,
.c-box1 h6,
.c-document h3 {
  color: #003e64;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h3:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h4:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h5:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h6:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h4:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h5:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h6:not(:first-child),
.c-post h3:not(:first-child),
.c-box2 h3:not(:first-child),
.c-box1 h3:not(:first-child),
.c-box1 h4:not(:first-child),
.c-box1 h5:not(:first-child),
.c-box1 h6:not(:first-child),
.c-document h3:not(:first-child) {
  margin: 64px 0 18px;
}
@media screen and (max-width: 375px) {
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h3, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h4, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h5, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h6, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h4, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h5, .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h6,
  .c-post h3,
  .c-box2 h3,
  .c-box1 h3,
  .c-box1 h4,
  .c-box1 h5,
  .c-box1 h6,
  .c-document h3 {
    font-size: 2.4rem;
  }
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h4:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h5:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h6:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h5:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h6:not(:first-child),
.c-post h4:not(:first-child),
.c-box2 h4:not(:first-child),
.c-box1 h4:not(:first-child),
.c-box1 h5:not(:first-child),
.c-box1 h6:not(:first-child),
.c-document h4:not(:first-child) {
  margin: 64px 0 18px;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h5:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-box1 h6:not(:first-child), .c-box1 body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h6:not(:first-child),
.c-post h5:not(:first-child),
.c-box2 h5:not(:first-child),
.c-box1 h5:not(:first-child),
.c-box1 h6:not(:first-child),
.c-document h5:not(:first-child) {
  margin: 64px 0 18px;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container h6:not(:first-child),
.c-post h6:not(:first-child),
.c-box2 h6:not(:first-child),
.c-box1 h6:not(:first-child),
.c-document h6:not(:first-child) {
  margin: 64px 0 18px;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container section,
.c-post section,
.c-box2 section,
.c-box1 section,
.c-document section {
  clear: both;
  padding-bottom: 1em;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container > p,
.c-post > p,
.c-box2 > p,
.c-box1 > p,
.c-document > p {
  display: block;
  margin: 18px 0 18px;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container a,
.c-post a,
.c-box2 a,
.c-box1 a,
.c-document a {
  color: #0075be;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container strong,
.c-post strong,
.c-box2 strong,
.c-box1 strong,
.c-document strong {
  color: #0075be;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container em,
.c-post em,
.c-box2 em,
.c-box1 em,
.c-document em {
  font-style: italic;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container blockquote,
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container q,
.c-post blockquote,
.c-box2 blockquote,
.c-box1 blockquote,
.c-post q,
.c-box2 q,
.c-box1 q,
.c-document blockquote,
.c-document q {
  color: #666;
  background-color: #fff;
  font-style: italic;
  padding: 2em 2em 2em 5em;
  position: relative;
  margin: 1em 0;
  border-left: solid 5px #ccc;
}
@media screen and (max-width: 375px) {
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container blockquote,
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container q,
  .c-post blockquote,
  .c-box2 blockquote,
  .c-box1 blockquote,
  .c-post q,
  .c-box2 q,
  .c-box1 q,
  .c-document blockquote,
  .c-document q {
    padding: 3em 2.5em 2em;
  }
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container blockquote::before,
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container q::before,
.c-post blockquote::before,
.c-box2 blockquote::before,
.c-box1 blockquote::before,
.c-post q::before,
.c-box2 q::before,
.c-box1 q::before,
.c-document blockquote::before,
.c-document q::before {
  content: "";
  display: block;
  background-image: url("../images/ico6.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 2em;
  height: 2em;
  position: absolute;
  left: 2em;
  top: 2em;
}
@media screen and (max-width: 375px) {
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container blockquote::before,
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container q::before,
  .c-post blockquote::before,
  .c-box2 blockquote::before,
  .c-box1 blockquote::before,
  .c-post q::before,
  .c-box2 q::before,
  .c-box1 q::before,
  .c-document blockquote::before,
  .c-document q::before {
    left: 2.5em;
    top: 0.3em;
  }
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container blockquote footer,
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container q footer,
.c-post blockquote footer,
.c-box2 blockquote footer,
.c-box1 blockquote footer,
.c-post q footer,
.c-box2 q footer,
.c-box1 q footer,
.c-document blockquote footer,
.c-document q footer {
  text-align: right;
  font-size: pxToEm(12);
}
@media screen and (max-width: 375px) {
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container blockquote footer,
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container q footer,
  .c-post blockquote footer,
  .c-box2 blockquote footer,
  .c-box1 blockquote footer,
  .c-post q footer,
  .c-box2 q footer,
  .c-box1 q footer,
  .c-document blockquote footer,
  .c-document q footer {
    font-size: 0.9em;
  }
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container blockquote a,
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container q a,
.c-post blockquote a,
.c-box2 blockquote a,
.c-box1 blockquote a,
.c-post q a,
.c-box2 q a,
.c-box1 q a,
.c-document blockquote a,
.c-document q a {
  color: #666;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container img,
.c-post img,
.c-box2 img,
.c-box1 img,
.c-document img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  margin-bottom: 8px;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-element-caption,
.c-post .wp-element-caption,
.c-box2 .wp-element-caption,
.c-box1 .wp-element-caption,
.c-document .wp-element-caption {
  font-size: 1.4rem;
  margin-bottom: 8px;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container ul,
.c-post ul,
.c-box2 ul,
.c-box1 ul,
.c-document ul {
  margin: 18px 0;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container ol,
.c-post ol,
.c-box2 ol,
.c-box1 ol,
.c-document ol {
  margin: 18px 0;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table,
.c-post .wp-block-table,
.c-box2 .wp-block-table,
.c-box1 .wp-block-table,
.c-document .wp-block-table {
  margin: 64px 0 18px;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-image,
.c-post .wp-block-image,
.c-box2 .wp-block-image,
.c-box1 .wp-block-image,
.c-document .wp-block-image {
  width: 100%;
}
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-image .components-resizable-box__container,
.c-post .wp-block-image .components-resizable-box__container,
.c-box2 .wp-block-image .components-resizable-box__container,
.c-box1 .wp-block-image .components-resizable-box__container,
.c-document .wp-block-image .components-resizable-box__container {
  max-width: none !important;
  max-height: none !important;
}

.c-document {
  margin-bottom: 40px;
}
.c-document > p {
  display: block;
  margin: 0 0 40px;
}
.c-document h1,
.c-document h2,
.c-document h3,
.c-document h4,
.c-document h5,
.c-document h6 {
  color: #333333;
  margin-bottom: 18px;
}
.c-document h1,
.c-document h2,
.c-document h3,
.c-document h4,
.c-document h5,
.c-document h6 {
  color: #333333;
}
.c-document h1:not(:first-child),
.c-document h2:not(:first-child),
.c-document h3:not(:first-child),
.c-document h4:not(:first-child),
.c-document h5:not(:first-child),
.c-document h6:not(:first-child) {
  margin-top: 40px;
}
.c-document .c-btn-back a {
  margin: 120px auto 0 0;
  float: left;
}

/*----------------------------------------------------------------
  background
-----------------------------------------------------------------*/
.c-shadow1 {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

.c-gradient1, .c-mv-single, .c-mv2, .c-mv1 {
  background-image: -webkit-gradient(linear, left top, right top, from(#0075be), to(#57a773));
  background-image: -webkit-linear-gradient(left, #0075be, #57a773);
  background-image: linear-gradient(to right, #0075be, #57a773);
}

.c-gradient2, .p-rec-message {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#0075be), to(#57a773));
  background-image: -webkit-linear-gradient(bottom, #0075be, #57a773);
  background-image: linear-gradient(to top, #0075be, #57a773);
}

.c-bg1, .p-management-awards, .p-management-features {
  position: relative;
  z-index: 0;
}
.c-bg1::before, .p-management-awards::before, .p-management-features::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: calc(50vw + 50%);
  height: 100%;
  z-index: -1;
  border-radius: 0 10px 10px 0;
  background: #e5f1f8;
}
@media screen and (max-width: 1280px) {
  .c-bg1::before, .p-management-awards::before, .p-management-features::before {
    left: -40px;
  }
}
@media screen and (max-width: 375px) {
  .c-bg1::before, .p-management-awards::before, .p-management-features::before {
    left: -20px;
    width: 100vw;
    border-radius: 0;
    min-width: 0;
  }
}

.c-bg2, .p-esg-index, .p-vision-block1-2 {
  position: relative;
  z-index: 0;
}
.c-bg2::before, .p-esg-index::before, .p-vision-block1-2::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #e5f1f8;
  z-index: -1;
}

.c-block1 {
  overflow-x: hidden;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #e5f1f8));
  background-image: -webkit-linear-gradient(left, transparent 50%, #e5f1f8 50%);
  background-image: linear-gradient(to right, transparent 50%, #e5f1f8 50%);
}
@media screen and (max-width: 375px) {
  .c-block1 > * {
    padding: 0;
  }
}
.c-block1 > * > * {
  background-color: #e5f1f8;
  border-radius: 20px 0 0 20px;
  padding: 120px 0 120px 120px;
  position: relative;
}
@media screen and (max-width: 375px) {
  .c-block1 > * > * {
    padding: 60px 24px;
    border-radius: 0;
  }
}

.txt-grad1, .c-ttl5, .c-card-esg .ttl h4, .c-card-esg .ttl .c-box1 h5, .c-box1 .c-card-esg .ttl h5, .c-card-esg .ttl .c-box1 h6, .c-box1 .c-card-esg .ttl h6 {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.22%, var(--main, #0075be)), color-stop(99.11%, var(--green, #57a773)));
  background: -webkit-linear-gradient(left, var(--main, #0075be) 0.22%, var(--green, #57a773) 99.11%);
  background: linear-gradient(90deg, var(--main, #0075be) 0.22%, var(--green, #57a773) 99.11%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*----------------------------------------------------------------
  Table
-----------------------------------------------------------------*/
/* table
______________________________________________*/
/* .c-table1
______________________________________________*/
.c-table1 table, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table,
.c-post .wp-block-table table,
.c-box2 .wp-block-table table,
.c-box1 .wp-block-table table,
.c-document .wp-block-table table, .wp-block-table table table {
  width: 100%;
  font-size: 1.8rem;
}
@media screen and (max-width: 375px) {
  .c-table1 table, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table,
  .c-post .wp-block-table table,
  .c-box2 .wp-block-table table,
  .c-box1 .wp-block-table table,
  .c-document .wp-block-table table, .wp-block-table table table {
    border-bottom: solid 1px #dddddd;
  }
}
.c-table1 table > * > tr > th, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table > * > tr > th,
.c-post .wp-block-table table > * > tr > th,
.c-box2 .wp-block-table table > * > tr > th,
.c-box1 .wp-block-table table > * > tr > th,
.c-document .wp-block-table table > * > tr > th, .wp-block-table table table > * > tr > th,
.c-table1 table > * > tr > td,
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table > * > tr > td,
.c-post .wp-block-table table > * > tr > td,
.c-box2 .wp-block-table table > * > tr > td,
.c-box1 .wp-block-table table > * > tr > td,
.c-document .wp-block-table table > * > tr > td,
.wp-block-table table table > * > tr > td {
  padding: 12px 12px;
  border: none;
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  text-align: left;
}
@media screen and (max-width: 375px) {
  .c-table1 table > * > tr > th, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table > * > tr > th,
  .c-post .wp-block-table table > * > tr > th,
  .c-box2 .wp-block-table table > * > tr > th,
  .c-box1 .wp-block-table table > * > tr > th,
  .c-document .wp-block-table table > * > tr > th, .wp-block-table table table > * > tr > th,
  .c-table1 table > * > tr > td,
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table > * > tr > td,
  .c-post .wp-block-table table > * > tr > td,
  .c-box2 .wp-block-table table > * > tr > td,
  .c-box1 .wp-block-table table > * > tr > td,
  .c-document .wp-block-table table > * > tr > td,
  .wp-block-table table table > * > tr > td {
    display: block;
  }
}
@media screen and (max-width: 375px) {
  .c-table1 table > * > tr > td:not(:first-child), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table > * > tr > td:not(:first-child),
  .c-post .wp-block-table table > * > tr > td:not(:first-child),
  .c-box2 .wp-block-table table > * > tr > td:not(:first-child),
  .c-box1 .wp-block-table table > * > tr > td:not(:first-child),
  .c-document .wp-block-table table > * > tr > td:not(:first-child), .wp-block-table table table > * > tr > td:not(:first-child) {
    border-top: none;
    border-bottom: none;
  }
}
.c-table1 table > * > tr > td:first-child, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table > * > tr > td:first-child,
.c-post .wp-block-table table > * > tr > td:first-child,
.c-box2 .wp-block-table table > * > tr > td:first-child,
.c-box1 .wp-block-table table > * > tr > td:first-child,
.c-document .wp-block-table table > * > tr > td:first-child, .wp-block-table table table > * > tr > td:first-child,
.c-table1 table > * > tr > th,
body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table > * > tr > th,
.c-post .wp-block-table table > * > tr > th,
.c-box2 .wp-block-table table > * > tr > th,
.c-box1 .wp-block-table table > * > tr > th,
.c-document .wp-block-table table > * > tr > th,
.wp-block-table table table > * > tr > th {
  width: 200px;
  vertical-align: middle;
  background-color: #f9f9f9;
}
@media screen and (max-width: 375px) {
  .c-table1 table > * > tr > td:first-child, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table > * > tr > td:first-child,
  .c-post .wp-block-table table > * > tr > td:first-child,
  .c-box2 .wp-block-table table > * > tr > td:first-child,
  .c-box1 .wp-block-table table > * > tr > td:first-child,
  .c-document .wp-block-table table > * > tr > td:first-child, .wp-block-table table table > * > tr > td:first-child,
  .c-table1 table > * > tr > th,
  body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table > * > tr > th,
  .c-post .wp-block-table table > * > tr > th,
  .c-box2 .wp-block-table table > * > tr > th,
  .c-box1 .wp-block-table table > * > tr > th,
  .c-document .wp-block-table table > * > tr > th,
  .wp-block-table table table > * > tr > th {
    width: 100%;
    border-bottom: none;
  }
}
.c-table1 table a, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table a,
.c-post .wp-block-table table a,
.c-box2 .wp-block-table table a,
.c-box1 .wp-block-table table a,
.c-document .wp-block-table table a, .wp-block-table table table a {
  color: #0075be;
}
/* .c-table2
______________________________________________*/
.c-table2 table {
  width: 100%;
}
@media screen and (max-width: 375px) {
  .c-table2 table {
    border-bottom: solid 1px #dddddd;
  }
}
.c-table2 table > * > tr > th,
.c-table2 table > * > tr > td {
  border: none;
  text-align: left;
}
@media screen and (max-width: 375px) {
  .c-table2 table > * > tr > th,
  .c-table2 table > * > tr > td {
    display: block;
  }
}
.c-table2 table > * > tr > td:not(:first-child) {
  padding: 16px 16px;
  border-top: 1px solid #dddddd;
}
@media screen and (max-width: 375px) {
  .c-table2 table > * > tr > td:not(:first-child) {
    border-top: none;
    border-bottom: none;
  }
}
.c-table2 table > * > tr > td:first-child,
.c-table2 table > * > tr > th {
  white-space: nowrap;
  width: 162px;
  padding: 16px 32px 16px 50px;
  background-color: #3c6a87;
  border-top: 1px solid #ddd;
  color: #fff;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 375px) {
  .c-table2 table > * > tr > td:first-child,
  .c-table2 table > * > tr > th {
    width: 100%;
    border-bottom: none;
    padding: 16px 32px 16px 50px;
  }
}
.c-table2 table > * > tr > td:first-child::before,
.c-table2 table > * > tr > th::before {
  content: "";
  display: block;
  position: absolute;
  top: 26px;
  left: 32px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #d1ff1b;
}

/*.c-block-table1
______________________________________________*/
.c-block-table1 {
  width: 100%;
}
.c-block-table1 .tr {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
  gap: 64px;
}
@media screen and (max-width: 375px) {
  .c-block-table1 .tr {
    display: block;
  }
}
.c-block-table1 .tr .th {
  width: 200px;
  min-width: 200px;
  border-top: solid 1px #dddddd;
  font-weight: bold;
  color: #0075be;
  padding: 20px 0;
}
@media screen and (max-width: 375px) {
  .c-block-table1 .tr .th {
    width: 100%;
    min-width: 0;
    padding: 12px 0 4px;
  }
}
.c-block-table1 .tr .td {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top: solid 1px #dddddd;
  padding: 20px 0 20px 0;
}
@media screen and (max-width: 375px) {
  .c-block-table1 .tr .td {
    padding: 12px 0;
  }
}
.c-block-table1 .tr:last-of-type .th {
  border-bottom: solid 1px #dddddd;
}
.c-block-table1 .tr:last-of-type .td {
  border-bottom: solid 1px #dddddd;
}
.c-block-table1 .has-fixed-layout {
  width: auto;
}
.c-block-table1 .has-fixed-layout th,
.c-block-table1 .has-fixed-layout td {
  border: 0;
  padding: 0 24px 0px 0;
}
.c-block-table1 .table2 {
  margin-bottom: 12px;
}
.c-block-table1 .table2 th,
.c-block-table1 .table2 td {
  padding-bottom: 12px;
}
@media screen and (max-width: 375px) {
  .c-block-table1 .table2 tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 100%;
  }
  .c-block-table1 .table2 tr > * {
    padding-right: 0;
  }
  .c-block-table1 .table2 tr > *:nth-child(odd) {
    width: 80%;
  }
  .c-block-table1 .table2 tr > *:nth-child(even) {
    width: 20%;
    text-align: right;
  }
}
.c-block-table1 a {
  text-decoration: underline !important;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-block-table1 a:hover {
    text-decoration: none !important;
  }
}

/*.c-table-awards
______________________________________________*/
.c-table-awards {
  width: 100%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.c-table-awards > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
@media screen and (max-width: 375px) {
  .c-table-awards > * {
    display: block;
  }
}
.c-table-awards > * .th {
  background: #3c6a87;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 220px;
  padding: 16px 32px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
@media screen and (max-width: 375px) {
  .c-table-awards > * .th {
    width: 100%;
  }
}
.c-table-awards > * .th h3, .c-table-awards > * .th .c-box1 h4, .c-table-awards > * .th .c-box1 h5, .c-table-awards > * .th .c-box1 h6, .c-box1 .c-table-awards > * .th h4, .c-box1 .c-table-awards > * .th h5, .c-box1 .c-table-awards > * .th h6 {
  color: #fff;
  font-weight: 700;
  position: relative;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.c-table-awards > * .th h3::before, .c-table-awards > * .th .c-box1 h4::before, .c-table-awards > * .th .c-box1 h5::before, .c-table-awards > * .th .c-box1 h6::before, .c-box1 .c-table-awards > * .th h4::before, .c-box1 .c-table-awards > * .th h5::before, .c-box1 .c-table-awards > * .th h6::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: #d1ff1b;
}
.c-table-awards > * .th h4, .c-table-awards > * .th .c-box1 h5, .c-table-awards > * .th .c-box1 h6, .c-box1 .c-table-awards > * .th h5, .c-box1 .c-table-awards > * .th h6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background: #fff;
  color: var(--txt-heding, #003e64);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8;
}
.c-table-awards > * .td {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  background: #fff;
}
@media screen and (max-width: 375px) {
  .c-table-awards > * .td {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding: 16px 16px 32px;
  }
}
.c-table-awards > * .td h5, .c-table-awards > * .td .c-box1 h6, .c-box1 .c-table-awards > * .td h6 {
  color: #3c6a87;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 8px;
}
.c-table-awards > * .td img {
  width: 206px;
  max-width: 206px;
  height: auto;
}
.c-table-awards > * .td a {
  text-decoration: underline !important;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-table-awards > * .td a:hover {
    text-decoration: none !important;
    color: #0075be;
  }
}

/*----------------------------------------------------------------
  HEADER
-----------------------------------------------------------------*/
/* .h-header
______________________________________________*/
.h-header {
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  position: fixed;
  z-index: 20;
  width: 100%;
  min-width: 1280px;
  height: 103px;
  padding: 0 24px;
  gap: 24px;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap !important;
      -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 375px) {
  .h-header {
    min-width: 0;
    width: 100%;
    top: 0;
    left: 0;
    height: 77px;
    padding: 0 16px;
    background-color: #fff;
  }
}
@media screen and (min-width: 376px) {
  .h-header::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -2;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    opacity: 0;
    pointer-events: none;
  }
  .h-header::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
}

@media screen and (min-width: 376px) {
  .js-gnav-submenu-open .h-header::before {
    opacity: 1;
    pointer-events: auto;
  }
}
@media screen and (max-width: 375px) {
  .h-btn-recruit {
    padding: 34px 34px 17px;
  }
}
.h-btn-recruit a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 5px;
  background: #f5f262;
  white-space: nowrap;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
  color: #333333;
}
.h-btn-recruit a::after {
  content: "";
  display: inline-block;
  -webkit-mask-image: url("../images/icon-svg/icon-recruit.svg");
          mask-image: url("../images/icon-svg/icon-recruit.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 24px;
  height: 24px;
  background-color: currentColor;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .h-btn-recruit a:hover {
    background-color: #f8f69a;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}

@media screen and (max-width: 375px) {
  .h-btn-contact {
    padding: 0 34px 34px;
  }
  .h-btn-contact a {
    width: 100% !important;
    background-color: #fff !important;
    color: #0075be !important;
  }
  .h-btn-contact a::before {
    background-color: #0075be !important;
  }
}

.h-logo {
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.h-logo a {
  display: block;
  width: 275px !important;
  height: 49px;
  -webkit-mask-image: url("../../../../uploads/logo.svg");
          mask-image: url("../../../../uploads/logo.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #fff;
  font-size: 0;
}
@media screen and (max-width: 1330px) {
  .h-logo a {
    width: 240px !important;
  }
}
@media screen and (max-width: 375px) {
  .h-logo a {
    background-color: #0075be;
    width: 240px !important;
  }
}

@media screen and (min-width: 376px) {
  .is-scroll .h-header {
    -webkit-box-shadow: 10px 10px 20px 20px rgba(0, 0, 0, 0.08);
            box-shadow: 10px 10px 20px 20px rgba(0, 0, 0, 0.08);
  }
  .is-scroll .h-header::after {
    opacity: 1;
  }
  .is-scroll .h-header .h-gnav > ul > li > a {
    color: #333333;
  }
  .is-scroll .h-header .h-gnav > ul > li > a::after {
    color: #333333 !important;
  }
  .is-scroll .h-logo a {
    background-color: #0075be;
  }
  .is-scroll.is-scrollDown .h-header {
    -webkit-transform: translateY(-130%);
            transform: translateY(-130%);
  }
}
.is-hamburger-open .h-bg,
.is-gnav-submenu-open .h-bg {
  opacity: 1;
  pointer-events: auto;
}

/* .h-header-main-nav
______________________________________________*/
@media screen and (max-width: 375px) {
  .h-header-main-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    top: 77px;
    left: 0;
    width: 100%;
    height: calc(100vh - 77px);
    overflow-y: scroll;
    background-color: #0075be;
    padding: 0;
  }
}

/* .h-gnav
______________________________________________*/
.h-gnav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.h-gnav > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
@media screen and (max-width: 375px) {
  .h-gnav > ul {
    display: block;
    height: auto;
    margin-right: 0;
    width: 100%;
  }
}
.h-gnav > ul > li {
  position: relative;
  margin-right: 23px;
}
@media screen and (max-width: 1330px) {
  .h-gnav > ul > li {
    margin-right: 12px;
  }
}
@media screen and (max-width: 375px) {
  .h-gnav > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
}
.h-gnav > ul > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  white-space: nowrap;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .h-gnav > ul > li > a:hover {
    color: rgba(255, 255, 255, 0.5);
  }
  .h-gnav > ul > li > a:hover::after {
    color: #fff;
  }
}
@media screen and (max-width: 375px) {
  .h-gnav > ul > li > a {
    height: 70px;
    width: 100%;
    color: #fff;
    font-size: 1.4rem;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
    padding: 0 24px;
    font-weight: bold;
  }
}
@media screen and (min-width: 376px) {
  .h-gnav > ul > li.current-menu-item:not(.hash) > a, .h-gnav > ul > li.current-menu-parent:not(.hash) > a {
    opacity: 0.5;
  }
}
.h-gnav > ul > li.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow-down.svg");
          mask-image: url("../images/icon-svg/icon-arrow-down.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media screen and (min-width: 376px) {
  .h-gnav > ul .sub-menu {
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
    bottom: -21px;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
            transform: translate(-50%, 100%);
    position: absolute;
    min-width: 568px;
    width: 680px;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    opacity: 0;
    pointer-events: none;
  }
  .h-gnav > ul .sub-menu::before {
    content: "";
    display: block;
    position: absolute;
    top: -21px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .h-gnav > ul .sub-menu h3, .h-gnav > ul .sub-menu .c-box1 h4, .h-gnav > ul .sub-menu .c-box1 h5, .h-gnav > ul .sub-menu .c-box1 h6, .c-box1 .h-gnav > ul .sub-menu h4, .c-box1 .h-gnav > ul .sub-menu h5, .c-box1 .h-gnav > ul .sub-menu h6 {
    color: #003e64;
    font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
    font-size: 4rem;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
  }
  .h-gnav > ul .sub-menu h4, .h-gnav > ul .sub-menu .c-box1 h5, .h-gnav > ul .sub-menu .c-box1 h6, .c-box1 .h-gnav > ul .sub-menu h5, .c-box1 .h-gnav > ul .sub-menu h6 {
    color: #0075be;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 18.2px */
  }
  .h-gnav > ul .sub-menu .sub-menu-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 24px 32px;
    margin-top: 20px;
  }
  .h-gnav > ul .sub-menu a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    font-size: 1.4rem;
    line-height: 1.7;
    border-bottom: solid 1px #dddddd;
    white-space: nowrap;
    position: relative;
  }
  .h-gnav > ul .sub-menu a::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
            mask-image: url("../images/icon-svg/icon-arrow1.svg");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    background-color: #0075be;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@media screen and (min-width: 376px) and (hover: hover) and (min-width: 376px) {
  .h-gnav > ul .sub-menu a:hover::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}
@media screen and (min-width: 376px) and (hover: hover) and (min-width: 376px) {
  .h-gnav > ul .sub-menu a:hover {
    color: #0075be;
  }
  .h-gnav > ul .sub-menu a:hover::after {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@media screen and (max-width: 375px) {
  .h-gnav > ul .sub-menu {
    padding: 0 24px;
    margin-top: -15px;
    margin-bottom: 18px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }
  .h-gnav > ul .sub-menu h3,
  .h-gnav > ul .sub-menu h4,
  .h-gnav > ul .sub-menu .c-box1 h5,
  .h-gnav > ul .sub-menu .c-box1 h6,
  .c-box1 .h-gnav > ul .sub-menu h5,
  .c-box1 .h-gnav > ul .sub-menu h6 {
    display: none;
  }
  .h-gnav > ul .sub-menu > ul {
    margin-top: 20px;
  }
  .h-gnav > ul .sub-menu > ul > li {
    border-top: solid 1px rgba(255, 255, 255, 0.25);
  }
  .h-gnav > ul .sub-menu > ul > li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 50px;
    font-size: 1.4rem;
    color: #fff;
    font-weight: normal;
  }
}
@media screen and (min-width: 376px) {
  .h-gnav > ul .open > a {
    color: rgba(255, 255, 255, 0.5);
  }
}
.h-gnav > ul .open > a::after {
  color: #fff;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (min-width: 376px) {
  .h-gnav > ul .open .sub-menu {
    opacity: 1;
    pointer-events: auto;
  }
}
@media screen and (max-width: 375px) {
  .h-gnav > ul .open .sub-menu {
    max-height: 400px;
  }
}

@media screen and (max-width: 375px) {
  .js-hamburger-menu {
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    position: fixed;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@media screen and (max-width: 375px) {
  .is-hamburger-open .js-hamburger-menu {
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
}

/* .js-hamburger-btn
______________________________________________*/
@media screen and (min-width: 376px) {
  body:not(.block-editor-iframe__body) .js-hamburger-btn {
    display: none;
  }
}

@media screen and (max-width: 375px) {
  .js-hamburger-btn {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: 45px;
    height: 45px;
    background-color: #0075be;
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 100;
    border-radius: 5px;
    padding: 0 !important;
    font-size: 0;
  }
  .js-hamburger-btn > * {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 18px;
    height: 16px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  .js-hamburger-btn > *::before, .js-hamburger-btn > *::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    right: 0;
    top: calc(50% - 1px);
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  .js-hamburger-btn > *::before {
    opacity: 0;
  }
}

.js-hamburger-bg {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.is-hamburger-open .js-hamburger-btn > * {
  border-color: transparent;
}
.is-hamburger-open .js-hamburger-btn > *::before {
  opacity: 1;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.is-hamburger-open .js-hamburger-btn > *::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.is-hamburger-open .js-hamburger-bg {
  opacity: 1;
  pointer-events: auto;
}

/*----------------------------------------------------------------
  Footer
-----------------------------------------------------------------*/
/* f footer
______________________________________________*/
.f-cta-area {
  margin-bottom: 124px;
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  .f-cta-area {
    padding: 0 24px;
    margin-bottom: 60px;
  }
}

.page-id-23 .f-cta-area {
  display: none;
}

.f-container {
  background-color: #004896;
  color: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  .f-container {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.f-main {
  margin: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
  width: 100%;
  gap: 0;
}
@media screen and (max-width: 375px) {
  .f-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.f-main > * {
  margin: 0 !important;
}

.f-logo {
  width: 336px;
  margin: 0 !important;
}
@media screen and (max-width: 375px) {
  .f-logo {
    width: 300px;
  }
}
.f-logo img {
  width: 100% !important;
}

.f-main__l {
  gap: 24px;
  margin: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1.4rem;
  line-height: 1.5;
  width: 100%;
}

@media screen and (max-width: 375px) {
  .f-main-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding: 0;
  }
  .f-main-nav .h-btn-recruit {
    padding: 0;
  }
  .f-main-nav .h-btn-contact {
    padding: 0;
  }
}

.f-nav {
  margin: 0 0 0 auto !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  white-space: nowrap;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
@media screen and (max-width: 375px) {
  .f-nav {
    display: none;
  }
}
.f-nav a {
  display: inline-block;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  line-height: 1;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .f-nav a:hover {
    text-decoration: underline !important;
  }
}
.f-nav > * > nav > ul > li > a {
  font-size: 1.4rem;
  font-weight: bold !important;
  margin-bottom: 15px;
}
.f-nav > * > nav > ul > li > .sub-menu > ul {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.f-middle {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 23px;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  padding: 30px 0;
}
@media screen and (max-width: 375px) {
  .f-middle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
    font-size: 1.4rem;
  }
  .f-middle p {
    text-align: center !important;
  }
}
.f-middle a {
  text-decoration: underline !important;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .f-middle a:hover {
    text-decoration: none !important;
  }
}
@media screen and (max-width: 375px) {
  .f-middle a {
    text-align: center;
  }
}
.f-middle .img {
  width: 300px;
}
.f-bottom {
  border-top: solid 1px rgba(255, 255, 255, 0.25);
  width: 100%;
  font-size: 1.4rem;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding-top: 24px;
}
@media screen and (max-width: 375px) {
  .f-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.f-bottom-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .f-bottom-nav {
    gap: 14px;
  }
}
@media screen and (hover: hover) and (min-width: 376px) {
  .f-bottom-nav a:hover {
    text-decoration: underline !important;
  }
}

.f-copyright {
  color: #fff;
  text-align: right;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 1.2rem;
  margin-left: auto;
}
@media screen and (max-width: 375px) {
  .f-copyright {
    text-align: center;
    margin: 0;
  }
}

/*----------------------------------------------------------------
  SIDEBAR
-----------------------------------------------------------------*/
/*----------------------------------------------------------------
    Box
-----------------------------------------------------------------*/
/* .c-box1 
______________________________________________*/
.c-box1 {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  gap: 40px;
  margin-bottom: 62px;
}
@media screen and (max-width: 375px) {
  .c-box1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-bottom: 41px;
  }
}
.c-box1 > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-box1 h2,
.c-box1 h3,
.c-box1 h4,
.c-box1 h5,
.c-box1 h6 {
  margin: 2em 0 0.7em !important;
}
.c-box1 h2:nth-of-type(1),
.c-box1 h3:nth-of-type(1),
.c-box1 h4:nth-of-type(1),
.c-box1 h5:nth-of-type(1),
.c-box1 h6:nth-of-type(1) {
  margin-top: 0 !important;
}
.c-box1 p {
  margin-bottom: 1em;
}
.c-box1 img {
  width: auto;
  max-width: 100% !important;
  margin: 0;
}

.c-box2 {
  padding: 80px !important;
  background-color: #e5f1f8;
}
@media screen and (max-width: 375px) {
  .c-box2 {
    padding: 16px !important;
  }
}
.c-box2 ul > li::before {
  background-color: #333333 !important;
}
.c-box2 h2, .c-box2 .c-box1 h3, .c-box1 .c-box2 h3, .c-box2 .c-box1 h4, .c-box1 .c-box2 h4, .c-box2 .c-box1 h5, .c-box1 .c-box2 h5, .c-box2 .c-box1 h6, .c-box1 .c-box2 h6 {
  text-align: center;
  color: #0075be;
}

/*----------------------------------------------------------------
    Block
-----------------------------------------------------------------*/
/* .block-acf-gallery
______________________________________________*/
.block-acf-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* .c-hero
______________________________________________*/
.c-hero {
  height: 100vh;
  min-height: 662px;
  position: relative;
  color: #fff;
}
@supports (height: 100dvh) {
  .c-hero {
    height: 100dvh;
  }
}
@media screen and (max-width: 375px) {
  .c-hero {
    min-height: 600px;
    margin-bottom: 300px;
  }
}
.c-hero .inner {
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-bottom: 400px;
}
@media screen and (max-width: 375px) {
  .c-hero .inner {
    padding-bottom: 400px;
  }
}
.c-hero .inner > * {
  pointer-events: auto;
}
.c-hero .text1 {
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
}
@media screen and (max-width: 375px) {
  .c-hero .text1 {
    font-size: 2.9rem;
  }
}
@media screen and (max-width: 375px) {
  .c-hero .movie {
    display: none;
  }
}
.c-hero .movie video {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-hero .bg-sp {
  display: none;
}
@media screen and (max-width: 375px) {
  .c-hero .bg-sp {
    display: block;
  }
  .c-hero .bg-sp img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.c-hero__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh !important;
  overflow: hidden;
}
.c-hero__slide .item {
  overflow: hidden;
}
.c-hero__slide .item img {
  width: 100vw;
  height: 100vh !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.c-hero__slide .item.on img {
  -webkit-animation: zoomSlide 20s linear forwards;
          animation: zoomSlide 20s linear forwards;
}

@-webkit-keyframes zoomSlide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}

@keyframes zoomSlide {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
@-webkit-keyframes fadeSlide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeSlide {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.p-top-catch1 {
  position: -webkit-sticky;
  position: sticky;
  bottom: 80px;
  margin-top: 148px;
}
@media screen and (max-width: 375px) {
  .p-top-catch1 {
    font-size: 6.4rem !important;
    margin-top: 220px;
    bottom: 80px;
    overflow: hidden;
  }
}
@media screen and (max-width: 375px) {
  .p-top-catch1 .txt2 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 375px) {
  .p-top-catch1 .txt3 {
    margin-top: 0;
  }
}

.c-catch1 {
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 12.4rem;
  font-weight: 500;
  line-height: 1;
  z-index: 1;
}
.c-catch1 .top {
  gap: 0;
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}
.c-catch1 .txt1 {
  background: -webkit-linear-gradient(262deg, #0075be 12.36%, #59b0e6 48.58%, #0075be 78.84%);
  background: linear-gradient(188deg, #0075be 12.36%, #59b0e6 48.58%, #0075be 78.84%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.c-catch1 .txt2 {
  font-size: 6.4rem;
  color: #0075be;
  opacity: 0.5;
  margin-bottom: 17px;
}
@media screen and (max-width: 375px) {
  .c-catch1 .txt2 {
    font-size: 3.4rem;
    position: absolute;
    left: 185px;
    top: 89px;
  }
}
.c-catch1 .txt3 {
  background: -webkit-linear-gradient(264deg, #002339 22.58%, #255471 49.41%, #0a3d5d 71.82%);
  background: linear-gradient(186deg, #002339 22.58%, #255471 49.41%, #0a3d5d 71.82%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: -23px;
}
@media screen and (max-width: 375px) {
  .c-catch1 .txt3 {
    margin-top: 0px;
  }
}

.c-cta-rec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  width: 100% !important;
  padding: 48px !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 56px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 20px;
  background: -webkit-gradient(linear, left bottom, left top, from(var(--green, #57a773)), to(var(--green, #57a773))), #f4f4f4 !important;
  background: -webkit-linear-gradient(bottom, var(--green, #57a773) 0%, var(--green, #57a773) 100%), #f4f4f4 !important;
  background: linear-gradient(0deg, var(--green, #57a773) 0%, var(--green, #57a773) 100%), #f4f4f4 !important;
  color: #fff;
  font-size: 1.6rem;
}
@media screen and (max-width: 375px) {
  .c-cta-rec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 10px;
    gap: 24px;
    padding: 40px 24px !important;
  }
}
.c-cta-rec > *:nth-child(1) {
  width: 407px;
  min-width: 407px;
  margin: 0 !important;
}
@media screen and (max-width: 375px) {
  .c-cta-rec > *:nth-child(1) {
    width: 100%;
    min-width: 0;
  }
}
.c-cta-rec > *:nth-child(2) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 375px) {
  .c-cta-rec > *:nth-child(2) {
    width: 100%;
    min-width: 0;
  }
}
.c-cta-rec h2, .c-cta-rec .c-box1 h3, .c-box1 .c-cta-rec h3, .c-cta-rec .c-box1 h4, .c-box1 .c-cta-rec h4, .c-cta-rec .c-box1 h5, .c-box1 .c-cta-rec h5, .c-cta-rec .c-box1 h6, .c-box1 .c-cta-rec h6 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.c-cta-rec h2::before, .c-cta-rec .c-box1 h3::before, .c-box1 .c-cta-rec h3::before, .c-cta-rec .c-box1 h4::before, .c-box1 .c-cta-rec h4::before, .c-cta-rec .c-box1 h5::before, .c-box1 .c-cta-rec h5::before, .c-cta-rec .c-box1 h6::before, .c-box1 .c-cta-rec h6::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 3px;
  background: #f5f262;
}
.c-cta-rec h3, .c-cta-rec .c-box1 h4, .c-box1 .c-cta-rec h4, .c-cta-rec .c-box1 h5, .c-box1 .c-cta-rec h5, .c-cta-rec .c-box1 h6, .c-box1 .c-cta-rec h6 {
  color: #fff;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
}
@media screen and (max-width: 375px) {
  .c-cta-rec h3, .c-cta-rec .c-box1 h4, .c-box1 .c-cta-rec h4, .c-cta-rec .c-box1 h5, .c-box1 .c-cta-rec h5, .c-cta-rec .c-box1 h6, .c-box1 .c-cta-rec h6 {
    font-size: 5rem;
  }
}
.c-cta-rec .c-btn2--b {
  margin-top: 30px !important;
}
@media screen and (max-width: 375px) {
  .c-cta-rec .c-btn2--b a {
    width: 100% !important;
    max-width: 100%;
  }
}

.c-mv1 .l-inner {
  padding-top: 167px;
  padding-bottom: 32px;
}
@media screen and (max-width: 375px) {
  .c-mv1 .l-inner {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.c-mv1 .l-inner > * {
  position: relative;
}
.c-mv1 h1, .c-mv1 .c-box1 h2, .c-box1 .c-mv1 h2, .c-mv1 .c-box1 h3, .c-box1 .c-mv1 h3, .c-mv1 .c-box1 h4, .c-box1 .c-mv1 h4, .c-mv1 .c-box1 h5, .c-box1 .c-mv1 h5, .c-mv1 .c-box1 h6, .c-box1 .c-mv1 h6 {
  color: #fff;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 10rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 130px */
}
@media screen and (max-width: 375px) {
  .c-mv1 h1, .c-mv1 .c-box1 h2, .c-box1 .c-mv1 h2, .c-mv1 .c-box1 h3, .c-box1 .c-mv1 h3, .c-mv1 .c-box1 h4, .c-box1 .c-mv1 h4, .c-mv1 .c-box1 h5, .c-box1 .c-mv1 h5, .c-mv1 .c-box1 h6, .c-box1 .c-mv1 h6 {
    font-size: 4rem;
    line-height: 1;
  }
}
.c-mv1 h2, .c-mv1 .c-box1 h3, .c-box1 .c-mv1 h3, .c-mv1 .c-box1 h4, .c-box1 .c-mv1 h4, .c-mv1 .c-box1 h5, .c-box1 .c-mv1 h5, .c-mv1 .c-box1 h6, .c-box1 .c-mv1 h6 {
  color: #fff;
  font-family: var(--, "Noto Sans JP");
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 20.8px */
}
@media screen and (max-width: 375px) {
  .c-mv1 h2, .c-mv1 .c-box1 h3, .c-box1 .c-mv1 h3, .c-mv1 .c-box1 h4, .c-box1 .c-mv1 h4, .c-mv1 .c-box1 h5, .c-box1 .c-mv1 h5, .c-mv1 .c-box1 h6, .c-box1 .c-mv1 h6 {
    font-size: 1em;
  }
}

.c-mv2 {
  position: relative;
}
.c-mv2 .l-inner {
  padding-top: 167px;
  padding-bottom: 32px;
}
@media screen and (max-width: 375px) {
  .c-mv2 .l-inner {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
.c-mv2 h1, .c-mv2 .c-box1 h2, .c-box1 .c-mv2 h2, .c-mv2 .c-box1 h3, .c-box1 .c-mv2 h3, .c-mv2 .c-box1 h4, .c-box1 .c-mv2 h4, .c-mv2 .c-box1 h5, .c-box1 .c-mv2 h5, .c-mv2 .c-box1 h6, .c-box1 .c-mv2 h6 {
  color: #fff;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 375px) {
  .c-mv2 h1, .c-mv2 .c-box1 h2, .c-box1 .c-mv2 h2, .c-mv2 .c-box1 h3, .c-box1 .c-mv2 h3, .c-mv2 .c-box1 h4, .c-box1 .c-mv2 h4, .c-mv2 .c-box1 h5, .c-box1 .c-mv2 h5, .c-mv2 .c-box1 h6, .c-box1 .c-mv2 h6 {
    font-size: 1.8rem;
  }
}
.c-mv2 h2, .c-mv2 .c-box1 h3, .c-box1 .c-mv2 h3, .c-mv2 .c-box1 h4, .c-box1 .c-mv2 h4, .c-mv2 .c-box1 h5, .c-box1 .c-mv2 h5, .c-mv2 .c-box1 h6, .c-box1 .c-mv2 h6 {
  color: #fff;
  font-size: 5.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 375px) {
  .c-mv2 h2, .c-mv2 .c-box1 h3, .c-box1 .c-mv2 h3, .c-mv2 .c-box1 h4, .c-box1 .c-mv2 h4, .c-mv2 .c-box1 h5, .c-box1 .c-mv2 h5, .c-mv2 .c-box1 h6, .c-box1 .c-mv2 h6 {
    font-size: 3.2rem;
  }
}
.c-mv2 h3, .c-mv2 .c-box1 h4, .c-box1 .c-mv2 h4, .c-mv2 .c-box1 h5, .c-box1 .c-mv2 h5, .c-mv2 .c-box1 h6, .c-box1 .c-mv2 h6 {
  color: #fff;
  text-align: right;
  leading-trim: both;
  text-edge: cap;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 14rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: -28px;
  opacity: 0.25;
  pointer-events: none;
  white-space: nowrap;
}
@media screen and (max-width: 375px) {
  .c-mv2 h3, .c-mv2 .c-box1 h4, .c-box1 .c-mv2 h4, .c-mv2 .c-box1 h5, .c-box1 .c-mv2 h5, .c-mv2 .c-box1 h6, .c-box1 .c-mv2 h6 {
    font-size: 7rem;
    bottom: -14px;
  }
}

.c-mv-single {
  position: relative;
}
.c-mv-single .l-inner {
  padding-top: 167px;
  padding-bottom: 32px;
}
@media screen and (max-width: 375px) {
  .c-mv-single .l-inner {
    padding-top: 32px;
  }
}
.c-mv-single h1, .c-mv-single .c-box1 h2, .c-box1 .c-mv-single h2, .c-mv-single .c-box1 h3, .c-box1 .c-mv-single h3, .c-mv-single .c-box1 h4, .c-box1 .c-mv-single h4, .c-mv-single .c-box1 h5, .c-box1 .c-mv-single h5, .c-mv-single .c-box1 h6, .c-box1 .c-mv-single h6 {
  color: #fff;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  margin: 30px 0 -5px;
}
@media screen and (max-width: 375px) {
  .c-mv-single h1, .c-mv-single .c-box1 h2, .c-box1 .c-mv-single h2, .c-mv-single .c-box1 h3, .c-box1 .c-mv-single h3, .c-mv-single .c-box1 h4, .c-box1 .c-mv-single h4, .c-mv-single .c-box1 h5, .c-box1 .c-mv-single h5, .c-mv-single .c-box1 h6, .c-box1 .c-mv-single h6 {
    font-size: 2.4rem;
  }
}
.c-mv-single .mv-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.c-mv-single .cat-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.c-mv-single .cat-area a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  background: #e5f1f8;
  gap: 8px;
  color: #0075be;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}
.c-mv-single .sub-area time {
  color: #fff;
  font-size: 1.4rem;
}
.c-mv-single .sub-area .tag-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.c-mv-single .sub-area .tag-list a {
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-mv-single .sub-area .tag-list a:not(:last-child)::after {
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  opacity: 0.5;
}
.c-mv-single.project h1, .c-mv-single.project .c-box1 h2, .c-box1 .c-mv-single.project h2, .c-mv-single.project .c-box1 h3, .c-box1 .c-mv-single.project h3, .c-mv-single.project .c-box1 h4, .c-box1 .c-mv-single.project h4, .c-mv-single.project .c-box1 h5, .c-box1 .c-mv-single.project h5, .c-mv-single.project .c-box1 h6, .c-box1 .c-mv-single.project h6 {
  color: #fff;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 4rem;
}
@media screen and (max-width: 375px) {
  .c-mv-single.project h1, .c-mv-single.project .c-box1 h2, .c-box1 .c-mv-single.project h2, .c-mv-single.project .c-box1 h3, .c-box1 .c-mv-single.project h3, .c-mv-single.project .c-box1 h4, .c-box1 .c-mv-single.project h4, .c-mv-single.project .c-box1 h5, .c-box1 .c-mv-single.project h5, .c-mv-single.project .c-box1 h6, .c-box1 .c-mv-single.project h6 {
    font-size: 2.4rem;
  }
}

/*----------------------------------------------------------------
  Card
-----------------------------------------------------------------*/
/* .c-card
______________________________________________*/
.c-card-project .thumb {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  aspect-ratio: 357.33/182.78;
}
.c-card-project .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.c-card-project .thumb .cat {
  position: absolute;
  top: 16px;
  left: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px;
}
.c-card-project .thumb .cat .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  z-index: 1;
  border-radius: 3px;
  background: #0075be;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}
.c-card-project .title {
  font-size: 2rem;
  font-weight: 700;
  padding: 8px 0;
}
.c-card-project .description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--txt-defo, #333);
  text-overflow: ellipsis;
}
.c-card-project .tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 10px 6px 0;
}
.c-card-project .tags li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-card-project .tags li:not(:last-child)::after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #dddddd;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-card-project .tags li .item {
  color: #0075be;
  font-size: 1.2rem;
  line-height: 2;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-project .tags li .item:hover {
    color: #2f9ee3;
  }
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-project a:hover {
    color: #2f9ee3;
  }
  .c-card-project a:hover .thumb img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .c-card-project a:hover p {
    color: #2f9ee3 !important;
  }
}

.c-card-business {
  display: block;
  width: 100%;
  height: 450px;
  z-index: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  position: relative;
}
.c-card-business::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(39.91%, rgba(0, 0, 0, 0)), color-stop(81.62%, var(--main, rgba(0, 117, 190, 0.9))));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 39.91%, var(--main, rgba(0, 117, 190, 0.9)) 81.62%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 39.91%, var(--main, rgba(0, 117, 190, 0.9)) 81.62%);
  z-index: -1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.c-card-business .inner {
  min-height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  color: #fff;
}
.c-card-business .inner::before {
  content: "";
  display: block;
  position: absolute !important;
  top: 32px;
  right: 68px;
  width: 1px;
  height: 31px;
  background-color: rgba(255, 255, 255, 0.5);
}
.c-card-business .inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 117, 190, 0.8);
  z-index: -1;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 0;
}
.c-card-business .inner .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
}
.c-card-business .inner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-card-business .inner .txt1 {
  padding-right: 36px;
  position: relative !important;
}
.c-card-business .inner .txt2 {
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 7px;
  position: relative !important;
}
.c-card-business .inner .txt3 {
  margin-top: auto;
}
.c-card-business::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-business:hover::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}
.c-card-business::after {
  position: absolute;
  top: 34px;
  right: 32px;
  color: #fff;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-business:hover::before {
    opacity: 0;
  }
  .c-card-business:hover .inner::after {
    opacity: 1;
  }
}

.c-card-business1 {
  display: block;
  width: 100%;
  height: 450px;
  z-index: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  position: relative;
}
.c-card-business1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(39.91%, rgba(0, 0, 0, 0)), color-stop(81.62%, var(--main, rgba(0, 117, 190, 0.9))));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 39.91%, var(--main, rgba(0, 117, 190, 0.9)) 81.62%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 39.91%, var(--main, rgba(0, 117, 190, 0.9)) 81.62%);
  z-index: -1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.c-card-business1 .inner {
  min-height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  color: #fff;
}
.c-card-business1 .inner::before {
  content: "";
  display: block;
  position: absolute !important;
  top: 32px;
  right: 68px;
  width: 1px;
  height: 31px;
  background-color: rgba(255, 255, 255, 0.5);
}
.c-card-business1 .inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 117, 190, 0.8);
  z-index: -1;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  opacity: 0;
}
.c-card-business1 .inner .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
}
.c-card-business1 .inner .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-card-business1 .inner .txt1 {
  padding-right: 36px;
  position: relative !important;
}
.c-card-business1 .inner .txt2 {
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.3;
  margin-top: 7px;
  position: relative !important;
}
.c-card-business1 .inner .txt3 {
  margin-top: auto;
}
.c-card-business1::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-business1:hover::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}
.c-card-business1::after {
  position: absolute;
  top: 34px;
  right: 32px;
  color: #fff;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-business1:hover::before {
    opacity: 0;
  }
  .c-card-business1:hover .inner::after {
    opacity: 1;
  }
}

.c-card-company-address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 24px;
  line-height: 1.8;
}
@media screen and (max-width: 375px) {
  .c-card-company-address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.c-card-company-address:not(:last-child) {
  margin-bottom: 24px;
}
.c-card-company-address h4, .c-card-company-address .c-box1 h5, .c-box1 .c-card-company-address h5, .c-card-company-address .c-box1 h6, .c-box1 .c-card-company-address h6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  min-width: 120px;
  padding: 4px 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 5px;
  background: var(--main, #0075be);
  color: #fff;
}
@media screen and (max-width: 375px) {
  .c-card-company-address h4, .c-card-company-address .c-box1 h5, .c-box1 .c-card-company-address h5, .c-card-company-address .c-box1 h6, .c-box1 .c-card-company-address h6 {
    width: 100%;
    min-width: 0;
  }
}
.c-card-company-address .c-btn-pin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px 4px 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  border: 1px solid var(--main, #0075be);
  background: #fff;
  margin-left: auto;
  color: var(--main, #0075be);
  white-space: nowrap;
}
.c-card-company-address .c-btn-pin::before {
  width: 24px !important;
  height: 24px !important;
}
@media screen and (max-width: 375px) {
  .c-card-company-address .c-btn-pin {
    margin: 0 auto 0 0;
  }
}

.c-card-office, .c-card-office-b, .c-card-office-a {
  gap: 16px;
  height: 100%;
}
.c-card-office .header, .c-card-office-b .header, .c-card-office-a .header {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #dddddd;
}
.c-card-office h4, .c-card-office-b h4, .c-card-office-a h4, .c-card-office .c-box1 h5, .c-card-office-b .c-box1 h5, .c-card-office-a .c-box1 h5, .c-box1 .c-card-office h5, .c-box1 .c-card-office-b h5, .c-box1 .c-card-office-a h5, .c-card-office .c-box1 h6, .c-card-office-b .c-box1 h6, .c-card-office-a .c-box1 h6, .c-box1 .c-card-office h6, .c-box1 .c-card-office-b h6, .c-box1 .c-card-office-a h6 {
  color: #0075be;
}
.c-card-office .txt2, .c-card-office-b .txt2, .c-card-office-a .txt2 {
  margin: 16px 0;
}
.c-card-office .gmap iframe, .c-card-office-b .gmap iframe, .c-card-office-a .gmap iframe {
  aspect-ratio: 872/364;
}

.c-card-office-a {
  padding: 64px;
  border-radius: 10px;
  background: var(--bg-bule, #e5f1f8);
  margin-bottom: 124px;
}
@media screen and (max-width: 375px) {
  .c-card-office-a {
    padding: 40px 20px;
    margin-bottom: 0;
  }
}
.c-card-office-a .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}
@media screen and (max-width: 375px) {
  .c-card-office-a .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.c-card-office-a .inner .img img {
  min-width: 300px;
  width: 300px;
  height: auto;
  border-radius: 5px;
}
.c-card-office-a .gmap {
  margin-top: 40px;
}
@media screen and (max-width: 375px) {
  .c-card-office-a .gmap {
    margin-top: 24px;
  }
}
@media screen and (max-width: 375px) {
  .c-card-office-a .gmap iframe {
    aspect-ratio: 295/364;
  }
}

.c-card-office-b h3, .c-card-office-b .c-box1 h4, .c-box1 .c-card-office-b h4, .c-card-office-b .c-box1 h5, .c-box1 .c-card-office-b h5, .c-card-office-b .c-box1 h6, .c-box1 .c-card-office-b h6 {
  font-size: 2.4rem;
}
.c-card-office-b h4, .c-card-office-b .c-box1 h5, .c-box1 .c-card-office-b h5, .c-card-office-b .c-box1 h6, .c-box1 .c-card-office-b h6 {
  font-size: 1.6rem;
}
.c-card-office-b .gmap iframe {
  aspect-ratio: 466/256;
}
@media screen and (max-width: 375px) {
  .c-card-office-b .gmap iframe {
    aspect-ratio: 295/364;
  }
}

.c-card-esg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px;
  gap: 32px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 10px;
  background: #fff;
}
@media screen and (max-width: 375px) {
  .c-card-esg {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
  }
}
.c-card-esg .img img {
  width: 300px;
  min-width: 300px;
  aspect-ratio: 1/1;
  border-radius: 10px;
}
@media screen and (max-width: 375px) {
  .c-card-esg .img img {
    width: 100%;
    min-width: 0;
  }
}
.c-card-esg .ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-card-esg .ttl h3, .c-card-esg .ttl .c-box1 h4, .c-box1 .c-card-esg .ttl h4, .c-card-esg .ttl .c-box1 h5, .c-box1 .c-card-esg .ttl h5, .c-card-esg .ttl .c-box1 h6, .c-box1 .c-card-esg .ttl h6 {
  color: #003e64;
}
@media screen and (max-width: 375px) {
  .c-card-esg .ttl h3, .c-card-esg .ttl .c-box1 h4, .c-box1 .c-card-esg .ttl h4, .c-card-esg .ttl .c-box1 h5, .c-box1 .c-card-esg .ttl h5, .c-card-esg .ttl .c-box1 h6, .c-box1 .c-card-esg .ttl h6 {
    font-size: 3.2rem;
    white-space: nowrap;
  }
}
@media screen and (max-width: 375px) {
  .c-card-esg .ttl h4, .c-card-esg .ttl .c-box1 h5, .c-box1 .c-card-esg .ttl h5, .c-card-esg .ttl .c-box1 h6, .c-box1 .c-card-esg .ttl h6 {
    font-size: 1.8rem;
  }
}
.c-card-esg .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.c-card-esg .links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 12px 32px;
}
.c-card-esg .links > * {
  color: #0075be;
}
.c-card-esg .links .group {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0 8px;
}
.c-card-esg .links .group::before {
  content: "グループ";
  padding: 4px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--sub, #004896);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.8;
  border: 1px solid #004896;
  white-space: nowrap;
}

/*----------------------------------------------------------------
  Navs
-----------------------------------------------------------------*/
.c-flow-bnr-recruit,
.c-flow-bnr-group {
  display: block;
  width: 200px;
  height: 200px;
  aspect-ratio: 1/1;
  border-radius: 5px;
  overflow: hidden;
}

.c-flow-bnr-recruit img {
  width: 100%;
  height: 100%;
  -o-object-fit: 100%;
     object-fit: 100%;
}

.c-flow-bnr-group {
  background-color: #004896;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 19px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  position: relative;
  position: relative;
}
.c-flow-bnr-group .txt1 {
  font-size: 1.3rem;
  line-height: 1.5;
}
.c-flow-bnr-group .txt2 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}
.c-flow-bnr-group::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #fff;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-flow-bnr-group:hover::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}
.c-flow-bnr-group::after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  bottom: 30px;
  width: 24px;
  height: 24px;
}
.c-flow-bnr-group::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 30px;
  right: 55px;
  width: 1px;
  height: 23px;
  background-color: #fff;
}

.c-flow-bnrs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 1;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media screen and (max-width: 375px) {
  .c-flow-bnrs {
    display: none;
  }
}
.c-flow-bnrs a {
  display: block;
  width: 200px;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-flow-bnrs a:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.c-flow-bnrs a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

:where(.editor-styles-wrapper) .c-flow-bnrs {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
}

.is-scroll3 .c-flow-bnrs {
  opacity: 0;
  pointer-events: none;
}

/* .c-nav-company-index
______________________________________________*/
.c-nav-company-index .list1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  padding-bottom: 36px;
  margin-bottom: 25px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 375px) {
  .c-nav-company-index .list1 {
    /*
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0;
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
    > * {
      border-top: solid 1px rgba(#fff, 0.25);
    }
      */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding-bottom: 0;
    margin-bottom: 25px;
    border: none;
  }
}
.c-nav-company-index .list1 > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-nav-company-index .list2 {
  gap: 36px;
}
@media screen and (max-width: 375px) {
  .c-nav-company-index .list2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .c-nav-company-index .list2 > * {
    border-top: solid 1px rgba(255, 255, 255, 0.25);
    padding: 10px 0;
  }
}
.c-nav-company-index .c-btn3, .c-nav-company-index .c-btn3--wh {
  font-size: 2rem;
  white-space: nowrap;
  font-weight: bold;
}
.c-nav-company-index .c-btn3 a::before, .c-nav-company-index .c-btn3--wh a::before {
  height: 24px;
  top: 7px;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-nav-company-index .c-btn3 a:hover, .c-nav-company-index .c-btn3--wh a:hover {
    color: #0075be;
  }
}

.c-card-company {
  position: relative;
  position: relative;
  display: block;
}
.c-card-company::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #0075be;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-company:hover::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}
@media screen and (max-width: 375px) {
  .c-card-company {
    /*
    display: flex;
    align-items: center;
    padding: 15px 0;
    img {
      max-width: 80px;
      margin-right: 10px;
    }
      */
  }
}
.c-card-company::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 5px;
  right: 0;
}
@media screen and (max-width: 375px) {
  .c-card-company::after {
    /*
    bottom: 50%;
    transform: translateY(50%);
    */
  }
}
.c-card-company::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 5px;
  right: 42px;
  width: 1px;
  height: 24px;
  background-color: #dddddd;
}
@media screen and (max-width: 375px) {
  .c-card-company::before {
    /*
    bottom: 50%;
    transform: translateY(50%);
    */
  }
}
.c-card-company .btn {
  font-size: 2rem;
  white-space: nowrap;
  font-weight: bold;
  margin-top: 11px;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media screen and (max-width: 375px) {
  .c-card-company .btn {
    /*
    white-space: normal;
    font-size: 1.3rem;
    margin-top: 0;
    */
  }
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-company:hover .btn {
    color: #0075be;
  }
}

.p-top-company .c-card-company::after {
  background-color: #fff;
}
.p-top-company .c-card-company::before {
  background-color: rgba(255, 255, 255, 0.25);
}
.p-top-company .c-card-company .btn {
  color: #fff;
}
.p-top-company .c-card-company .list1 {
  border-color: rgba(255, 255, 255, 0.25);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .p-top-company .c-btn3 a:hover, .p-top-company .c-btn3--wh a:hover {
    color: #fff;
  }
}

/* .c-nav-project-slider
______________________________________________*/
.c-nav-project-slider {
  max-width: 100vw;
}
.c-nav-project-slider > .block-editor-block-list__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-nav-project-slider .c-card-project {
  width: 357px;
  margin-right: 32px;
}
.c-nav-project-slider .slick-dots {
  left: 0;
  bottom: -34px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background-color: #efefef;
  width: 66vw;
  height: auto;
}
@media screen and (max-width: 375px) {
  .c-nav-project-slider .slick-dots {
    width: 335px;
  }
}
.c-nav-project-slider .slick-dots > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
  height: auto;
  margin: 0;
}
.c-nav-project-slider .slick-dots > * button {
  display: block;
  width: 100%;
  height: 5px;
  padding: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.c-nav-project-slider .slick-dots > * button::before {
  display: none;
}
.c-nav-project-slider .slick-dots > *.slick-active button {
  background-color: #0075be;
}

/* .c-breadcrumb
______________________________________________*/
.c-breadcrumb {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  gap: 4px;
  margin-top: 64px;
}
@media screen and (max-width: 375px) {
  .c-breadcrumb {
    display: none;
  }
}
.c-breadcrumb .separate {
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow2.svg");
          mask-image: url("../images/icon-svg/icon-arrow2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
}
.c-breadcrumb .home {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-home.svg");
          mask-image: url("../images/icon-svg/icon-home.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
  font-size: 0;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-breadcrumb a:hover {
    text-decoration: underline !important;
  }
}
.c-breadcrumb .current-item {
  opacity: 0.5;
}

/* .c-pager
______________________________________________*/
.c-pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 64px 0 0;
}
@media screen and (max-width: 375px) {
  .c-pager {
    margin: 64px 0 40px;
  }
}
.c-pager .wp-block-query-pagination-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 22px;
}
.c-pager .page-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 2rem;
  font-weight: 700;
}
.c-pager a {
  color: #a6a6a6;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-pager a:hover {
    color: #0075be;
  }
}
.c-pager .current {
  color: #0075be;
}
.c-pager .wp-block-query-pagination-previous,
.c-pager .wp-block-query-pagination-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 0;
}
.c-pager .wp-block-query-pagination-previous::after,
.c-pager .wp-block-query-pagination-next::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #0075be;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-pager .wp-block-query-pagination-previous:hover::after,
  .c-pager .wp-block-query-pagination-next:hover::after {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
.c-pager .wp-block-query-pagination-previous {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 375px) {
  .block-local-nav {
    margin-top: 40px;
    padding: 0;
  }
}
.block-local-nav > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 32px;
  padding: 24px 0;
  border-top: solid 1px #dddddd;
}
@media screen and (max-width: 375px) {
  .block-local-nav > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    padding: 24px 0;
  }
}
.block-local-nav > * > * a {
  display: block;
  white-space: nowrap;
}
.block-local-nav > * > * a .txt1 {
  position: relative;
  color: var(--main, #0075be);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 30px;
}
.block-local-nav > * > * a .txt1::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .block-local-nav > * > * a .txt1:hover::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}
@media screen and (hover: hover) and (min-width: 376px) {
  .block-local-nav > * > * a:hover {
    color: #2f9ee3 !important;
  }
  .block-local-nav > * > * a:hover .txt1::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}
.block-local-nav > * > *.current_page_item a {
  color: #a6a6a6;
  pointer-events: none;
}
.block-local-nav > * > *.current_page_item a .txt1 {
  color: #a6a6a6;
}
.block-local-nav > * > *.current_page_item a::after {
  background-color: #a6a6a6;
}
.block-local-nav.--type2 {
  padding-top: 124px;
  padding-bottom: 0;
}
@media screen and (max-width: 375px) {
  .block-local-nav.--type2 {
    padding: 64px 0 0;
  }
}
.block-local-nav.--type2 > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top: none;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
@media screen and (max-width: 375px) {
  .block-local-nav.--type2 > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.block-local-nav.--type2 > * > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.block-local-nav.--type2 > * > * a {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  background-color: #0075be !important;
  color: #fff;
  border-radius: 10px;
  white-space: normal;
}
.block-local-nav.--type2 > * > * a .txt1 {
  color: #fff;
}
@media screen and (max-width: 375px) {
  .block-local-nav.--type2 > * > * a .txt1 {
    font-size: 2.4rem;
  }
}
.block-local-nav.--type2 > * > * a .txt2 {
  line-height: 1.3;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .block-local-nav.--type2 > * > * a:hover {
    color: #fff !important;
    background-color: #2f9ee3 !important;
  }
}
.block-local-nav.--type2 > * > *.current_page_item a {
  color: #fff;
  background-color: #a6a6a6 !important;
}
.block-local-nav.--type2 > * > *.current_page_item a .txt1 {
  color: #fff;
}
.block-local-nav.--stretch {
  padding-bottom: 0;
}
.block-local-nav.--stretch > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 375px) {
  .block-local-nav.--stretch > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.block-local-nav.--stretch > * > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-nav-project-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100vw;
  background: #e5f1f8;
  margin-bottom: 64px;
}
@media screen and (max-width: 375px) {
  .c-nav-project-switch {
    border-radius: 0;
    margin-bottom: 40px;
  }
}
.c-nav-project-switch a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 58px;
  color: #a6a6a6;
  font-size: 2rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 100vw;
  font-weight: 700;
  min-width: 250px;
}
@media screen and (max-width: 375px) {
  .c-nav-project-switch a {
    height: 50px;
    border-radius: 0;
    min-width: 0;
    font-size: 1.4rem;
  }
}
.c-nav-project-switch a.current {
  color: #fff;
  background-color: #0075be;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-nav-project-switch a:hover {
    color: #fff;
    background-color: #0075be;
  }
}

.c-nav-project-cat {
  margin-bottom: 32px;
}
.c-nav-project-cat > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.c-nav-project-cat > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-nav-project-cat > ul > li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 74px;
  border-bottom: 4px solid #ddd;
  color: #a6a6a6;
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 375px) {
  .c-nav-project-cat > ul > li a {
    font-size: 1.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 1.2;
    text-align: center;
    height: 100%;
    padding: 24px 0;
  }
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-nav-project-cat > ul > li a:hover {
    color: #0075be;
    border-color: #0075be;
  }
}
.c-nav-project-cat > ul > li.current-cat a {
  color: #0075be;
  border-color: #0075be;
}

.c-nav-project-keyword {
  margin-bottom: 32px;
}
.c-nav-project-keyword .keyword-filter__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 12px;
}

.c-nav-project-relation .c-ttl4 {
  margin-bottom: 32px;
}

.c-project-relation-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

/*----------------------------------------------------------------
  Button
-----------------------------------------------------------------*/
/* .c-btn1
______________________________________________*/
.c-btn1 a, .c-btn-download a, .c-btn2--b a, .c-btn2 a, .h-btn-contact a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  padding: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  border-radius: 5px;
  background-color: #0075be;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  white-space: nowrap;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 375px) {
  .c-btn1 a, .c-btn-download a, .c-btn2--b a, .c-btn2 a, .h-btn-contact a {
    width: 100%;
  }
}
.c-btn1 a::before, .c-btn-download a::before, .c-btn2--b a::before, .c-btn2 a::before, .h-btn-contact a::before {
  content: "";
  display: block;
  width: 1px;
  height: 23px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 64px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.25;
}
.c-btn1 a::after, .c-btn-download a::after, .c-btn2--b a::after, .c-btn2 a::after, .h-btn-contact a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-btn1 a:hover::after, .c-btn-download a:hover::after, .c-btn2--b a:hover::after, .c-btn2 a:hover::after, .h-btn-contact a:hover::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-btn1 a:hover, .c-btn-download a:hover, .c-btn2--b a:hover, .c-btn2 a:hover, .h-btn-contact a:hover {
    background-color: #2f9ee3;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}
.c-btn1 a[target=_blank]::after, .c-btn-download a[target=_blank]::after, .c-btn2--b a[target=_blank]::after, .c-btn2 a[target=_blank]::after, .h-btn-contact a[target=_blank]::after {
  -webkit-mask-image: url("../../../../uploads/icon-blank.svg");
          mask-image: url("../../../../uploads/icon-blank.svg");
}
.c-btn1.--clr1 a, .--clr1.c-btn-download a, .--clr1.c-btn2--b a, .--clr1.c-btn2 a, .--clr1.h-btn-contact a, .c-btn1.--clr2 a, .--clr2.c-btn-download a, .--clr2.c-btn2--b a, .--clr2.c-btn2 a, .--clr2.h-btn-contact a {
  background-color: #f5f262;
  color: #000;
}
.c-btn1.--clr1 a::before, .--clr1.c-btn-download a::before, .--clr1.c-btn2--b a::before, .--clr1.c-btn2 a::before, .--clr1.h-btn-contact a::before, .c-btn1.--clr2 a::before, .--clr2.c-btn-download a::before, .--clr2.c-btn2--b a::before, .--clr2.c-btn2 a::before, .--clr2.h-btn-contact a::before {
  background-color: #000;
}
.c-btn1.--clr2 a, .--clr2.c-btn-download a, .--clr2.c-btn2--b a, .--clr2.c-btn2 a, .--clr2.h-btn-contact a {
  background-color: #ffdc68;
}

/* .c-btn2
______________________________________________*/
.c-btn2 a, .h-btn-contact a {
  width: 200px;
  padding: 15px 20px;
}

.c-btn2--b a {
  background: #fff;
  color: #57a773;
}
.c-btn2--b a::before {
  background-color: #57a773;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-btn2--b a:hover {
    background: #f5f262;
  }
}

/* .c-btn3
______________________________________________*/
.c-btn3 > *, .c-btn3--wh > *, .p-top-company .c-btn3 > * {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  position: relative;
}
.c-btn3 > *::after, .c-btn3--wh > *::after, .p-top-company .c-btn3 > *::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #0075be;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-btn3 > *:hover::after, .c-btn3--wh > *:hover::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}

.arrow-hover-line, .block-local-nav > * > * a .txt1, .c-btn3 > *, .c-btn3--wh > *, .p-top-company .c-btn3 > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.arrow-hover-line::before, .block-local-nav > * > * a .txt1::before, .c-btn3 > ::before, .c-btn3--wh > ::before, .p-top-company .c-btn3 > ::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 40px;
  width: 1px;
  height: 100%;
  background-color: #dddddd;
}

.c-btn3--wh a, .p-top-company .c-btn3 a {
  color: #fff;
}
.c-btn3--wh a::after, .p-top-company .c-btn3 a::after {
  background-color: #fff;
}
.c-btn3--wh a::before, .p-top-company .c-btn3 a::before {
  background-color: rgba(255, 255, 255, 0.25);
}

/* .c-btn4
______________________________________________*/
.c-btn4 > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 300px;
  padding: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  border-radius: 5px;
  background: var(--txt-defo, #333);
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.8;
  margin: 0 auto;
}

.c-btn-download {
  border-color: #f5f262;
  background: #f5f262;
  color: #003e64;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-btn-download:hover {
    border-color: #f7f7ce;
    background: #f7f7ce;
    color: #003e64;
  }
}

.c-btn-back a {
  color: var(--main, #0075be);
  font-size: 2rem;
  font-weight: 700;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 8px;
}
.c-btn-back a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
  -webkit-transform: translateX(0) rotate(180deg);
          transform: translateX(0) rotate(180deg);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-btn-back a:hover::after {
    -webkit-animation: arrow-slide-left 0.4s ease-in-out forwards;
            animation: arrow-slide-left 0.4s ease-in-out forwards;
  }
}

a.c-bnr1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 24px;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 10px;
  background: var(--recruit, #f5f262);
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
@media screen and (max-width: 375px) {
  a.c-bnr1 {
    padding: 20px;
    gap: 12px;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
}
a.c-bnr1::before {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 18px !important;
  height: 18px !important;
}
@media screen and (hover: hover) and (min-width: 376px) {
  a.c-bnr1:hover {
    background-color: #f8f69a;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
a.c-bnr1 .img {
  width: 124px;
  min-width: 124px;
}
@media screen and (max-width: 375px) {
  a.c-bnr1 .img {
    width: 60px;
    min-width: 60px;
  }
}
a.c-bnr1 .img img {
  aspect-ratio: 1;
  border-radius: 10px;
}
a.c-bnr1 h3, a.c-bnr1 .c-box1 h4, .c-box1 a.c-bnr1 h4, a.c-bnr1 .c-box1 h5, .c-box1 a.c-bnr1 h5, a.c-bnr1 .c-box1 h6, .c-box1 a.c-bnr1 h6 {
  margin-bottom: 8px;
}
@media screen and (min-width: 376px) {
  a.c-bnr1 h3 br, a.c-bnr1 .c-box1 h4 br, .c-box1 a.c-bnr1 h4 br, a.c-bnr1 .c-box1 h5 br, .c-box1 a.c-bnr1 h5 br, a.c-bnr1 .c-box1 h6 br, .c-box1 a.c-bnr1 h6 br {
    display: none;
  }
}
a.c-bnr1.--clr2 {
  background-color: #ffdc68;
}
@media screen and (hover: hover) and (min-width: 376px) {
  a.c-bnr1.--clr2:hover {
    background-color: #ffe692;
  }
}

/*----------------------------------------------------------------
  Icons
-----------------------------------------------------------------*/
.icon-volunteer::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/icon-volunteer.svg");
  -webkit-mask-image: url("../images/icon-svg/icon-volunteer.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-volunteer.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-home1::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/home1.svg");
  -webkit-mask-image: url("../images/icon-svg/home1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-home1.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-canvas::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/canvas.svg");
  -webkit-mask-image: url("../images/icon-svg/canvas.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-canvas.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-earth::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/earth.svg");
  -webkit-mask-image: url("../images/icon-svg/earth.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-earth.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-heart-hand::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/heart-hand.svg");
  -webkit-mask-image: url("../images/icon-svg/heart-hand.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-heart-hand.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-ng::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/ng.svg");
  -webkit-mask-image: url("../images/icon-svg/ng.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-ng.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-ok::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/ok.svg");
  -webkit-mask-image: url("../images/icon-svg/ok.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-ok.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-pdf::before, .c-link-pdf::before, .acf-file-download.pdf::before, .c-card-news.file-link h2::before, .c-card-news.file-link .c-box1 h3::before, .c-box1 .c-card-news.file-link h3::before, .c-card-news.file-link .c-box1 h4::before, .c-box1 .c-card-news.file-link h4::before, .c-card-news.file-link .c-box1 h5::before, .c-box1 .c-card-news.file-link h5::before, .c-card-news.file-link .c-box1 h6::before, .c-box1 .c-card-news.file-link h6::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/pdf.svg");
  -webkit-mask-image: url("../images/icon-svg/pdf.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-pdf.icon--after, .icon--after.c-link-pdf, .icon--after.acf-file-download.pdf, .c-card-news.file-link h2.icon--after, .c-card-news.file-link .c-box1 h3.icon--after, .c-box1 .c-card-news.file-link h3.icon--after, .c-card-news.file-link .c-box1 h4.icon--after, .c-box1 .c-card-news.file-link h4.icon--after, .c-card-news.file-link .c-box1 h5.icon--after, .c-box1 .c-card-news.file-link h5.icon--after, .c-card-news.file-link .c-box1 h6.icon--after, .c-box1 .c-card-news.file-link h6.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-solar-power::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/solar-power.svg");
  -webkit-mask-image: url("../images/icon-svg/solar-power.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-solar-power.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-wind-power::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/wind-power.svg");
  -webkit-mask-image: url("../images/icon-svg/wind-power.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-wind-power.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-b-r::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-b-r.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-b-r.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-b-r.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-a-l::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-a-l.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-a-l.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-a-l.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-a-r::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-a-r.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-a-r.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-a-r.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-b-down::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-b-down.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-b-down.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-b-down.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-b-l::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-b-l.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-b-l.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-b-l.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-b-up::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-b-up.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-b-up.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-b-up.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-blank::before, .c-link1 a[target=_blank]::before, .c-card-esg .links > * a[target=_blank]::before, .c-form a a[target=_blank]::before,
.c-link1-a a[target=_blank]::before,
.p-contact-block2 a a[target=_blank]::before,
.p-contact-block1 a a[target=_blank]::before, .c-link-blank::before, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container a[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"])::before,
.c-post a[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"])::before,
.c-document a[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"])::before, .c-table1 table a::before, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table a::before,
.c-post .wp-block-table table a::before,
.c-document .wp-block-table table a::before, .wp-block-table table table a::before, .c-table1 table a[target=_blank]::before,
.c-post .wp-block-table table a[target=_blank]::before,
.c-document .wp-block-table table a[target=_blank]::before, .wp-block-table table table a[target=_blank]::before,
.c-box1 a[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"])::before,
.c-box1 .wp-block-table table a::before,
.c-box1 .wp-block-table table a[target=_blank]::before,
.c-box2 a[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"])::before,
.c-box2 .wp-block-table table a::before,
.c-box2 .wp-block-table table a[target=_blank]::before, a.c-bnr1::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/blank.svg");
  -webkit-mask-image: url("../images/icon-svg/blank.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-blank.icon--after, .c-link1 a.icon--after[target=_blank], .c-card-esg .links > * a.icon--after[target=_blank], .c-form a a.icon--after[target=_blank],
.c-link1-a a.icon--after[target=_blank],
.p-contact-block2 a a.icon--after[target=_blank],
.p-contact-block1 a a.icon--after[target=_blank], .icon--after.c-link-blank, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container a.icon--after[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"]),
.c-post a.icon--after[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"]),
.c-document a.icon--after[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"]), .c-table1 table a.icon--after, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table a.icon--after,
.c-post .wp-block-table table a.icon--after,
.c-document .wp-block-table table a.icon--after, .wp-block-table table table a.icon--after,
.c-post .wp-block-table table a.icon--after[target=_blank],
.c-document .wp-block-table table a.icon--after[target=_blank],
.c-box1 a.icon--after[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"]),
.c-box1 .wp-block-table table a.icon--after,
.c-box1 .wp-block-table table a.icon--after[target=_blank],
.c-box2 a.icon--after[target=_blank]:not([class^=c-btn]):not([class*=" c-btn"]),
.c-box2 .wp-block-table table a.icon--after,
.c-box2 .wp-block-table table a.icon--after[target=_blank], a.icon--after.c-bnr1 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-building::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/building.svg");
  -webkit-mask-image: url("../images/icon-svg/building.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-building.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-check::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/check.svg");
  -webkit-mask-image: url("../images/icon-svg/check.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-check.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-check2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/check2.svg");
  -webkit-mask-image: url("../images/icon-svg/check2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-check2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-file::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/file.svg");
  -webkit-mask-image: url("../images/icon-svg/file.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-file.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-group::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/group.svg");
  -webkit-mask-image: url("../images/icon-svg/group.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-group.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-open::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/icon-open.svg");
  -webkit-mask-image: url("../images/icon-svg/icon-open.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-open.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-close::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/icon-close.svg");
  -webkit-mask-image: url("../images/icon-svg/icon-close.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-close.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-list::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/list.svg");
  -webkit-mask-image: url("../images/icon-svg/list.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-list.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-mail::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/mail.svg");
  -webkit-mask-image: url("../images/icon-svg/mail.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-mail.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-minus::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/minus.svg");
  -webkit-mask-image: url("../images/icon-svg/minus.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-minus.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-pc::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/pc.svg");
  -webkit-mask-image: url("../images/icon-svg/pc.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-pc.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-phone::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/phone.svg");
  -webkit-mask-image: url("../images/icon-svg/phone.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-phone.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-pin::before, .c-link-map::before, .c-card-company-address .c-btn-pin::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/pin.svg");
  -webkit-mask-image: url("../images/icon-svg/pin.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-pin.icon--after, .icon--after.c-link-map, .c-card-company-address .icon--after.c-btn-pin {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-plus::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/plus.svg");
  -webkit-mask-image: url("../images/icon-svg/plus.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-plus.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-point::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/point.svg");
  -webkit-mask-image: url("../images/icon-svg/point.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-point.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-position::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/position.svg");
  -webkit-mask-image: url("../images/icon-svg/position.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-position.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-pull-down::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/pull-down.svg");
  -webkit-mask-image: url("../images/icon-svg/pull-down.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-pull-down.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-search::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/search.svg");
  -webkit-mask-image: url("../images/icon-svg/search.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-search.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-star-b::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/star-b.svg");
  -webkit-mask-image: url("../images/icon-svg/star-b.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-star-b.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-star::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/star.svg");
  -webkit-mask-image: url("../images/icon-svg/star.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-star.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-time::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/time.svg");
  -webkit-mask-image: url("../images/icon-svg/time.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-time.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-yen::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/yen.svg");
  -webkit-mask-image: url("../images/icon-svg/yen.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-yen.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-phone-b::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/phone-b.svg");
  -webkit-mask-image: url("../images/icon-svg/phone-b.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-phone-b.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-pdf1::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/pdf1.svg");
  -webkit-mask-image: url("../images/icon-svg/pdf1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-pdf1.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-train::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/train.svg");
  -webkit-mask-image: url("../images/icon-svg/train.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-train.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-pen::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/pen.svg");
  -webkit-mask-image: url("../images/icon-svg/pen.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-pen.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-live::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/live.svg");
  -webkit-mask-image: url("../images/icon-svg/live.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-live.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-office::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/office.svg");
  -webkit-mask-image: url("../images/icon-svg/office.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-office.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-home::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/home.svg");
  -webkit-mask-image: url("../images/icon-svg/home.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-home.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-home2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/home2.svg");
  -webkit-mask-image: url("../images/icon-svg/home2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-home2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-home3::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/home3.svg");
  -webkit-mask-image: url("../images/icon-svg/home3.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-home3.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-play::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/play.svg");
  -webkit-mask-image: url("../images/icon-svg/play.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-play.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-file-empty::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/file-empty.svg");
  -webkit-mask-image: url("../images/icon-svg/file-empty.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-file-empty.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-files-empty::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/files-empty.svg");
  -webkit-mask-image: url("../images/icon-svg/files-empty.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-files-empty.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-file-text2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/file-text2.svg");
  -webkit-mask-image: url("../images/icon-svg/file-text2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-file-text2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-file-picture::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/file-picture.svg");
  -webkit-mask-image: url("../images/icon-svg/file-picture.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-file-picture.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-folder::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/folder.svg");
  -webkit-mask-image: url("../images/icon-svg/folder.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-folder.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-folder-open::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/folder-open.svg");
  -webkit-mask-image: url("../images/icon-svg/folder-open.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-folder-open.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-price-tag::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/price-tag.svg");
  -webkit-mask-image: url("../images/icon-svg/price-tag.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-price-tag.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-price-tags::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/price-tags.svg");
  -webkit-mask-image: url("../images/icon-svg/price-tags.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-price-tags.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-coin-yen::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/coin-yen.svg");
  -webkit-mask-image: url("../images/icon-svg/coin-yen.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-coin-yen.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-phone1::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/phone1.svg");
  -webkit-mask-image: url("../images/icon-svg/phone1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-phone1.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-phone-hang-up::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/phone-hang-up.svg");
  -webkit-mask-image: url("../images/icon-svg/phone-hang-up.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-phone-hang-up.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-location::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/location.svg");
  -webkit-mask-image: url("../images/icon-svg/location.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-location.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-location2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/location2.svg");
  -webkit-mask-image: url("../images/icon-svg/location2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-location2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-clock::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/clock.svg");
  -webkit-mask-image: url("../images/icon-svg/clock.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-clock.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-clock2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/clock2.svg");
  -webkit-mask-image: url("../images/icon-svg/clock2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-clock2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-bubble::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/bubble.svg");
  -webkit-mask-image: url("../images/icon-svg/bubble.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-bubble.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-bubbles::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/bubbles.svg");
  -webkit-mask-image: url("../images/icon-svg/bubbles.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-bubbles.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-bubbles2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/bubbles2.svg");
  -webkit-mask-image: url("../images/icon-svg/bubbles2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-bubbles2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-bubble2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/bubble2.svg");
  -webkit-mask-image: url("../images/icon-svg/bubble2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-bubble2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-bubbles3::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/bubbles3.svg");
  -webkit-mask-image: url("../images/icon-svg/bubbles3.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-bubbles3.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-bubbles4::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/bubbles4.svg");
  -webkit-mask-image: url("../images/icon-svg/bubbles4.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-bubbles4.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-plus1::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/plus1.svg");
  -webkit-mask-image: url("../images/icon-svg/plus1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-plus1.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-minus1::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/minus1.svg");
  -webkit-mask-image: url("../images/icon-svg/minus1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-minus1.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-cross::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/cross.svg");
  -webkit-mask-image: url("../images/icon-svg/cross.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-cross.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-checkmark::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/checkmark.svg");
  -webkit-mask-image: url("../images/icon-svg/checkmark.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-checkmark.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-play3::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/play3.svg");
  -webkit-mask-image: url("../images/icon-svg/play3.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-play3.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-pause2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/pause2.svg");
  -webkit-mask-image: url("../images/icon-svg/pause2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-pause2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-stop2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/stop2.svg");
  -webkit-mask-image: url("../images/icon-svg/stop2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-stop2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-backward2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/backward2.svg");
  -webkit-mask-image: url("../images/icon-svg/backward2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-backward2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-forward3::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/forward3.svg");
  -webkit-mask-image: url("../images/icon-svg/forward3.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-forward3.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-first::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/first.svg");
  -webkit-mask-image: url("../images/icon-svg/first.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-first.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-last::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/last.svg");
  -webkit-mask-image: url("../images/icon-svg/last.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-last.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-previous2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/previous2.svg");
  -webkit-mask-image: url("../images/icon-svg/previous2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-previous2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-next2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/next2.svg");
  -webkit-mask-image: url("../images/icon-svg/next2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-next2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-eject::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/eject.svg");
  -webkit-mask-image: url("../images/icon-svg/eject.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-eject.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-volume-high::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/volume-high.svg");
  -webkit-mask-image: url("../images/icon-svg/volume-high.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-volume-high.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-volume-medium::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/volume-medium.svg");
  -webkit-mask-image: url("../images/icon-svg/volume-medium.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-volume-medium.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-volume-low::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/volume-low.svg");
  -webkit-mask-image: url("../images/icon-svg/volume-low.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-volume-low.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-volume-mute::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/volume-mute.svg");
  -webkit-mask-image: url("../images/icon-svg/volume-mute.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-volume-mute.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-volume-mute2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/volume-mute2.svg");
  -webkit-mask-image: url("../images/icon-svg/volume-mute2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-volume-mute2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-volume-increase::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/volume-increase.svg");
  -webkit-mask-image: url("../images/icon-svg/volume-increase.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-volume-increase.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-volume-decrease::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/volume-decrease.svg");
  -webkit-mask-image: url("../images/icon-svg/volume-decrease.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-volume-decrease.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-up-left::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-up-left.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-up-left.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-up-left.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-up::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-up.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-up.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-up.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-up-right::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-up-right.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-up-right.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-up-right.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-right::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-right.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-right.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-right.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-down-right::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-down-right.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-down-right.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-down-right.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-down::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-down.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-down.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-down.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-down-left::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-down-left.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-down-left.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-down-left.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-left::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-left.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-left.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-left.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-up-left2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-up-left2.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-up-left2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-up-left2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-up2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-up2.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-up2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-up2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-up-right2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-up-right2.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-up-right2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-up-right2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-right2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-right2.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-right2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-right2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-right3::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-right3.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-right3.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-right3.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-down-right2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-down-right2.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-down-right2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-down-right2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-down2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-down2.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-down2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-down2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-down-left2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-down-left2.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-down-left2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-down-left2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-arrow-left2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/arrow-left2.svg");
  -webkit-mask-image: url("../images/icon-svg/arrow-left2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-arrow-left2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-circle-up::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/circle-up.svg");
  -webkit-mask-image: url("../images/icon-svg/circle-up.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-circle-up.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-circle-right::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/circle-right.svg");
  -webkit-mask-image: url("../images/icon-svg/circle-right.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-circle-right.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-circle-down::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/circle-down.svg");
  -webkit-mask-image: url("../images/icon-svg/circle-down.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-circle-down.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-circle-left::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/circle-left.svg");
  -webkit-mask-image: url("../images/icon-svg/circle-left.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-circle-left.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-paragraph-left::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/paragraph-left.svg");
  -webkit-mask-image: url("../images/icon-svg/paragraph-left.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-paragraph-left.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-paragraph-center::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/paragraph-center.svg");
  -webkit-mask-image: url("../images/icon-svg/paragraph-center.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-paragraph-center.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-paragraph-right::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/paragraph-right.svg");
  -webkit-mask-image: url("../images/icon-svg/paragraph-right.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-paragraph-right.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-paragraph-justify::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/paragraph-justify.svg");
  -webkit-mask-image: url("../images/icon-svg/paragraph-justify.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-paragraph-justify.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-indent-increase::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/indent-increase.svg");
  -webkit-mask-image: url("../images/icon-svg/indent-increase.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-indent-increase.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-share::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/share.svg");
  -webkit-mask-image: url("../images/icon-svg/share.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-share.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-new-tab::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/new-tab.svg");
  -webkit-mask-image: url("../images/icon-svg/new-tab.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-new-tab.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-embed::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/embed.svg");
  -webkit-mask-image: url("../images/icon-svg/embed.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-embed.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-embed2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/embed2.svg");
  -webkit-mask-image: url("../images/icon-svg/embed2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-embed2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-facebook::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/facebook.svg");
  -webkit-mask-image: url("../images/icon-svg/facebook.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-facebook.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-facebook2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/facebook2.svg");
  -webkit-mask-image: url("../images/icon-svg/facebook2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-facebook2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-instagram::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/instagram.svg");
  -webkit-mask-image: url("../images/icon-svg/instagram.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-instagram.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-whatsapp::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/whatsapp.svg");
  -webkit-mask-image: url("../images/icon-svg/whatsapp.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-whatsapp.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-spotify::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/spotify.svg");
  -webkit-mask-image: url("../images/icon-svg/spotify.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-spotify.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-telegram::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/telegram.svg");
  -webkit-mask-image: url("../images/icon-svg/telegram.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-telegram.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-twitter::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/twitter.svg");
  -webkit-mask-image: url("../images/icon-svg/twitter.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-twitter.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-vine::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/vine.svg");
  -webkit-mask-image: url("../images/icon-svg/vine.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-vine.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-vk::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/vk.svg");
  -webkit-mask-image: url("../images/icon-svg/vk.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-vk.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-renren::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/renren.svg");
  -webkit-mask-image: url("../images/icon-svg/renren.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-renren.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-sina-weibo::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/sina-weibo.svg");
  -webkit-mask-image: url("../images/icon-svg/sina-weibo.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-sina-weibo.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-rss::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/rss.svg");
  -webkit-mask-image: url("../images/icon-svg/rss.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-rss.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-rss2::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/rss2.svg");
  -webkit-mask-image: url("../images/icon-svg/rss2.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-rss2.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-youtube::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/youtube.svg");
  -webkit-mask-image: url("../images/icon-svg/youtube.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-youtube.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-tux::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/tux.svg");
  -webkit-mask-image: url("../images/icon-svg/tux.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-tux.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-appleinc::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/appleinc.svg");
  -webkit-mask-image: url("../images/icon-svg/appleinc.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-appleinc.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-finder::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/finder.svg");
  -webkit-mask-image: url("../images/icon-svg/finder.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-finder.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-android::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/android.svg");
  -webkit-mask-image: url("../images/icon-svg/android.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-android.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-windows::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/windows.svg");
  -webkit-mask-image: url("../images/icon-svg/windows.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-windows.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.icon-windows8::before {
  content: "";
  display: inline-block;
  mask-image: url("../images/icon-svg/windows8.svg");
  -webkit-mask-image: url("../images/icon-svg/windows8.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  margin-right: 0.3em;
}
.icon-windows8.icon--after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

/*----------------------------------------------------------------
  Form
-----------------------------------------------------------------*/
/* .c-form
______________________________________________*/
.c-form {
  color: #333333;
  /*
  [type="file"] {
    width: 320px !important;
    margin: 1em 0;
    padding: 1em 1.5em !important;
    line-height: 1;
    @media screen and (max-width: 375px) {
      width: 223px !important;
    }
    &::file-selector-button {
      display: none;
      @media screen and (max-width: 375px) {
        display: block;
        font-size: 0.8em !important;
      }
    }
    &::after {
      content: "参照";
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 50%;
      right: -130px;
      width: 120px;
      height: 60px;
      transform: translateY(-50%);
      background-color: $mainClr1;
      border-radius: 4px;
      text-align: center;
      color: #fff;
      font-weight: bold;
      font-size: 1.6rem;
      @media screen and (max-width: 375px) {
        width: 102px;
        right: -112px;
      }
    }
  }*/
  /* validation
  ______________________________________________*/
}
.c-form ::-webkit-input-placeholder {
  opacity: 0.5;
  color: #696969;
  font-size: 1.6rem;
}
.c-form ::-moz-placeholder {
  opacity: 0.5;
  color: #696969;
  font-size: 1.6rem;
}
.c-form :-ms-input-placeholder {
  opacity: 0.5;
  color: #696969;
  font-size: 1.6rem;
}
.c-form ::-ms-input-placeholder {
  opacity: 0.5;
  color: #696969;
  font-size: 1.6rem;
}
.c-form ::placeholder {
  opacity: 0.5;
  color: #696969;
  font-size: 1.6rem;
}
@media screen and (max-width: 375px) {
  .c-form ::-webkit-input-placeholder {
    font-size: 1.8rem;
  }
  .c-form ::-moz-placeholder {
    font-size: 1.8rem;
  }
  .c-form :-ms-input-placeholder {
    font-size: 1.8rem;
  }
  .c-form ::-ms-input-placeholder {
    font-size: 1.8rem;
  }
  .c-form ::placeholder {
    font-size: 1.8rem;
  }
}
.c-form :focus {
  border: solid 2px #0075be !important;
}
.c-form input:not([type=radio]):not([type=checkbox]):not([type=submit]),
.c-form textarea {
  border-radius: 5px;
  background-color: #f2f2f2;
  width: 100%;
  padding: 16px;
  font-size: 1.6rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #f2f2f2;
}
@media screen and (max-width: 375px) {
  .c-form input:not([type=radio]):not([type=checkbox]):not([type=submit]),
  .c-form textarea {
    font-size: 1.8rem;
  }
}
.c-form input:not([type=radio]):not([type=checkbox]):not([type=submit]).ss,
.c-form textarea.ss {
  width: 5em;
}
.c-form input:not([type=radio]):not([type=checkbox]):not([type=submit]) ::-webkit-input-placeholder, .c-form textarea ::-webkit-input-placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-form input:not([type=radio]):not([type=checkbox]):not([type=submit]) ::-moz-placeholder, .c-form textarea ::-moz-placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-form input:not([type=radio]):not([type=checkbox]):not([type=submit]) :-ms-input-placeholder, .c-form textarea :-ms-input-placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-form input:not([type=radio]):not([type=checkbox]):not([type=submit]) ::-ms-input-placeholder, .c-form textarea ::-ms-input-placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-form input:not([type=radio]):not([type=checkbox]):not([type=submit]) ::placeholder,
.c-form textarea ::placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.c-form textarea {
  height: 298px;
  width: 100%;
}
.c-form [type=text] {
  height: 61px;
}
.c-form [type=radio] {
  border-radius: 50%;
  width: 21px;
  height: 21px;
  background-color: #fff;
  border: solid 1px #dddddd;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-form [type=radio]:checked::after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #0075be;
}
.c-form [type=checkbox] {
  border-radius: 3px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: solid 1px #ccc;
}
.c-form [type=checkbox]:checked::after {
  content: "";
  display: block;
  width: 21px;
  height: 9px;
  border-left: solid 3px #0075be;
  border-bottom: solid 3px #0075be;
  -webkit-transform: rotate(-45deg) translate(1px, 0);
          transform: rotate(-45deg) translate(1px, 0);
}
.c-form [type=file] {
  width: 320px !important;
  margin: 1em 0;
  padding: 1em 1.5em !important;
  line-height: 1;
}
@media screen and (max-width: 375px) {
  .c-form [type=file] {
    width: 274px !important;
    margin: 0.5em 0 !important;
    padding: 1em 0.5em !important;
    font-size: 0.8em !important;
  }
}
.c-form [type=file]::-webkit-file-upload-button {
  display: none;
}
.c-form [type=file]::file-selector-button {
  display: none;
}
@media screen and (max-width: 375px) {
  .c-form [type=file]::-webkit-file-upload-button {
    display: block;
    font-size: 0.8em !important;
  }
  .c-form [type=file]::file-selector-button {
    display: block;
    font-size: 0.8em !important;
  }
}
.c-form [type=file]::after {
  content: "参照";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  right: -130px;
  width: 120px;
  height: 60px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #0075be;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 375px) {
  .c-form [type=file]::after {
    width: 60px;
    right: -64px;
    font-size: 1.6rem;
  }
}
.c-form .file-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 150px;
}
@media screen and (max-width: 375px) {
  .c-form .file-block {
    display: block;
    margin: 2em 0;
  }
}
.c-form select {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2219%22%20data-name%3D%22%E3%83%91%E3%82%B9%202219%22%20d%3D%22M6%2C0l6%2C12H0Z%22%20transform%3D%22translate%2812%2012%29%20rotate%28180%29%22%20fill%3D%22%230378d2%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center right 16px;
  background-size: 12px auto;
  border-radius: 5px;
  line-height: 1;
  background-color: #fff;
  border: solid 1px #dddddd;
  padding: 0.5em 2.6em 0.5em 1em;
  min-height: 52px;
  min-width: 230px;
  border: solid 1px #dddddd;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 6px;
}
@media screen and (max-width: 375px) {
  .c-form select {
    padding: 0.5em 2.2em 0.5em 1em;
    margin-right: 3px;
    background-position: center right 14px;
    width: 100%;
  }
}
.c-form select:not(:first-child) {
  margin-left: 15px;
}
@media screen and (max-width: 375px) {
  .c-form select:not(:first-child) {
    margin-left: 5px;
  }
}
.c-form .middle {
  width: 340px !important;
}
.c-form .policy {
  margin: 60px 0 60px;
  text-align: center;
}
@media screen and (max-width: 375px) {
  .c-form .policy {
    font-size: 1.4rem;
    text-align: left;
  }
}
.c-form .policy input {
  margin-right: 0.5em;
}
.c-form .policy a {
  text-decoration: underline;
}
@media screen and (min-width: 376px) {
  .c-form .policy a:hover {
    text-decoration: none;
  }
}
.c-form .note {
  font-size: 1.6rem;
}
@media screen and (max-width: 375px) {
  .c-form .note {
    font-size: 1.4rem;
  }
}
.c-form.active {
  background-color: #0075be;
  pointer-events: auto;
}
.c-form.active::after {
  content: "この内容で送信する";
  color: #fff;
}
.c-form .c-link1[target=_blank]::after, .c-form .c-card-esg .links > [target=_blank]::after, .c-card-esg .c-form .links > [target=_blank]::after, .c-form a[target=_blank]::after {
  width: 1.2em;
  height: 1.2em;
  -webkit-transform: translateY(0.3em);
          transform: translateY(0.3em);
}
.c-form .icon-blank, .c-form .c-link1 a[target=_blank], .c-link1 .c-form a[target=_blank], .c-form .c-card-esg .links > * a[target=_blank], .c-card-esg .links > * .c-form a[target=_blank], .c-form a a[target=_blank],
.c-form .c-link1-a a[target=_blank],
.c-link1-a .c-form a[target=_blank],
.p-contact-block2 a .c-form a[target=_blank],
.p-contact-block1 a .c-form a[target=_blank], .c-form .c-link-blank, .c-form body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank], body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .c-form a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-form .c-post a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-post .c-form a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-form .c-document a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-document .c-form a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank], .c-form .c-table1 table a, .c-table1 table .c-form a, .c-form body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table a, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table .c-form a,
.c-form .c-post .wp-block-table table a,
.c-post .wp-block-table table .c-form a,
.c-form .c-document .wp-block-table table a,
.c-document .wp-block-table table .c-form a, .c-form .wp-block-table table table a, .wp-block-table table table .c-form a,
.c-form .c-post .wp-block-table table a[target=_blank],
.c-post .wp-block-table table .c-form a[target=_blank],
.c-form .c-document .wp-block-table table a[target=_blank],
.c-document .wp-block-table table .c-form a[target=_blank],
.c-form .c-box1 a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-box1 .c-form a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-form .c-box1 .wp-block-table table a,
.c-box1 .wp-block-table table .c-form a,
.c-form .c-box1 .wp-block-table table a[target=_blank],
.c-box1 .wp-block-table table .c-form a[target=_blank],
.c-form .c-box2 a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-box2 .c-form a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-form .c-box2 .wp-block-table table a,
.c-box2 .wp-block-table table .c-form a,
.c-form .c-box2 .wp-block-table table a[target=_blank],
.c-box2 .wp-block-table table .c-form a[target=_blank], .c-form a.c-bnr1 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.c-form .wpcf7-response-output {
  /*
  display: flex;
  align-items: center;
  justify-content: center;
  width: 462px;
  height: 65px;
  border-radius: 33px;
  text-align: center;
  background-color: #f7f7f7;
  border: solid 1px $borderClr1;
  margin: -60px auto 60px !important;
  color: #fff !important;
  border: none !important;
  //
  //
  // 非表示

  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  display: none !important;
  */
}
.c-form .validate-ok:not(.wpcf7-checkbox),
.c-form [id^=form-validation-field-] {
  background-image: url("data:image/svg+xml,%3Csvg id='clr1' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='System'%3E%3Cg id='check_circle_fill'%3E%3Cpath id='MingCute' d='M20,0V20H0V0ZM10.495,19.382h-.01l-.059.03-.016,0h0l-.013,0-.059-.03a.018.018,0,0,0-.02,0l0,.009-.014.356,0,.017.009.01.086.062.012,0h0l.01,0,.086-.062.011-.013h0l0-.014-.014-.356a.018.018,0,0,0-.013-.015Zm.221-.094-.012,0-.154.077-.008.009h0l0,.009.015.358,0,.011h0l.007.006.167.077a.021.021,0,0,0,.024-.007l0-.012-.028-.512a.021.021,0,0,0-.016-.018Zm-.6,0a.019.019,0,0,0-.023,0l0,.012-.028.512a.019.019,0,0,0,.014.02h.013l.167-.077.008-.007h0l0-.01.015-.358,0-.01h0l-.008-.007Z' fill='none'/%3E%3Cpath id='形状' d='M10.333,2A8.333,8.333,0,1,1,2,10.333,8.333,8.333,0,0,1,10.333,2ZM13.28,7.318,9.155,11.443,7.387,9.675a.833.833,0,0,0-1.179,1.179l2.3,2.3a.917.917,0,0,0,1.3,0L14.458,8.5A.833.833,0,0,0,13.28,7.318Z' transform='translate(-0.333 -0.333)' fill='%230378d2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center right 10px;
}
.c-form .wpcf7-not-valid:not(.wpcf7-checkbox),
.c-form .formError-target {
  border: solid 2px var(--atention, #f66c6c) !important;
  background-color: #fff7f7 !important;
  position: relative !important;
  background-image: url("data:image/svg+xml,%3Csvg id='close_circle_fill' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='MingCute' d='M20,0V20H0V0ZM10.495,19.382h-.01l-.059.03-.016,0h0l-.013,0-.059-.03a.018.018,0,0,0-.02,0l0,.009-.014.356,0,.017.009.01.086.062.012,0h0l.01,0,.086-.062.011-.013h0l0-.014-.014-.356a.018.018,0,0,0-.013-.015Zm.221-.094-.012,0-.154.077-.008.009h0l0,.009.015.358,0,.011h0l.007.006.167.077a.021.021,0,0,0,.024-.007l0-.012-.028-.512a.021.021,0,0,0-.016-.018Zm-.6,0a.019.019,0,0,0-.023,0l0,.012-.028.512a.019.019,0,0,0,.014.02h.013l.167-.077.008-.007h0l0-.01.015-.358,0-.01h0l-.008-.007Z' fill='none'/%3E%3Cpath id='形状' d='M10.333,2A8.333,8.333,0,1,1,2,10.333,8.333,8.333,0,0,1,10.333,2ZM8.566,7.387a.833.833,0,0,0-1.248,1.1l.069.079,1.768,1.768L7.387,12.1a.833.833,0,0,0,1.1,1.248l.079-.069,1.768-1.768L12.1,13.28a.833.833,0,0,0,1.248-1.1L13.28,12.1l-1.768-1.768L13.28,8.566a.833.833,0,0,0-1.1-1.248l-.079.069L10.333,9.155Z' transform='translate(-0.333 -0.333)' fill='%23f87676'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center right 10px;
}
.c-form .formError {
  position: relative !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 0 !important;
  pointer-events: none !important;
  font-size: 1.6rem;
}
@media screen and (max-width: 375px) {
  .c-form .formError {
    font-size: 1.4rem;
  }
}
.c-form .formError .formErrorContent {
  width: 100% !important;
  background: none !important;
  position: relative !important;
  color: var(--atention, #f66c6c) !important;
  min-width: 0 !important;
  font-size: 1em !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  white-space: nowrap;
}
.c-form .formErrorArrow {
  display: none;
}
.c-form .box1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.c-form .policy .formError {
  position: absolute !important;
  bottom: 20px;
  white-space: nowrap;
}
.c-form .policy > * {
  position: relative;
}
.c-form .header {
  margin-bottom: 110px;
}
@media screen and (max-width: 375px) {
  .c-form .header {
    margin-bottom: 60px;
  }
}
.c-form hr {
  margin-bottom: 30px;
}
.c-form .policy-check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.5em;
}
.c-form .policy-check [type=checkbox] {
  display: inline-block;
  margin-right: 1em;
}
.c-form .submit-wrap {
  position: relative;
  margin: 60px auto 0;
  font-weight: bold;
  width: 420px;
  height: 80px;
  border-radius: 5px;
  font-size: 1.8rem;
}
@media screen and (max-width: 375px) {
  .c-form .submit-wrap {
    width: 100%;
    margin: 40px auto 0;
    font-size: 1.8rem;
  }
}
.c-form .submit-wrap::after {
  content: "入力が完了していません";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
  color: #9c9c9c;
  font-weight: 700;
  opacity: 1;
  font-size: 1.8rem;
}
.c-form .submit-wrap [type=submit] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 80px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border-radius: 5px;
  color: #fff !important;
  background-color: #0075be;
  border: solid 1px #0075be !important;
  cursor: pointer;
  font-size: 1.8rem;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-form .submit-wrap [type=submit]:hover {
    color: #0075be !important;
    border-color: #0075be !important;
    background-color: #fff;
  }
}
.c-form .wpcf7-radio > * {
  display: block;
  margin-top: 15px;
}
.c-form .note-bottm {
  text-align: center;
  padding: 2em 0 0;
}
.c-form .note-bottm .c-link1, .c-form .note-bottm .c-card-esg .links > *, .c-card-esg .c-form .note-bottm .links > *, .c-form .note-bottm a {
  color: #0075be;
}
@media screen and (max-width: 375px) {
  .c-form .note-bottm {
    text-align: left;
  }
  .c-form .note-bottm br {
    display: none;
  }
}
.c-form .wpcf7-list-item {
  margin: 0;
}

.c-form-zip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-form-zip input {
  width: 320px !important;
}
@media screen and (max-width: 375px) {
  .c-form-zip input {
    width: 223px !important;
  }
}
.c-form-zip button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 120px;
  height: 60px;
  border-radius: 5px;
  background-color: #0075be;
  color: #fff !important;
  font-weight: bold;
  margin-left: 10px;
}
@media screen and (max-width: 375px) {
  .c-form-zip button {
    width: 102px;
    min-width: 102px;
  }
}

.c-form-header {
  text-align: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 375px) {
  .c-form-header {
    margin-bottom: 40px;
  }
}

.c-form-footer {
  text-align: center;
}

body.en-US .c-form .submit-wrap::after {
  content: "The input is not complete";
}

form.validate-all-ok .submit-wrap::after {
  display: none;
}

[data-name=checkbox] .formError {
  position: absolute !important;
}

.c-form-search {
  display: block;
  position: relative;
  max-width: 940px;
  margin: 0 auto;
}
.c-form-search [type=text] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #fff;
  border: solid 3px #dddddd;
  width: 100%;
  height: 60px;
  padding: 5px 20px 5px 50px;
  background-image: url("../../../../uploads/ico-search-2.svg");
  background-size: 24px auto;
  background-repeat: no-repeat;
  background-position: center left 20px;
}
.c-form-search [type=text]:focus {
  border: solid 3px #0075be;
}
.c-form-search [type=submit] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  background-color: #0075be;
  width: 103px;
  height: 40px;
  position: absolute;
  top: 10px;
  right: 10px;
}
@media screen and (max-width: 375px) {
  .c-form-search [type=submit] {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: 60px;
    margin-top: 12px;
  }
}

.c-form__bottom-txt {
  font-size: 1.4rem;
  text-align: center;
}
.c-form__bottom-txt p {
  text-align: center;
}

.c-form__tel {
  margin-top: 20px;
  font-size: 1.44rem;
  text-align: center;
}
@media screen and (max-width: 375px) {
  .c-form__tel {
    font-size: 1.3rem;
  }
}
.c-form__tel p {
  text-align: center;
}
.c-form__tel h4, .c-form__tel .c-box1 h5, .c-box1 .c-form__tel h5, .c-form__tel .c-box1 h6, .c-box1 .c-form__tel h6 {
  font-size: 2.057rem;
  color: #0075be;
}
@media screen and (max-width: 375px) {
  .c-form__tel h4, .c-form__tel .c-box1 h5, .c-box1 .c-form__tel h5, .c-form__tel .c-box1 h6, .c-box1 .c-form__tel h6 {
    font-size: 1.6rem;
  }
}
.c-form__tel .tel {
  font-size: 6.2rem;
  font-weight: bold;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  line-height: 1;
  color: #0075be;
  text-decoration: none;
}
@media screen and (max-width: 375px) {
  .c-form__tel .tel {
    font-size: 4rem;
    display: block;
    margin: 10px 0 20x;
  }
}

/* list
______________________________________________*/
.c-form-list {
  margin-top: 78px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.c-form-list dt {
  font-size: 18.29px;
  font-weight: bold;
  padding: 1em 0 1em;
  line-height: 1.4;
  width: 272px;
  border-bottom: solid 1px #dddddd;
  min-height: 100%;
}
@media screen and (max-width: 375px) {
  .c-form-list dt {
    font-size: 1.7rem;
  }
}
.c-form-list dt.c-required {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-form-list dt.c-required::before {
  content: "必須";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 1.3rem;
  color: #fff;
  margin-right: 10px;
  white-space: nowrap;
  width: 60px;
  height: 30px;
  background: #f87676;
  border-radius: 5px;
}
.c-form-list dd {
  width: calc(100% - 272px);
  margin-bottom: 1em;
  position: relative;
  border-bottom: solid 1px #dddddd;
  min-height: 100%;
}
.c-form-list .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.c-form-table {
  width: 100%;
}
.c-form-table th,
.c-form-table td {
  display: block;
  clear: both;
}
@media screen and (max-width: 375px) {
  .c-form-table th,
  .c-form-table td {
    display: block;
  }
}
.c-form-table th {
  font-weight: bold;
  vertical-align: middle;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 40px 0 18px;
}
@media screen and (max-width: 375px) {
  .c-form-table th {
    border: none;
    padding-bottom: 0;
    width: 100%;
  }
}
.c-form-table th.c-required::after {
  content: "必須";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-size: 1.2rem;
  color: #fff;
  white-space: nowrap;
  background: #f87676;
  border-radius: 5px;
  padding: 1px 8px;
  font-weight: normal;
}
@media screen and (max-width: 375px) {
  .c-form-table td {
    border-top: none;
    padding-top: 17px;
  }
}
.c-form-table .wpcf7-radio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 24px;
}

.p-block-404,
.c-block-thanks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  text-align: left;
}
@media screen and (max-width: 375px) {
  .p-block-404,
  .c-block-thanks {
    padding: 0;
  }
}
.p-block-404 h2, .p-block-404 .c-box1 h3, .c-box1 .p-block-404 h3, .p-block-404 .c-box1 h4, .c-box1 .p-block-404 h4, .p-block-404 .c-box1 h5, .c-box1 .p-block-404 h5, .p-block-404 .c-box1 h6, .c-box1 .p-block-404 h6,
.c-block-thanks h2,
.c-block-thanks .c-box1 h3,
.c-box1 .c-block-thanks h3,
.c-block-thanks .c-box1 h4,
.c-box1 .c-block-thanks h4,
.c-block-thanks .c-box1 h5,
.c-box1 .c-block-thanks h5,
.c-block-thanks .c-box1 h6,
.c-box1 .c-block-thanks h6 {
  color: #0075be !important;
  margin: 0 !important;
}
.p-block-404 .c-btn1, .p-block-404 .c-btn2, .p-block-404 .h-btn-contact, .p-block-404 .c-btn2--b, .p-block-404 .c-btn-download,
.c-block-thanks .c-btn1,
.c-block-thanks .c-btn2,
.c-block-thanks .h-btn-contact,
.c-block-thanks .c-btn2--b,
.c-block-thanks .c-btn-download {
  margin: 0 !important;
}

/*----------------------------------------------------------------
グリッドのコンポーネント
-----------------------------------------------------------------*/
:root {
  --grid-row-gap: 16px;
  --grid-col-gap: 16px;
}

.grid-gap-0 {
  --grid-row-gap: 0px;
  --grid-col-gap: 0px;
}

.grid-gap-5 {
  --grid-row-gap: 5px;
  --grid-col-gap: 5px;
}

.grid-gap-10 {
  --grid-row-gap: 10px;
  --grid-col-gap: 10px;
}

.grid-gap-15 {
  --grid-row-gap: 15px;
  --grid-col-gap: 15px;
}

.grid-gap-20 {
  --grid-row-gap: 20px;
  --grid-col-gap: 20px;
}

.grid-gap-25 {
  --grid-row-gap: 25px;
  --grid-col-gap: 25px;
}

.grid-gap-30 {
  --grid-row-gap: 30px;
  --grid-col-gap: 30px;
}

.grid-gap-35 {
  --grid-row-gap: 35px;
  --grid-col-gap: 35px;
}

.grid-gap-40 {
  --grid-row-gap: 40px;
  --grid-col-gap: 40px;
}

.grid-gap-45 {
  --grid-row-gap: 45px;
  --grid-col-gap: 45px;
}

.grid-gap-50 {
  --grid-row-gap: 50px;
  --grid-col-gap: 50px;
}

.grid-gap-55 {
  --grid-row-gap: 55px;
  --grid-col-gap: 55px;
}

.grid-gap-60 {
  --grid-row-gap: 60px;
  --grid-col-gap: 60px;
}

.grid-gap-65 {
  --grid-row-gap: 65px;
  --grid-col-gap: 65px;
}

.grid-gap-70 {
  --grid-row-gap: 70px;
  --grid-col-gap: 70px;
}

.grid-gap-75 {
  --grid-row-gap: 75px;
  --grid-col-gap: 75px;
}

.grid-gap-80 {
  --grid-row-gap: 80px;
  --grid-col-gap: 80px;
}

.grid-gap-85 {
  --grid-row-gap: 85px;
  --grid-col-gap: 85px;
}

.grid-gap-90 {
  --grid-row-gap: 90px;
  --grid-col-gap: 90px;
}

.grid-gap-95 {
  --grid-row-gap: 95px;
  --grid-col-gap: 95px;
}

.grid-gap-100 {
  --grid-row-gap: 100px;
  --grid-col-gap: 100px;
}

.grid-gap-0-0 {
  --grid-row-gap: 0px;
  --grid-col-gap: 0px;
}

.grid-gap-0-5 {
  --grid-row-gap: 0px;
  --grid-col-gap: 5px;
}

.grid-gap-0-10 {
  --grid-row-gap: 0px;
  --grid-col-gap: 10px;
}

.grid-gap-0-15 {
  --grid-row-gap: 0px;
  --grid-col-gap: 15px;
}

.grid-gap-0-20 {
  --grid-row-gap: 0px;
  --grid-col-gap: 20px;
}

.grid-gap-0-25 {
  --grid-row-gap: 0px;
  --grid-col-gap: 25px;
}

.grid-gap-0-30 {
  --grid-row-gap: 0px;
  --grid-col-gap: 30px;
}

.grid-gap-0-35 {
  --grid-row-gap: 0px;
  --grid-col-gap: 35px;
}

.grid-gap-0-40 {
  --grid-row-gap: 0px;
  --grid-col-gap: 40px;
}

.grid-gap-0-45 {
  --grid-row-gap: 0px;
  --grid-col-gap: 45px;
}

.grid-gap-0-50 {
  --grid-row-gap: 0px;
  --grid-col-gap: 50px;
}

.grid-gap-0-55 {
  --grid-row-gap: 0px;
  --grid-col-gap: 55px;
}

.grid-gap-0-60 {
  --grid-row-gap: 0px;
  --grid-col-gap: 60px;
}

.grid-gap-0-65 {
  --grid-row-gap: 0px;
  --grid-col-gap: 65px;
}

.grid-gap-0-70 {
  --grid-row-gap: 0px;
  --grid-col-gap: 70px;
}

.grid-gap-0-75 {
  --grid-row-gap: 0px;
  --grid-col-gap: 75px;
}

.grid-gap-0-80 {
  --grid-row-gap: 0px;
  --grid-col-gap: 80px;
}

.grid-gap-0-85 {
  --grid-row-gap: 0px;
  --grid-col-gap: 85px;
}

.grid-gap-0-90 {
  --grid-row-gap: 0px;
  --grid-col-gap: 90px;
}

.grid-gap-0-95 {
  --grid-row-gap: 0px;
  --grid-col-gap: 95px;
}

.grid-gap-0-100 {
  --grid-row-gap: 0px;
  --grid-col-gap: 100px;
}

.grid-gap-5-0 {
  --grid-row-gap: 5px;
  --grid-col-gap: 0px;
}

.grid-gap-5-5 {
  --grid-row-gap: 5px;
  --grid-col-gap: 5px;
}

.grid-gap-5-10 {
  --grid-row-gap: 5px;
  --grid-col-gap: 10px;
}

.grid-gap-5-15 {
  --grid-row-gap: 5px;
  --grid-col-gap: 15px;
}

.grid-gap-5-20 {
  --grid-row-gap: 5px;
  --grid-col-gap: 20px;
}

.grid-gap-5-25 {
  --grid-row-gap: 5px;
  --grid-col-gap: 25px;
}

.grid-gap-5-30 {
  --grid-row-gap: 5px;
  --grid-col-gap: 30px;
}

.grid-gap-5-35 {
  --grid-row-gap: 5px;
  --grid-col-gap: 35px;
}

.grid-gap-5-40 {
  --grid-row-gap: 5px;
  --grid-col-gap: 40px;
}

.grid-gap-5-45 {
  --grid-row-gap: 5px;
  --grid-col-gap: 45px;
}

.grid-gap-5-50 {
  --grid-row-gap: 5px;
  --grid-col-gap: 50px;
}

.grid-gap-5-55 {
  --grid-row-gap: 5px;
  --grid-col-gap: 55px;
}

.grid-gap-5-60 {
  --grid-row-gap: 5px;
  --grid-col-gap: 60px;
}

.grid-gap-5-65 {
  --grid-row-gap: 5px;
  --grid-col-gap: 65px;
}

.grid-gap-5-70 {
  --grid-row-gap: 5px;
  --grid-col-gap: 70px;
}

.grid-gap-5-75 {
  --grid-row-gap: 5px;
  --grid-col-gap: 75px;
}

.grid-gap-5-80 {
  --grid-row-gap: 5px;
  --grid-col-gap: 80px;
}

.grid-gap-5-85 {
  --grid-row-gap: 5px;
  --grid-col-gap: 85px;
}

.grid-gap-5-90 {
  --grid-row-gap: 5px;
  --grid-col-gap: 90px;
}

.grid-gap-5-95 {
  --grid-row-gap: 5px;
  --grid-col-gap: 95px;
}

.grid-gap-5-100 {
  --grid-row-gap: 5px;
  --grid-col-gap: 100px;
}

.grid-gap-10-0 {
  --grid-row-gap: 10px;
  --grid-col-gap: 0px;
}

.grid-gap-10-5 {
  --grid-row-gap: 10px;
  --grid-col-gap: 5px;
}

.grid-gap-10-10 {
  --grid-row-gap: 10px;
  --grid-col-gap: 10px;
}

.grid-gap-10-15 {
  --grid-row-gap: 10px;
  --grid-col-gap: 15px;
}

.grid-gap-10-20 {
  --grid-row-gap: 10px;
  --grid-col-gap: 20px;
}

.grid-gap-10-25 {
  --grid-row-gap: 10px;
  --grid-col-gap: 25px;
}

.grid-gap-10-30 {
  --grid-row-gap: 10px;
  --grid-col-gap: 30px;
}

.grid-gap-10-35 {
  --grid-row-gap: 10px;
  --grid-col-gap: 35px;
}

.grid-gap-10-40 {
  --grid-row-gap: 10px;
  --grid-col-gap: 40px;
}

.grid-gap-10-45 {
  --grid-row-gap: 10px;
  --grid-col-gap: 45px;
}

.grid-gap-10-50 {
  --grid-row-gap: 10px;
  --grid-col-gap: 50px;
}

.grid-gap-10-55 {
  --grid-row-gap: 10px;
  --grid-col-gap: 55px;
}

.grid-gap-10-60 {
  --grid-row-gap: 10px;
  --grid-col-gap: 60px;
}

.grid-gap-10-65 {
  --grid-row-gap: 10px;
  --grid-col-gap: 65px;
}

.grid-gap-10-70 {
  --grid-row-gap: 10px;
  --grid-col-gap: 70px;
}

.grid-gap-10-75 {
  --grid-row-gap: 10px;
  --grid-col-gap: 75px;
}

.grid-gap-10-80 {
  --grid-row-gap: 10px;
  --grid-col-gap: 80px;
}

.grid-gap-10-85 {
  --grid-row-gap: 10px;
  --grid-col-gap: 85px;
}

.grid-gap-10-90 {
  --grid-row-gap: 10px;
  --grid-col-gap: 90px;
}

.grid-gap-10-95 {
  --grid-row-gap: 10px;
  --grid-col-gap: 95px;
}

.grid-gap-10-100 {
  --grid-row-gap: 10px;
  --grid-col-gap: 100px;
}

.grid-gap-15-0 {
  --grid-row-gap: 15px;
  --grid-col-gap: 0px;
}

.grid-gap-15-5 {
  --grid-row-gap: 15px;
  --grid-col-gap: 5px;
}

.grid-gap-15-10 {
  --grid-row-gap: 15px;
  --grid-col-gap: 10px;
}

.grid-gap-15-15 {
  --grid-row-gap: 15px;
  --grid-col-gap: 15px;
}

.grid-gap-15-20 {
  --grid-row-gap: 15px;
  --grid-col-gap: 20px;
}

.grid-gap-15-25 {
  --grid-row-gap: 15px;
  --grid-col-gap: 25px;
}

.grid-gap-15-30 {
  --grid-row-gap: 15px;
  --grid-col-gap: 30px;
}

.grid-gap-15-35 {
  --grid-row-gap: 15px;
  --grid-col-gap: 35px;
}

.grid-gap-15-40 {
  --grid-row-gap: 15px;
  --grid-col-gap: 40px;
}

.grid-gap-15-45 {
  --grid-row-gap: 15px;
  --grid-col-gap: 45px;
}

.grid-gap-15-50 {
  --grid-row-gap: 15px;
  --grid-col-gap: 50px;
}

.grid-gap-15-55 {
  --grid-row-gap: 15px;
  --grid-col-gap: 55px;
}

.grid-gap-15-60 {
  --grid-row-gap: 15px;
  --grid-col-gap: 60px;
}

.grid-gap-15-65 {
  --grid-row-gap: 15px;
  --grid-col-gap: 65px;
}

.grid-gap-15-70 {
  --grid-row-gap: 15px;
  --grid-col-gap: 70px;
}

.grid-gap-15-75 {
  --grid-row-gap: 15px;
  --grid-col-gap: 75px;
}

.grid-gap-15-80 {
  --grid-row-gap: 15px;
  --grid-col-gap: 80px;
}

.grid-gap-15-85 {
  --grid-row-gap: 15px;
  --grid-col-gap: 85px;
}

.grid-gap-15-90 {
  --grid-row-gap: 15px;
  --grid-col-gap: 90px;
}

.grid-gap-15-95 {
  --grid-row-gap: 15px;
  --grid-col-gap: 95px;
}

.grid-gap-15-100 {
  --grid-row-gap: 15px;
  --grid-col-gap: 100px;
}

.grid-gap-20-0 {
  --grid-row-gap: 20px;
  --grid-col-gap: 0px;
}

.grid-gap-20-5 {
  --grid-row-gap: 20px;
  --grid-col-gap: 5px;
}

.grid-gap-20-10 {
  --grid-row-gap: 20px;
  --grid-col-gap: 10px;
}

.grid-gap-20-15 {
  --grid-row-gap: 20px;
  --grid-col-gap: 15px;
}

.grid-gap-20-20 {
  --grid-row-gap: 20px;
  --grid-col-gap: 20px;
}

.grid-gap-20-25 {
  --grid-row-gap: 20px;
  --grid-col-gap: 25px;
}

.grid-gap-20-30 {
  --grid-row-gap: 20px;
  --grid-col-gap: 30px;
}

.grid-gap-20-35 {
  --grid-row-gap: 20px;
  --grid-col-gap: 35px;
}

.grid-gap-20-40 {
  --grid-row-gap: 20px;
  --grid-col-gap: 40px;
}

.grid-gap-20-45 {
  --grid-row-gap: 20px;
  --grid-col-gap: 45px;
}

.grid-gap-20-50 {
  --grid-row-gap: 20px;
  --grid-col-gap: 50px;
}

.grid-gap-20-55 {
  --grid-row-gap: 20px;
  --grid-col-gap: 55px;
}

.grid-gap-20-60 {
  --grid-row-gap: 20px;
  --grid-col-gap: 60px;
}

.grid-gap-20-65 {
  --grid-row-gap: 20px;
  --grid-col-gap: 65px;
}

.grid-gap-20-70 {
  --grid-row-gap: 20px;
  --grid-col-gap: 70px;
}

.grid-gap-20-75 {
  --grid-row-gap: 20px;
  --grid-col-gap: 75px;
}

.grid-gap-20-80 {
  --grid-row-gap: 20px;
  --grid-col-gap: 80px;
}

.grid-gap-20-85 {
  --grid-row-gap: 20px;
  --grid-col-gap: 85px;
}

.grid-gap-20-90 {
  --grid-row-gap: 20px;
  --grid-col-gap: 90px;
}

.grid-gap-20-95 {
  --grid-row-gap: 20px;
  --grid-col-gap: 95px;
}

.grid-gap-20-100 {
  --grid-row-gap: 20px;
  --grid-col-gap: 100px;
}

.grid-gap-25-0 {
  --grid-row-gap: 25px;
  --grid-col-gap: 0px;
}

.grid-gap-25-5 {
  --grid-row-gap: 25px;
  --grid-col-gap: 5px;
}

.grid-gap-25-10 {
  --grid-row-gap: 25px;
  --grid-col-gap: 10px;
}

.grid-gap-25-15 {
  --grid-row-gap: 25px;
  --grid-col-gap: 15px;
}

.grid-gap-25-20 {
  --grid-row-gap: 25px;
  --grid-col-gap: 20px;
}

.grid-gap-25-25 {
  --grid-row-gap: 25px;
  --grid-col-gap: 25px;
}

.grid-gap-25-30 {
  --grid-row-gap: 25px;
  --grid-col-gap: 30px;
}

.grid-gap-25-35 {
  --grid-row-gap: 25px;
  --grid-col-gap: 35px;
}

.grid-gap-25-40 {
  --grid-row-gap: 25px;
  --grid-col-gap: 40px;
}

.grid-gap-25-45 {
  --grid-row-gap: 25px;
  --grid-col-gap: 45px;
}

.grid-gap-25-50 {
  --grid-row-gap: 25px;
  --grid-col-gap: 50px;
}

.grid-gap-25-55 {
  --grid-row-gap: 25px;
  --grid-col-gap: 55px;
}

.grid-gap-25-60 {
  --grid-row-gap: 25px;
  --grid-col-gap: 60px;
}

.grid-gap-25-65 {
  --grid-row-gap: 25px;
  --grid-col-gap: 65px;
}

.grid-gap-25-70 {
  --grid-row-gap: 25px;
  --grid-col-gap: 70px;
}

.grid-gap-25-75 {
  --grid-row-gap: 25px;
  --grid-col-gap: 75px;
}

.grid-gap-25-80 {
  --grid-row-gap: 25px;
  --grid-col-gap: 80px;
}

.grid-gap-25-85 {
  --grid-row-gap: 25px;
  --grid-col-gap: 85px;
}

.grid-gap-25-90 {
  --grid-row-gap: 25px;
  --grid-col-gap: 90px;
}

.grid-gap-25-95 {
  --grid-row-gap: 25px;
  --grid-col-gap: 95px;
}

.grid-gap-25-100 {
  --grid-row-gap: 25px;
  --grid-col-gap: 100px;
}

.grid-gap-30-0 {
  --grid-row-gap: 30px;
  --grid-col-gap: 0px;
}

.grid-gap-30-5 {
  --grid-row-gap: 30px;
  --grid-col-gap: 5px;
}

.grid-gap-30-10 {
  --grid-row-gap: 30px;
  --grid-col-gap: 10px;
}

.grid-gap-30-15 {
  --grid-row-gap: 30px;
  --grid-col-gap: 15px;
}

.grid-gap-30-20 {
  --grid-row-gap: 30px;
  --grid-col-gap: 20px;
}

.grid-gap-30-25 {
  --grid-row-gap: 30px;
  --grid-col-gap: 25px;
}

.grid-gap-30-30 {
  --grid-row-gap: 30px;
  --grid-col-gap: 30px;
}

.grid-gap-30-35 {
  --grid-row-gap: 30px;
  --grid-col-gap: 35px;
}

.grid-gap-30-40 {
  --grid-row-gap: 30px;
  --grid-col-gap: 40px;
}

.grid-gap-30-45 {
  --grid-row-gap: 30px;
  --grid-col-gap: 45px;
}

.grid-gap-30-50 {
  --grid-row-gap: 30px;
  --grid-col-gap: 50px;
}

.grid-gap-30-55 {
  --grid-row-gap: 30px;
  --grid-col-gap: 55px;
}

.grid-gap-30-60 {
  --grid-row-gap: 30px;
  --grid-col-gap: 60px;
}

.grid-gap-30-65 {
  --grid-row-gap: 30px;
  --grid-col-gap: 65px;
}

.grid-gap-30-70 {
  --grid-row-gap: 30px;
  --grid-col-gap: 70px;
}

.grid-gap-30-75 {
  --grid-row-gap: 30px;
  --grid-col-gap: 75px;
}

.grid-gap-30-80 {
  --grid-row-gap: 30px;
  --grid-col-gap: 80px;
}

.grid-gap-30-85 {
  --grid-row-gap: 30px;
  --grid-col-gap: 85px;
}

.grid-gap-30-90 {
  --grid-row-gap: 30px;
  --grid-col-gap: 90px;
}

.grid-gap-30-95 {
  --grid-row-gap: 30px;
  --grid-col-gap: 95px;
}

.grid-gap-30-100 {
  --grid-row-gap: 30px;
  --grid-col-gap: 100px;
}

.grid-gap-35-0 {
  --grid-row-gap: 35px;
  --grid-col-gap: 0px;
}

.grid-gap-35-5 {
  --grid-row-gap: 35px;
  --grid-col-gap: 5px;
}

.grid-gap-35-10 {
  --grid-row-gap: 35px;
  --grid-col-gap: 10px;
}

.grid-gap-35-15 {
  --grid-row-gap: 35px;
  --grid-col-gap: 15px;
}

.grid-gap-35-20 {
  --grid-row-gap: 35px;
  --grid-col-gap: 20px;
}

.grid-gap-35-25 {
  --grid-row-gap: 35px;
  --grid-col-gap: 25px;
}

.grid-gap-35-30 {
  --grid-row-gap: 35px;
  --grid-col-gap: 30px;
}

.grid-gap-35-35 {
  --grid-row-gap: 35px;
  --grid-col-gap: 35px;
}

.grid-gap-35-40 {
  --grid-row-gap: 35px;
  --grid-col-gap: 40px;
}

.grid-gap-35-45 {
  --grid-row-gap: 35px;
  --grid-col-gap: 45px;
}

.grid-gap-35-50 {
  --grid-row-gap: 35px;
  --grid-col-gap: 50px;
}

.grid-gap-35-55 {
  --grid-row-gap: 35px;
  --grid-col-gap: 55px;
}

.grid-gap-35-60 {
  --grid-row-gap: 35px;
  --grid-col-gap: 60px;
}

.grid-gap-35-65 {
  --grid-row-gap: 35px;
  --grid-col-gap: 65px;
}

.grid-gap-35-70 {
  --grid-row-gap: 35px;
  --grid-col-gap: 70px;
}

.grid-gap-35-75 {
  --grid-row-gap: 35px;
  --grid-col-gap: 75px;
}

.grid-gap-35-80 {
  --grid-row-gap: 35px;
  --grid-col-gap: 80px;
}

.grid-gap-35-85 {
  --grid-row-gap: 35px;
  --grid-col-gap: 85px;
}

.grid-gap-35-90 {
  --grid-row-gap: 35px;
  --grid-col-gap: 90px;
}

.grid-gap-35-95 {
  --grid-row-gap: 35px;
  --grid-col-gap: 95px;
}

.grid-gap-35-100 {
  --grid-row-gap: 35px;
  --grid-col-gap: 100px;
}

.grid-gap-40-0 {
  --grid-row-gap: 40px;
  --grid-col-gap: 0px;
}

.grid-gap-40-5 {
  --grid-row-gap: 40px;
  --grid-col-gap: 5px;
}

.grid-gap-40-10 {
  --grid-row-gap: 40px;
  --grid-col-gap: 10px;
}

.grid-gap-40-15 {
  --grid-row-gap: 40px;
  --grid-col-gap: 15px;
}

.grid-gap-40-20 {
  --grid-row-gap: 40px;
  --grid-col-gap: 20px;
}

.grid-gap-40-25 {
  --grid-row-gap: 40px;
  --grid-col-gap: 25px;
}

.grid-gap-40-30 {
  --grid-row-gap: 40px;
  --grid-col-gap: 30px;
}

.grid-gap-40-35 {
  --grid-row-gap: 40px;
  --grid-col-gap: 35px;
}

.grid-gap-40-40 {
  --grid-row-gap: 40px;
  --grid-col-gap: 40px;
}

.grid-gap-40-45 {
  --grid-row-gap: 40px;
  --grid-col-gap: 45px;
}

.grid-gap-40-50 {
  --grid-row-gap: 40px;
  --grid-col-gap: 50px;
}

.grid-gap-40-55 {
  --grid-row-gap: 40px;
  --grid-col-gap: 55px;
}

.grid-gap-40-60 {
  --grid-row-gap: 40px;
  --grid-col-gap: 60px;
}

.grid-gap-40-65 {
  --grid-row-gap: 40px;
  --grid-col-gap: 65px;
}

.grid-gap-40-70 {
  --grid-row-gap: 40px;
  --grid-col-gap: 70px;
}

.grid-gap-40-75 {
  --grid-row-gap: 40px;
  --grid-col-gap: 75px;
}

.grid-gap-40-80 {
  --grid-row-gap: 40px;
  --grid-col-gap: 80px;
}

.grid-gap-40-85 {
  --grid-row-gap: 40px;
  --grid-col-gap: 85px;
}

.grid-gap-40-90 {
  --grid-row-gap: 40px;
  --grid-col-gap: 90px;
}

.grid-gap-40-95 {
  --grid-row-gap: 40px;
  --grid-col-gap: 95px;
}

.grid-gap-40-100 {
  --grid-row-gap: 40px;
  --grid-col-gap: 100px;
}

.grid-gap-45-0 {
  --grid-row-gap: 45px;
  --grid-col-gap: 0px;
}

.grid-gap-45-5 {
  --grid-row-gap: 45px;
  --grid-col-gap: 5px;
}

.grid-gap-45-10 {
  --grid-row-gap: 45px;
  --grid-col-gap: 10px;
}

.grid-gap-45-15 {
  --grid-row-gap: 45px;
  --grid-col-gap: 15px;
}

.grid-gap-45-20 {
  --grid-row-gap: 45px;
  --grid-col-gap: 20px;
}

.grid-gap-45-25 {
  --grid-row-gap: 45px;
  --grid-col-gap: 25px;
}

.grid-gap-45-30 {
  --grid-row-gap: 45px;
  --grid-col-gap: 30px;
}

.grid-gap-45-35 {
  --grid-row-gap: 45px;
  --grid-col-gap: 35px;
}

.grid-gap-45-40 {
  --grid-row-gap: 45px;
  --grid-col-gap: 40px;
}

.grid-gap-45-45 {
  --grid-row-gap: 45px;
  --grid-col-gap: 45px;
}

.grid-gap-45-50 {
  --grid-row-gap: 45px;
  --grid-col-gap: 50px;
}

.grid-gap-45-55 {
  --grid-row-gap: 45px;
  --grid-col-gap: 55px;
}

.grid-gap-45-60 {
  --grid-row-gap: 45px;
  --grid-col-gap: 60px;
}

.grid-gap-45-65 {
  --grid-row-gap: 45px;
  --grid-col-gap: 65px;
}

.grid-gap-45-70 {
  --grid-row-gap: 45px;
  --grid-col-gap: 70px;
}

.grid-gap-45-75 {
  --grid-row-gap: 45px;
  --grid-col-gap: 75px;
}

.grid-gap-45-80 {
  --grid-row-gap: 45px;
  --grid-col-gap: 80px;
}

.grid-gap-45-85 {
  --grid-row-gap: 45px;
  --grid-col-gap: 85px;
}

.grid-gap-45-90 {
  --grid-row-gap: 45px;
  --grid-col-gap: 90px;
}

.grid-gap-45-95 {
  --grid-row-gap: 45px;
  --grid-col-gap: 95px;
}

.grid-gap-45-100 {
  --grid-row-gap: 45px;
  --grid-col-gap: 100px;
}

.grid-gap-50-0 {
  --grid-row-gap: 50px;
  --grid-col-gap: 0px;
}

.grid-gap-50-5 {
  --grid-row-gap: 50px;
  --grid-col-gap: 5px;
}

.grid-gap-50-10 {
  --grid-row-gap: 50px;
  --grid-col-gap: 10px;
}

.grid-gap-50-15 {
  --grid-row-gap: 50px;
  --grid-col-gap: 15px;
}

.grid-gap-50-20 {
  --grid-row-gap: 50px;
  --grid-col-gap: 20px;
}

.grid-gap-50-25 {
  --grid-row-gap: 50px;
  --grid-col-gap: 25px;
}

.grid-gap-50-30 {
  --grid-row-gap: 50px;
  --grid-col-gap: 30px;
}

.grid-gap-50-35 {
  --grid-row-gap: 50px;
  --grid-col-gap: 35px;
}

.grid-gap-50-40 {
  --grid-row-gap: 50px;
  --grid-col-gap: 40px;
}

.grid-gap-50-45 {
  --grid-row-gap: 50px;
  --grid-col-gap: 45px;
}

.grid-gap-50-50 {
  --grid-row-gap: 50px;
  --grid-col-gap: 50px;
}

.grid-gap-50-55 {
  --grid-row-gap: 50px;
  --grid-col-gap: 55px;
}

.grid-gap-50-60 {
  --grid-row-gap: 50px;
  --grid-col-gap: 60px;
}

.grid-gap-50-65 {
  --grid-row-gap: 50px;
  --grid-col-gap: 65px;
}

.grid-gap-50-70 {
  --grid-row-gap: 50px;
  --grid-col-gap: 70px;
}

.grid-gap-50-75 {
  --grid-row-gap: 50px;
  --grid-col-gap: 75px;
}

.grid-gap-50-80 {
  --grid-row-gap: 50px;
  --grid-col-gap: 80px;
}

.grid-gap-50-85 {
  --grid-row-gap: 50px;
  --grid-col-gap: 85px;
}

.grid-gap-50-90 {
  --grid-row-gap: 50px;
  --grid-col-gap: 90px;
}

.grid-gap-50-95 {
  --grid-row-gap: 50px;
  --grid-col-gap: 95px;
}

.grid-gap-50-100 {
  --grid-row-gap: 50px;
  --grid-col-gap: 100px;
}

.grid-gap-55-0 {
  --grid-row-gap: 55px;
  --grid-col-gap: 0px;
}

.grid-gap-55-5 {
  --grid-row-gap: 55px;
  --grid-col-gap: 5px;
}

.grid-gap-55-10 {
  --grid-row-gap: 55px;
  --grid-col-gap: 10px;
}

.grid-gap-55-15 {
  --grid-row-gap: 55px;
  --grid-col-gap: 15px;
}

.grid-gap-55-20 {
  --grid-row-gap: 55px;
  --grid-col-gap: 20px;
}

.grid-gap-55-25 {
  --grid-row-gap: 55px;
  --grid-col-gap: 25px;
}

.grid-gap-55-30 {
  --grid-row-gap: 55px;
  --grid-col-gap: 30px;
}

.grid-gap-55-35 {
  --grid-row-gap: 55px;
  --grid-col-gap: 35px;
}

.grid-gap-55-40 {
  --grid-row-gap: 55px;
  --grid-col-gap: 40px;
}

.grid-gap-55-45 {
  --grid-row-gap: 55px;
  --grid-col-gap: 45px;
}

.grid-gap-55-50 {
  --grid-row-gap: 55px;
  --grid-col-gap: 50px;
}

.grid-gap-55-55 {
  --grid-row-gap: 55px;
  --grid-col-gap: 55px;
}

.grid-gap-55-60 {
  --grid-row-gap: 55px;
  --grid-col-gap: 60px;
}

.grid-gap-55-65 {
  --grid-row-gap: 55px;
  --grid-col-gap: 65px;
}

.grid-gap-55-70 {
  --grid-row-gap: 55px;
  --grid-col-gap: 70px;
}

.grid-gap-55-75 {
  --grid-row-gap: 55px;
  --grid-col-gap: 75px;
}

.grid-gap-55-80 {
  --grid-row-gap: 55px;
  --grid-col-gap: 80px;
}

.grid-gap-55-85 {
  --grid-row-gap: 55px;
  --grid-col-gap: 85px;
}

.grid-gap-55-90 {
  --grid-row-gap: 55px;
  --grid-col-gap: 90px;
}

.grid-gap-55-95 {
  --grid-row-gap: 55px;
  --grid-col-gap: 95px;
}

.grid-gap-55-100 {
  --grid-row-gap: 55px;
  --grid-col-gap: 100px;
}

.grid-gap-60-0 {
  --grid-row-gap: 60px;
  --grid-col-gap: 0px;
}

.grid-gap-60-5 {
  --grid-row-gap: 60px;
  --grid-col-gap: 5px;
}

.grid-gap-60-10 {
  --grid-row-gap: 60px;
  --grid-col-gap: 10px;
}

.grid-gap-60-15 {
  --grid-row-gap: 60px;
  --grid-col-gap: 15px;
}

.grid-gap-60-20 {
  --grid-row-gap: 60px;
  --grid-col-gap: 20px;
}

.grid-gap-60-25 {
  --grid-row-gap: 60px;
  --grid-col-gap: 25px;
}

.grid-gap-60-30 {
  --grid-row-gap: 60px;
  --grid-col-gap: 30px;
}

.grid-gap-60-35 {
  --grid-row-gap: 60px;
  --grid-col-gap: 35px;
}

.grid-gap-60-40 {
  --grid-row-gap: 60px;
  --grid-col-gap: 40px;
}

.grid-gap-60-45 {
  --grid-row-gap: 60px;
  --grid-col-gap: 45px;
}

.grid-gap-60-50 {
  --grid-row-gap: 60px;
  --grid-col-gap: 50px;
}

.grid-gap-60-55 {
  --grid-row-gap: 60px;
  --grid-col-gap: 55px;
}

.grid-gap-60-60 {
  --grid-row-gap: 60px;
  --grid-col-gap: 60px;
}

.grid-gap-60-65 {
  --grid-row-gap: 60px;
  --grid-col-gap: 65px;
}

.grid-gap-60-70 {
  --grid-row-gap: 60px;
  --grid-col-gap: 70px;
}

.grid-gap-60-75 {
  --grid-row-gap: 60px;
  --grid-col-gap: 75px;
}

.grid-gap-60-80 {
  --grid-row-gap: 60px;
  --grid-col-gap: 80px;
}

.grid-gap-60-85 {
  --grid-row-gap: 60px;
  --grid-col-gap: 85px;
}

.grid-gap-60-90 {
  --grid-row-gap: 60px;
  --grid-col-gap: 90px;
}

.grid-gap-60-95 {
  --grid-row-gap: 60px;
  --grid-col-gap: 95px;
}

.grid-gap-60-100 {
  --grid-row-gap: 60px;
  --grid-col-gap: 100px;
}

.grid-gap-65-0 {
  --grid-row-gap: 65px;
  --grid-col-gap: 0px;
}

.grid-gap-65-5 {
  --grid-row-gap: 65px;
  --grid-col-gap: 5px;
}

.grid-gap-65-10 {
  --grid-row-gap: 65px;
  --grid-col-gap: 10px;
}

.grid-gap-65-15 {
  --grid-row-gap: 65px;
  --grid-col-gap: 15px;
}

.grid-gap-65-20 {
  --grid-row-gap: 65px;
  --grid-col-gap: 20px;
}

.grid-gap-65-25 {
  --grid-row-gap: 65px;
  --grid-col-gap: 25px;
}

.grid-gap-65-30 {
  --grid-row-gap: 65px;
  --grid-col-gap: 30px;
}

.grid-gap-65-35 {
  --grid-row-gap: 65px;
  --grid-col-gap: 35px;
}

.grid-gap-65-40 {
  --grid-row-gap: 65px;
  --grid-col-gap: 40px;
}

.grid-gap-65-45 {
  --grid-row-gap: 65px;
  --grid-col-gap: 45px;
}

.grid-gap-65-50 {
  --grid-row-gap: 65px;
  --grid-col-gap: 50px;
}

.grid-gap-65-55 {
  --grid-row-gap: 65px;
  --grid-col-gap: 55px;
}

.grid-gap-65-60 {
  --grid-row-gap: 65px;
  --grid-col-gap: 60px;
}

.grid-gap-65-65 {
  --grid-row-gap: 65px;
  --grid-col-gap: 65px;
}

.grid-gap-65-70 {
  --grid-row-gap: 65px;
  --grid-col-gap: 70px;
}

.grid-gap-65-75 {
  --grid-row-gap: 65px;
  --grid-col-gap: 75px;
}

.grid-gap-65-80 {
  --grid-row-gap: 65px;
  --grid-col-gap: 80px;
}

.grid-gap-65-85 {
  --grid-row-gap: 65px;
  --grid-col-gap: 85px;
}

.grid-gap-65-90 {
  --grid-row-gap: 65px;
  --grid-col-gap: 90px;
}

.grid-gap-65-95 {
  --grid-row-gap: 65px;
  --grid-col-gap: 95px;
}

.grid-gap-65-100 {
  --grid-row-gap: 65px;
  --grid-col-gap: 100px;
}

.grid-gap-70-0 {
  --grid-row-gap: 70px;
  --grid-col-gap: 0px;
}

.grid-gap-70-5 {
  --grid-row-gap: 70px;
  --grid-col-gap: 5px;
}

.grid-gap-70-10 {
  --grid-row-gap: 70px;
  --grid-col-gap: 10px;
}

.grid-gap-70-15 {
  --grid-row-gap: 70px;
  --grid-col-gap: 15px;
}

.grid-gap-70-20 {
  --grid-row-gap: 70px;
  --grid-col-gap: 20px;
}

.grid-gap-70-25 {
  --grid-row-gap: 70px;
  --grid-col-gap: 25px;
}

.grid-gap-70-30 {
  --grid-row-gap: 70px;
  --grid-col-gap: 30px;
}

.grid-gap-70-35 {
  --grid-row-gap: 70px;
  --grid-col-gap: 35px;
}

.grid-gap-70-40 {
  --grid-row-gap: 70px;
  --grid-col-gap: 40px;
}

.grid-gap-70-45 {
  --grid-row-gap: 70px;
  --grid-col-gap: 45px;
}

.grid-gap-70-50 {
  --grid-row-gap: 70px;
  --grid-col-gap: 50px;
}

.grid-gap-70-55 {
  --grid-row-gap: 70px;
  --grid-col-gap: 55px;
}

.grid-gap-70-60 {
  --grid-row-gap: 70px;
  --grid-col-gap: 60px;
}

.grid-gap-70-65 {
  --grid-row-gap: 70px;
  --grid-col-gap: 65px;
}

.grid-gap-70-70 {
  --grid-row-gap: 70px;
  --grid-col-gap: 70px;
}

.grid-gap-70-75 {
  --grid-row-gap: 70px;
  --grid-col-gap: 75px;
}

.grid-gap-70-80 {
  --grid-row-gap: 70px;
  --grid-col-gap: 80px;
}

.grid-gap-70-85 {
  --grid-row-gap: 70px;
  --grid-col-gap: 85px;
}

.grid-gap-70-90 {
  --grid-row-gap: 70px;
  --grid-col-gap: 90px;
}

.grid-gap-70-95 {
  --grid-row-gap: 70px;
  --grid-col-gap: 95px;
}

.grid-gap-70-100 {
  --grid-row-gap: 70px;
  --grid-col-gap: 100px;
}

.grid-gap-75-0 {
  --grid-row-gap: 75px;
  --grid-col-gap: 0px;
}

.grid-gap-75-5 {
  --grid-row-gap: 75px;
  --grid-col-gap: 5px;
}

.grid-gap-75-10 {
  --grid-row-gap: 75px;
  --grid-col-gap: 10px;
}

.grid-gap-75-15 {
  --grid-row-gap: 75px;
  --grid-col-gap: 15px;
}

.grid-gap-75-20 {
  --grid-row-gap: 75px;
  --grid-col-gap: 20px;
}

.grid-gap-75-25 {
  --grid-row-gap: 75px;
  --grid-col-gap: 25px;
}

.grid-gap-75-30 {
  --grid-row-gap: 75px;
  --grid-col-gap: 30px;
}

.grid-gap-75-35 {
  --grid-row-gap: 75px;
  --grid-col-gap: 35px;
}

.grid-gap-75-40 {
  --grid-row-gap: 75px;
  --grid-col-gap: 40px;
}

.grid-gap-75-45 {
  --grid-row-gap: 75px;
  --grid-col-gap: 45px;
}

.grid-gap-75-50 {
  --grid-row-gap: 75px;
  --grid-col-gap: 50px;
}

.grid-gap-75-55 {
  --grid-row-gap: 75px;
  --grid-col-gap: 55px;
}

.grid-gap-75-60 {
  --grid-row-gap: 75px;
  --grid-col-gap: 60px;
}

.grid-gap-75-65 {
  --grid-row-gap: 75px;
  --grid-col-gap: 65px;
}

.grid-gap-75-70 {
  --grid-row-gap: 75px;
  --grid-col-gap: 70px;
}

.grid-gap-75-75 {
  --grid-row-gap: 75px;
  --grid-col-gap: 75px;
}

.grid-gap-75-80 {
  --grid-row-gap: 75px;
  --grid-col-gap: 80px;
}

.grid-gap-75-85 {
  --grid-row-gap: 75px;
  --grid-col-gap: 85px;
}

.grid-gap-75-90 {
  --grid-row-gap: 75px;
  --grid-col-gap: 90px;
}

.grid-gap-75-95 {
  --grid-row-gap: 75px;
  --grid-col-gap: 95px;
}

.grid-gap-75-100 {
  --grid-row-gap: 75px;
  --grid-col-gap: 100px;
}

.grid-gap-80-0 {
  --grid-row-gap: 80px;
  --grid-col-gap: 0px;
}

.grid-gap-80-5 {
  --grid-row-gap: 80px;
  --grid-col-gap: 5px;
}

.grid-gap-80-10 {
  --grid-row-gap: 80px;
  --grid-col-gap: 10px;
}

.grid-gap-80-15 {
  --grid-row-gap: 80px;
  --grid-col-gap: 15px;
}

.grid-gap-80-20 {
  --grid-row-gap: 80px;
  --grid-col-gap: 20px;
}

.grid-gap-80-25 {
  --grid-row-gap: 80px;
  --grid-col-gap: 25px;
}

.grid-gap-80-30 {
  --grid-row-gap: 80px;
  --grid-col-gap: 30px;
}

.grid-gap-80-35 {
  --grid-row-gap: 80px;
  --grid-col-gap: 35px;
}

.grid-gap-80-40 {
  --grid-row-gap: 80px;
  --grid-col-gap: 40px;
}

.grid-gap-80-45 {
  --grid-row-gap: 80px;
  --grid-col-gap: 45px;
}

.grid-gap-80-50 {
  --grid-row-gap: 80px;
  --grid-col-gap: 50px;
}

.grid-gap-80-55 {
  --grid-row-gap: 80px;
  --grid-col-gap: 55px;
}

.grid-gap-80-60 {
  --grid-row-gap: 80px;
  --grid-col-gap: 60px;
}

.grid-gap-80-65 {
  --grid-row-gap: 80px;
  --grid-col-gap: 65px;
}

.grid-gap-80-70 {
  --grid-row-gap: 80px;
  --grid-col-gap: 70px;
}

.grid-gap-80-75 {
  --grid-row-gap: 80px;
  --grid-col-gap: 75px;
}

.grid-gap-80-80 {
  --grid-row-gap: 80px;
  --grid-col-gap: 80px;
}

.grid-gap-80-85 {
  --grid-row-gap: 80px;
  --grid-col-gap: 85px;
}

.grid-gap-80-90 {
  --grid-row-gap: 80px;
  --grid-col-gap: 90px;
}

.grid-gap-80-95 {
  --grid-row-gap: 80px;
  --grid-col-gap: 95px;
}

.grid-gap-80-100 {
  --grid-row-gap: 80px;
  --grid-col-gap: 100px;
}

.grid-gap-85-0 {
  --grid-row-gap: 85px;
  --grid-col-gap: 0px;
}

.grid-gap-85-5 {
  --grid-row-gap: 85px;
  --grid-col-gap: 5px;
}

.grid-gap-85-10 {
  --grid-row-gap: 85px;
  --grid-col-gap: 10px;
}

.grid-gap-85-15 {
  --grid-row-gap: 85px;
  --grid-col-gap: 15px;
}

.grid-gap-85-20 {
  --grid-row-gap: 85px;
  --grid-col-gap: 20px;
}

.grid-gap-85-25 {
  --grid-row-gap: 85px;
  --grid-col-gap: 25px;
}

.grid-gap-85-30 {
  --grid-row-gap: 85px;
  --grid-col-gap: 30px;
}

.grid-gap-85-35 {
  --grid-row-gap: 85px;
  --grid-col-gap: 35px;
}

.grid-gap-85-40 {
  --grid-row-gap: 85px;
  --grid-col-gap: 40px;
}

.grid-gap-85-45 {
  --grid-row-gap: 85px;
  --grid-col-gap: 45px;
}

.grid-gap-85-50 {
  --grid-row-gap: 85px;
  --grid-col-gap: 50px;
}

.grid-gap-85-55 {
  --grid-row-gap: 85px;
  --grid-col-gap: 55px;
}

.grid-gap-85-60 {
  --grid-row-gap: 85px;
  --grid-col-gap: 60px;
}

.grid-gap-85-65 {
  --grid-row-gap: 85px;
  --grid-col-gap: 65px;
}

.grid-gap-85-70 {
  --grid-row-gap: 85px;
  --grid-col-gap: 70px;
}

.grid-gap-85-75 {
  --grid-row-gap: 85px;
  --grid-col-gap: 75px;
}

.grid-gap-85-80 {
  --grid-row-gap: 85px;
  --grid-col-gap: 80px;
}

.grid-gap-85-85 {
  --grid-row-gap: 85px;
  --grid-col-gap: 85px;
}

.grid-gap-85-90 {
  --grid-row-gap: 85px;
  --grid-col-gap: 90px;
}

.grid-gap-85-95 {
  --grid-row-gap: 85px;
  --grid-col-gap: 95px;
}

.grid-gap-85-100 {
  --grid-row-gap: 85px;
  --grid-col-gap: 100px;
}

.grid-gap-90-0 {
  --grid-row-gap: 90px;
  --grid-col-gap: 0px;
}

.grid-gap-90-5 {
  --grid-row-gap: 90px;
  --grid-col-gap: 5px;
}

.grid-gap-90-10 {
  --grid-row-gap: 90px;
  --grid-col-gap: 10px;
}

.grid-gap-90-15 {
  --grid-row-gap: 90px;
  --grid-col-gap: 15px;
}

.grid-gap-90-20 {
  --grid-row-gap: 90px;
  --grid-col-gap: 20px;
}

.grid-gap-90-25 {
  --grid-row-gap: 90px;
  --grid-col-gap: 25px;
}

.grid-gap-90-30 {
  --grid-row-gap: 90px;
  --grid-col-gap: 30px;
}

.grid-gap-90-35 {
  --grid-row-gap: 90px;
  --grid-col-gap: 35px;
}

.grid-gap-90-40 {
  --grid-row-gap: 90px;
  --grid-col-gap: 40px;
}

.grid-gap-90-45 {
  --grid-row-gap: 90px;
  --grid-col-gap: 45px;
}

.grid-gap-90-50 {
  --grid-row-gap: 90px;
  --grid-col-gap: 50px;
}

.grid-gap-90-55 {
  --grid-row-gap: 90px;
  --grid-col-gap: 55px;
}

.grid-gap-90-60 {
  --grid-row-gap: 90px;
  --grid-col-gap: 60px;
}

.grid-gap-90-65 {
  --grid-row-gap: 90px;
  --grid-col-gap: 65px;
}

.grid-gap-90-70 {
  --grid-row-gap: 90px;
  --grid-col-gap: 70px;
}

.grid-gap-90-75 {
  --grid-row-gap: 90px;
  --grid-col-gap: 75px;
}

.grid-gap-90-80 {
  --grid-row-gap: 90px;
  --grid-col-gap: 80px;
}

.grid-gap-90-85 {
  --grid-row-gap: 90px;
  --grid-col-gap: 85px;
}

.grid-gap-90-90 {
  --grid-row-gap: 90px;
  --grid-col-gap: 90px;
}

.grid-gap-90-95 {
  --grid-row-gap: 90px;
  --grid-col-gap: 95px;
}

.grid-gap-90-100 {
  --grid-row-gap: 90px;
  --grid-col-gap: 100px;
}

.grid-gap-95-0 {
  --grid-row-gap: 95px;
  --grid-col-gap: 0px;
}

.grid-gap-95-5 {
  --grid-row-gap: 95px;
  --grid-col-gap: 5px;
}

.grid-gap-95-10 {
  --grid-row-gap: 95px;
  --grid-col-gap: 10px;
}

.grid-gap-95-15 {
  --grid-row-gap: 95px;
  --grid-col-gap: 15px;
}

.grid-gap-95-20 {
  --grid-row-gap: 95px;
  --grid-col-gap: 20px;
}

.grid-gap-95-25 {
  --grid-row-gap: 95px;
  --grid-col-gap: 25px;
}

.grid-gap-95-30 {
  --grid-row-gap: 95px;
  --grid-col-gap: 30px;
}

.grid-gap-95-35 {
  --grid-row-gap: 95px;
  --grid-col-gap: 35px;
}

.grid-gap-95-40 {
  --grid-row-gap: 95px;
  --grid-col-gap: 40px;
}

.grid-gap-95-45 {
  --grid-row-gap: 95px;
  --grid-col-gap: 45px;
}

.grid-gap-95-50 {
  --grid-row-gap: 95px;
  --grid-col-gap: 50px;
}

.grid-gap-95-55 {
  --grid-row-gap: 95px;
  --grid-col-gap: 55px;
}

.grid-gap-95-60 {
  --grid-row-gap: 95px;
  --grid-col-gap: 60px;
}

.grid-gap-95-65 {
  --grid-row-gap: 95px;
  --grid-col-gap: 65px;
}

.grid-gap-95-70 {
  --grid-row-gap: 95px;
  --grid-col-gap: 70px;
}

.grid-gap-95-75 {
  --grid-row-gap: 95px;
  --grid-col-gap: 75px;
}

.grid-gap-95-80 {
  --grid-row-gap: 95px;
  --grid-col-gap: 80px;
}

.grid-gap-95-85 {
  --grid-row-gap: 95px;
  --grid-col-gap: 85px;
}

.grid-gap-95-90 {
  --grid-row-gap: 95px;
  --grid-col-gap: 90px;
}

.grid-gap-95-95 {
  --grid-row-gap: 95px;
  --grid-col-gap: 95px;
}

.grid-gap-95-100 {
  --grid-row-gap: 95px;
  --grid-col-gap: 100px;
}

.grid-gap-100-0 {
  --grid-row-gap: 100px;
  --grid-col-gap: 0px;
}

.grid-gap-100-5 {
  --grid-row-gap: 100px;
  --grid-col-gap: 5px;
}

.grid-gap-100-10 {
  --grid-row-gap: 100px;
  --grid-col-gap: 10px;
}

.grid-gap-100-15 {
  --grid-row-gap: 100px;
  --grid-col-gap: 15px;
}

.grid-gap-100-20 {
  --grid-row-gap: 100px;
  --grid-col-gap: 20px;
}

.grid-gap-100-25 {
  --grid-row-gap: 100px;
  --grid-col-gap: 25px;
}

.grid-gap-100-30 {
  --grid-row-gap: 100px;
  --grid-col-gap: 30px;
}

.grid-gap-100-35 {
  --grid-row-gap: 100px;
  --grid-col-gap: 35px;
}

.grid-gap-100-40 {
  --grid-row-gap: 100px;
  --grid-col-gap: 40px;
}

.grid-gap-100-45 {
  --grid-row-gap: 100px;
  --grid-col-gap: 45px;
}

.grid-gap-100-50 {
  --grid-row-gap: 100px;
  --grid-col-gap: 50px;
}

.grid-gap-100-55 {
  --grid-row-gap: 100px;
  --grid-col-gap: 55px;
}

.grid-gap-100-60 {
  --grid-row-gap: 100px;
  --grid-col-gap: 60px;
}

.grid-gap-100-65 {
  --grid-row-gap: 100px;
  --grid-col-gap: 65px;
}

.grid-gap-100-70 {
  --grid-row-gap: 100px;
  --grid-col-gap: 70px;
}

.grid-gap-100-75 {
  --grid-row-gap: 100px;
  --grid-col-gap: 75px;
}

.grid-gap-100-80 {
  --grid-row-gap: 100px;
  --grid-col-gap: 80px;
}

.grid-gap-100-85 {
  --grid-row-gap: 100px;
  --grid-col-gap: 85px;
}

.grid-gap-100-90 {
  --grid-row-gap: 100px;
  --grid-col-gap: 90px;
}

.grid-gap-100-95 {
  --grid-row-gap: 100px;
  --grid-col-gap: 95px;
}

.grid-gap-100-100 {
  --grid-row-gap: 100px;
  --grid-col-gap: 100px;
}

@media (max-width: 750px) {
  .grid-gap-sp-0 {
    --grid-row-gap: 0px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-5 {
    --grid-row-gap: 5px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-10 {
    --grid-row-gap: 10px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-15 {
    --grid-row-gap: 15px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-20 {
    --grid-row-gap: 20px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-25 {
    --grid-row-gap: 25px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-30 {
    --grid-row-gap: 30px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-35 {
    --grid-row-gap: 35px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-40 {
    --grid-row-gap: 40px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-45 {
    --grid-row-gap: 45px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-50 {
    --grid-row-gap: 50px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-55 {
    --grid-row-gap: 55px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-60 {
    --grid-row-gap: 60px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-65 {
    --grid-row-gap: 65px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-70 {
    --grid-row-gap: 70px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-75 {
    --grid-row-gap: 75px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-80 {
    --grid-row-gap: 80px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-85 {
    --grid-row-gap: 85px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-90 {
    --grid-row-gap: 90px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-95 {
    --grid-row-gap: 95px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-100 {
    --grid-row-gap: 100px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-0-0 {
    --grid-row-gap: 0px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-0-5 {
    --grid-row-gap: 0px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-0-10 {
    --grid-row-gap: 0px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-0-15 {
    --grid-row-gap: 0px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-0-20 {
    --grid-row-gap: 0px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-0-25 {
    --grid-row-gap: 0px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-0-30 {
    --grid-row-gap: 0px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-0-35 {
    --grid-row-gap: 0px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-0-40 {
    --grid-row-gap: 0px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-0-45 {
    --grid-row-gap: 0px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-0-50 {
    --grid-row-gap: 0px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-0-55 {
    --grid-row-gap: 0px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-0-60 {
    --grid-row-gap: 0px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-0-65 {
    --grid-row-gap: 0px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-0-70 {
    --grid-row-gap: 0px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-0-75 {
    --grid-row-gap: 0px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-0-80 {
    --grid-row-gap: 0px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-0-85 {
    --grid-row-gap: 0px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-0-90 {
    --grid-row-gap: 0px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-0-95 {
    --grid-row-gap: 0px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-0-100 {
    --grid-row-gap: 0px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-5-0 {
    --grid-row-gap: 5px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-5-5 {
    --grid-row-gap: 5px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-5-10 {
    --grid-row-gap: 5px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-5-15 {
    --grid-row-gap: 5px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-5-20 {
    --grid-row-gap: 5px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-5-25 {
    --grid-row-gap: 5px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-5-30 {
    --grid-row-gap: 5px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-5-35 {
    --grid-row-gap: 5px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-5-40 {
    --grid-row-gap: 5px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-5-45 {
    --grid-row-gap: 5px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-5-50 {
    --grid-row-gap: 5px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-5-55 {
    --grid-row-gap: 5px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-5-60 {
    --grid-row-gap: 5px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-5-65 {
    --grid-row-gap: 5px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-5-70 {
    --grid-row-gap: 5px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-5-75 {
    --grid-row-gap: 5px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-5-80 {
    --grid-row-gap: 5px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-5-85 {
    --grid-row-gap: 5px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-5-90 {
    --grid-row-gap: 5px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-5-95 {
    --grid-row-gap: 5px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-5-100 {
    --grid-row-gap: 5px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-10-0 {
    --grid-row-gap: 10px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-10-5 {
    --grid-row-gap: 10px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-10-10 {
    --grid-row-gap: 10px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-10-15 {
    --grid-row-gap: 10px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-10-20 {
    --grid-row-gap: 10px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-10-25 {
    --grid-row-gap: 10px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-10-30 {
    --grid-row-gap: 10px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-10-35 {
    --grid-row-gap: 10px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-10-40 {
    --grid-row-gap: 10px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-10-45 {
    --grid-row-gap: 10px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-10-50 {
    --grid-row-gap: 10px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-10-55 {
    --grid-row-gap: 10px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-10-60 {
    --grid-row-gap: 10px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-10-65 {
    --grid-row-gap: 10px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-10-70 {
    --grid-row-gap: 10px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-10-75 {
    --grid-row-gap: 10px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-10-80 {
    --grid-row-gap: 10px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-10-85 {
    --grid-row-gap: 10px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-10-90 {
    --grid-row-gap: 10px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-10-95 {
    --grid-row-gap: 10px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-10-100 {
    --grid-row-gap: 10px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-15-0 {
    --grid-row-gap: 15px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-15-5 {
    --grid-row-gap: 15px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-15-10 {
    --grid-row-gap: 15px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-15-15 {
    --grid-row-gap: 15px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-15-20 {
    --grid-row-gap: 15px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-15-25 {
    --grid-row-gap: 15px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-15-30 {
    --grid-row-gap: 15px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-15-35 {
    --grid-row-gap: 15px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-15-40 {
    --grid-row-gap: 15px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-15-45 {
    --grid-row-gap: 15px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-15-50 {
    --grid-row-gap: 15px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-15-55 {
    --grid-row-gap: 15px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-15-60 {
    --grid-row-gap: 15px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-15-65 {
    --grid-row-gap: 15px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-15-70 {
    --grid-row-gap: 15px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-15-75 {
    --grid-row-gap: 15px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-15-80 {
    --grid-row-gap: 15px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-15-85 {
    --grid-row-gap: 15px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-15-90 {
    --grid-row-gap: 15px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-15-95 {
    --grid-row-gap: 15px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-15-100 {
    --grid-row-gap: 15px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-20-0 {
    --grid-row-gap: 20px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-20-5 {
    --grid-row-gap: 20px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-20-10 {
    --grid-row-gap: 20px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-20-15 {
    --grid-row-gap: 20px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-20-20 {
    --grid-row-gap: 20px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-20-25 {
    --grid-row-gap: 20px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-20-30 {
    --grid-row-gap: 20px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-20-35 {
    --grid-row-gap: 20px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-20-40 {
    --grid-row-gap: 20px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-20-45 {
    --grid-row-gap: 20px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-20-50 {
    --grid-row-gap: 20px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-20-55 {
    --grid-row-gap: 20px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-20-60 {
    --grid-row-gap: 20px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-20-65 {
    --grid-row-gap: 20px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-20-70 {
    --grid-row-gap: 20px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-20-75 {
    --grid-row-gap: 20px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-20-80 {
    --grid-row-gap: 20px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-20-85 {
    --grid-row-gap: 20px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-20-90 {
    --grid-row-gap: 20px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-20-95 {
    --grid-row-gap: 20px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-20-100 {
    --grid-row-gap: 20px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-25-0 {
    --grid-row-gap: 25px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-25-5 {
    --grid-row-gap: 25px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-25-10 {
    --grid-row-gap: 25px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-25-15 {
    --grid-row-gap: 25px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-25-20 {
    --grid-row-gap: 25px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-25-25 {
    --grid-row-gap: 25px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-25-30 {
    --grid-row-gap: 25px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-25-35 {
    --grid-row-gap: 25px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-25-40 {
    --grid-row-gap: 25px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-25-45 {
    --grid-row-gap: 25px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-25-50 {
    --grid-row-gap: 25px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-25-55 {
    --grid-row-gap: 25px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-25-60 {
    --grid-row-gap: 25px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-25-65 {
    --grid-row-gap: 25px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-25-70 {
    --grid-row-gap: 25px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-25-75 {
    --grid-row-gap: 25px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-25-80 {
    --grid-row-gap: 25px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-25-85 {
    --grid-row-gap: 25px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-25-90 {
    --grid-row-gap: 25px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-25-95 {
    --grid-row-gap: 25px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-25-100 {
    --grid-row-gap: 25px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-30-0 {
    --grid-row-gap: 30px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-30-5 {
    --grid-row-gap: 30px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-30-10 {
    --grid-row-gap: 30px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-30-15 {
    --grid-row-gap: 30px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-30-20 {
    --grid-row-gap: 30px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-30-25 {
    --grid-row-gap: 30px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-30-30 {
    --grid-row-gap: 30px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-30-35 {
    --grid-row-gap: 30px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-30-40 {
    --grid-row-gap: 30px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-30-45 {
    --grid-row-gap: 30px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-30-50 {
    --grid-row-gap: 30px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-30-55 {
    --grid-row-gap: 30px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-30-60 {
    --grid-row-gap: 30px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-30-65 {
    --grid-row-gap: 30px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-30-70 {
    --grid-row-gap: 30px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-30-75 {
    --grid-row-gap: 30px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-30-80 {
    --grid-row-gap: 30px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-30-85 {
    --grid-row-gap: 30px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-30-90 {
    --grid-row-gap: 30px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-30-95 {
    --grid-row-gap: 30px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-30-100 {
    --grid-row-gap: 30px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-35-0 {
    --grid-row-gap: 35px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-35-5 {
    --grid-row-gap: 35px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-35-10 {
    --grid-row-gap: 35px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-35-15 {
    --grid-row-gap: 35px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-35-20 {
    --grid-row-gap: 35px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-35-25 {
    --grid-row-gap: 35px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-35-30 {
    --grid-row-gap: 35px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-35-35 {
    --grid-row-gap: 35px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-35-40 {
    --grid-row-gap: 35px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-35-45 {
    --grid-row-gap: 35px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-35-50 {
    --grid-row-gap: 35px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-35-55 {
    --grid-row-gap: 35px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-35-60 {
    --grid-row-gap: 35px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-35-65 {
    --grid-row-gap: 35px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-35-70 {
    --grid-row-gap: 35px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-35-75 {
    --grid-row-gap: 35px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-35-80 {
    --grid-row-gap: 35px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-35-85 {
    --grid-row-gap: 35px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-35-90 {
    --grid-row-gap: 35px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-35-95 {
    --grid-row-gap: 35px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-35-100 {
    --grid-row-gap: 35px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-40-0 {
    --grid-row-gap: 40px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-40-5 {
    --grid-row-gap: 40px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-40-10 {
    --grid-row-gap: 40px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-40-15 {
    --grid-row-gap: 40px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-40-20 {
    --grid-row-gap: 40px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-40-25 {
    --grid-row-gap: 40px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-40-30 {
    --grid-row-gap: 40px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-40-35 {
    --grid-row-gap: 40px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-40-40 {
    --grid-row-gap: 40px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-40-45 {
    --grid-row-gap: 40px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-40-50 {
    --grid-row-gap: 40px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-40-55 {
    --grid-row-gap: 40px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-40-60 {
    --grid-row-gap: 40px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-40-65 {
    --grid-row-gap: 40px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-40-70 {
    --grid-row-gap: 40px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-40-75 {
    --grid-row-gap: 40px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-40-80 {
    --grid-row-gap: 40px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-40-85 {
    --grid-row-gap: 40px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-40-90 {
    --grid-row-gap: 40px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-40-95 {
    --grid-row-gap: 40px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-40-100 {
    --grid-row-gap: 40px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-45-0 {
    --grid-row-gap: 45px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-45-5 {
    --grid-row-gap: 45px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-45-10 {
    --grid-row-gap: 45px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-45-15 {
    --grid-row-gap: 45px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-45-20 {
    --grid-row-gap: 45px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-45-25 {
    --grid-row-gap: 45px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-45-30 {
    --grid-row-gap: 45px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-45-35 {
    --grid-row-gap: 45px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-45-40 {
    --grid-row-gap: 45px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-45-45 {
    --grid-row-gap: 45px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-45-50 {
    --grid-row-gap: 45px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-45-55 {
    --grid-row-gap: 45px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-45-60 {
    --grid-row-gap: 45px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-45-65 {
    --grid-row-gap: 45px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-45-70 {
    --grid-row-gap: 45px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-45-75 {
    --grid-row-gap: 45px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-45-80 {
    --grid-row-gap: 45px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-45-85 {
    --grid-row-gap: 45px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-45-90 {
    --grid-row-gap: 45px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-45-95 {
    --grid-row-gap: 45px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-45-100 {
    --grid-row-gap: 45px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-50-0 {
    --grid-row-gap: 50px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-50-5 {
    --grid-row-gap: 50px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-50-10 {
    --grid-row-gap: 50px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-50-15 {
    --grid-row-gap: 50px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-50-20 {
    --grid-row-gap: 50px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-50-25 {
    --grid-row-gap: 50px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-50-30 {
    --grid-row-gap: 50px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-50-35 {
    --grid-row-gap: 50px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-50-40 {
    --grid-row-gap: 50px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-50-45 {
    --grid-row-gap: 50px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-50-50 {
    --grid-row-gap: 50px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-50-55 {
    --grid-row-gap: 50px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-50-60 {
    --grid-row-gap: 50px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-50-65 {
    --grid-row-gap: 50px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-50-70 {
    --grid-row-gap: 50px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-50-75 {
    --grid-row-gap: 50px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-50-80 {
    --grid-row-gap: 50px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-50-85 {
    --grid-row-gap: 50px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-50-90 {
    --grid-row-gap: 50px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-50-95 {
    --grid-row-gap: 50px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-50-100 {
    --grid-row-gap: 50px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-55-0 {
    --grid-row-gap: 55px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-55-5 {
    --grid-row-gap: 55px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-55-10 {
    --grid-row-gap: 55px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-55-15 {
    --grid-row-gap: 55px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-55-20 {
    --grid-row-gap: 55px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-55-25 {
    --grid-row-gap: 55px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-55-30 {
    --grid-row-gap: 55px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-55-35 {
    --grid-row-gap: 55px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-55-40 {
    --grid-row-gap: 55px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-55-45 {
    --grid-row-gap: 55px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-55-50 {
    --grid-row-gap: 55px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-55-55 {
    --grid-row-gap: 55px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-55-60 {
    --grid-row-gap: 55px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-55-65 {
    --grid-row-gap: 55px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-55-70 {
    --grid-row-gap: 55px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-55-75 {
    --grid-row-gap: 55px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-55-80 {
    --grid-row-gap: 55px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-55-85 {
    --grid-row-gap: 55px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-55-90 {
    --grid-row-gap: 55px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-55-95 {
    --grid-row-gap: 55px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-55-100 {
    --grid-row-gap: 55px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-60-0 {
    --grid-row-gap: 60px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-60-5 {
    --grid-row-gap: 60px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-60-10 {
    --grid-row-gap: 60px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-60-15 {
    --grid-row-gap: 60px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-60-20 {
    --grid-row-gap: 60px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-60-25 {
    --grid-row-gap: 60px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-60-30 {
    --grid-row-gap: 60px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-60-35 {
    --grid-row-gap: 60px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-60-40 {
    --grid-row-gap: 60px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-60-45 {
    --grid-row-gap: 60px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-60-50 {
    --grid-row-gap: 60px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-60-55 {
    --grid-row-gap: 60px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-60-60 {
    --grid-row-gap: 60px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-60-65 {
    --grid-row-gap: 60px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-60-70 {
    --grid-row-gap: 60px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-60-75 {
    --grid-row-gap: 60px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-60-80 {
    --grid-row-gap: 60px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-60-85 {
    --grid-row-gap: 60px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-60-90 {
    --grid-row-gap: 60px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-60-95 {
    --grid-row-gap: 60px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-60-100 {
    --grid-row-gap: 60px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-65-0 {
    --grid-row-gap: 65px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-65-5 {
    --grid-row-gap: 65px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-65-10 {
    --grid-row-gap: 65px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-65-15 {
    --grid-row-gap: 65px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-65-20 {
    --grid-row-gap: 65px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-65-25 {
    --grid-row-gap: 65px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-65-30 {
    --grid-row-gap: 65px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-65-35 {
    --grid-row-gap: 65px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-65-40 {
    --grid-row-gap: 65px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-65-45 {
    --grid-row-gap: 65px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-65-50 {
    --grid-row-gap: 65px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-65-55 {
    --grid-row-gap: 65px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-65-60 {
    --grid-row-gap: 65px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-65-65 {
    --grid-row-gap: 65px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-65-70 {
    --grid-row-gap: 65px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-65-75 {
    --grid-row-gap: 65px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-65-80 {
    --grid-row-gap: 65px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-65-85 {
    --grid-row-gap: 65px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-65-90 {
    --grid-row-gap: 65px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-65-95 {
    --grid-row-gap: 65px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-65-100 {
    --grid-row-gap: 65px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-70-0 {
    --grid-row-gap: 70px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-70-5 {
    --grid-row-gap: 70px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-70-10 {
    --grid-row-gap: 70px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-70-15 {
    --grid-row-gap: 70px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-70-20 {
    --grid-row-gap: 70px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-70-25 {
    --grid-row-gap: 70px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-70-30 {
    --grid-row-gap: 70px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-70-35 {
    --grid-row-gap: 70px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-70-40 {
    --grid-row-gap: 70px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-70-45 {
    --grid-row-gap: 70px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-70-50 {
    --grid-row-gap: 70px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-70-55 {
    --grid-row-gap: 70px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-70-60 {
    --grid-row-gap: 70px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-70-65 {
    --grid-row-gap: 70px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-70-70 {
    --grid-row-gap: 70px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-70-75 {
    --grid-row-gap: 70px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-70-80 {
    --grid-row-gap: 70px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-70-85 {
    --grid-row-gap: 70px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-70-90 {
    --grid-row-gap: 70px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-70-95 {
    --grid-row-gap: 70px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-70-100 {
    --grid-row-gap: 70px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-75-0 {
    --grid-row-gap: 75px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-75-5 {
    --grid-row-gap: 75px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-75-10 {
    --grid-row-gap: 75px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-75-15 {
    --grid-row-gap: 75px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-75-20 {
    --grid-row-gap: 75px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-75-25 {
    --grid-row-gap: 75px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-75-30 {
    --grid-row-gap: 75px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-75-35 {
    --grid-row-gap: 75px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-75-40 {
    --grid-row-gap: 75px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-75-45 {
    --grid-row-gap: 75px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-75-50 {
    --grid-row-gap: 75px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-75-55 {
    --grid-row-gap: 75px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-75-60 {
    --grid-row-gap: 75px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-75-65 {
    --grid-row-gap: 75px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-75-70 {
    --grid-row-gap: 75px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-75-75 {
    --grid-row-gap: 75px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-75-80 {
    --grid-row-gap: 75px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-75-85 {
    --grid-row-gap: 75px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-75-90 {
    --grid-row-gap: 75px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-75-95 {
    --grid-row-gap: 75px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-75-100 {
    --grid-row-gap: 75px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-80-0 {
    --grid-row-gap: 80px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-80-5 {
    --grid-row-gap: 80px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-80-10 {
    --grid-row-gap: 80px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-80-15 {
    --grid-row-gap: 80px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-80-20 {
    --grid-row-gap: 80px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-80-25 {
    --grid-row-gap: 80px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-80-30 {
    --grid-row-gap: 80px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-80-35 {
    --grid-row-gap: 80px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-80-40 {
    --grid-row-gap: 80px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-80-45 {
    --grid-row-gap: 80px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-80-50 {
    --grid-row-gap: 80px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-80-55 {
    --grid-row-gap: 80px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-80-60 {
    --grid-row-gap: 80px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-80-65 {
    --grid-row-gap: 80px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-80-70 {
    --grid-row-gap: 80px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-80-75 {
    --grid-row-gap: 80px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-80-80 {
    --grid-row-gap: 80px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-80-85 {
    --grid-row-gap: 80px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-80-90 {
    --grid-row-gap: 80px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-80-95 {
    --grid-row-gap: 80px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-80-100 {
    --grid-row-gap: 80px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-85-0 {
    --grid-row-gap: 85px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-85-5 {
    --grid-row-gap: 85px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-85-10 {
    --grid-row-gap: 85px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-85-15 {
    --grid-row-gap: 85px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-85-20 {
    --grid-row-gap: 85px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-85-25 {
    --grid-row-gap: 85px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-85-30 {
    --grid-row-gap: 85px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-85-35 {
    --grid-row-gap: 85px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-85-40 {
    --grid-row-gap: 85px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-85-45 {
    --grid-row-gap: 85px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-85-50 {
    --grid-row-gap: 85px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-85-55 {
    --grid-row-gap: 85px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-85-60 {
    --grid-row-gap: 85px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-85-65 {
    --grid-row-gap: 85px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-85-70 {
    --grid-row-gap: 85px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-85-75 {
    --grid-row-gap: 85px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-85-80 {
    --grid-row-gap: 85px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-85-85 {
    --grid-row-gap: 85px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-85-90 {
    --grid-row-gap: 85px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-85-95 {
    --grid-row-gap: 85px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-85-100 {
    --grid-row-gap: 85px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-90-0 {
    --grid-row-gap: 90px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-90-5 {
    --grid-row-gap: 90px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-90-10 {
    --grid-row-gap: 90px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-90-15 {
    --grid-row-gap: 90px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-90-20 {
    --grid-row-gap: 90px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-90-25 {
    --grid-row-gap: 90px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-90-30 {
    --grid-row-gap: 90px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-90-35 {
    --grid-row-gap: 90px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-90-40 {
    --grid-row-gap: 90px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-90-45 {
    --grid-row-gap: 90px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-90-50 {
    --grid-row-gap: 90px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-90-55 {
    --grid-row-gap: 90px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-90-60 {
    --grid-row-gap: 90px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-90-65 {
    --grid-row-gap: 90px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-90-70 {
    --grid-row-gap: 90px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-90-75 {
    --grid-row-gap: 90px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-90-80 {
    --grid-row-gap: 90px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-90-85 {
    --grid-row-gap: 90px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-90-90 {
    --grid-row-gap: 90px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-90-95 {
    --grid-row-gap: 90px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-90-100 {
    --grid-row-gap: 90px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-95-0 {
    --grid-row-gap: 95px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-95-5 {
    --grid-row-gap: 95px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-95-10 {
    --grid-row-gap: 95px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-95-15 {
    --grid-row-gap: 95px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-95-20 {
    --grid-row-gap: 95px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-95-25 {
    --grid-row-gap: 95px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-95-30 {
    --grid-row-gap: 95px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-95-35 {
    --grid-row-gap: 95px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-95-40 {
    --grid-row-gap: 95px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-95-45 {
    --grid-row-gap: 95px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-95-50 {
    --grid-row-gap: 95px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-95-55 {
    --grid-row-gap: 95px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-95-60 {
    --grid-row-gap: 95px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-95-65 {
    --grid-row-gap: 95px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-95-70 {
    --grid-row-gap: 95px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-95-75 {
    --grid-row-gap: 95px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-95-80 {
    --grid-row-gap: 95px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-95-85 {
    --grid-row-gap: 95px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-95-90 {
    --grid-row-gap: 95px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-95-95 {
    --grid-row-gap: 95px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-95-100 {
    --grid-row-gap: 95px;
    --grid-col-gap: 100px;
  }
  .grid-gap-sp-100-0 {
    --grid-row-gap: 100px;
    --grid-col-gap: 0px;
  }
  .grid-gap-sp-100-5 {
    --grid-row-gap: 100px;
    --grid-col-gap: 5px;
  }
  .grid-gap-sp-100-10 {
    --grid-row-gap: 100px;
    --grid-col-gap: 10px;
  }
  .grid-gap-sp-100-15 {
    --grid-row-gap: 100px;
    --grid-col-gap: 15px;
  }
  .grid-gap-sp-100-20 {
    --grid-row-gap: 100px;
    --grid-col-gap: 20px;
  }
  .grid-gap-sp-100-25 {
    --grid-row-gap: 100px;
    --grid-col-gap: 25px;
  }
  .grid-gap-sp-100-30 {
    --grid-row-gap: 100px;
    --grid-col-gap: 30px;
  }
  .grid-gap-sp-100-35 {
    --grid-row-gap: 100px;
    --grid-col-gap: 35px;
  }
  .grid-gap-sp-100-40 {
    --grid-row-gap: 100px;
    --grid-col-gap: 40px;
  }
  .grid-gap-sp-100-45 {
    --grid-row-gap: 100px;
    --grid-col-gap: 45px;
  }
  .grid-gap-sp-100-50 {
    --grid-row-gap: 100px;
    --grid-col-gap: 50px;
  }
  .grid-gap-sp-100-55 {
    --grid-row-gap: 100px;
    --grid-col-gap: 55px;
  }
  .grid-gap-sp-100-60 {
    --grid-row-gap: 100px;
    --grid-col-gap: 60px;
  }
  .grid-gap-sp-100-65 {
    --grid-row-gap: 100px;
    --grid-col-gap: 65px;
  }
  .grid-gap-sp-100-70 {
    --grid-row-gap: 100px;
    --grid-col-gap: 70px;
  }
  .grid-gap-sp-100-75 {
    --grid-row-gap: 100px;
    --grid-col-gap: 75px;
  }
  .grid-gap-sp-100-80 {
    --grid-row-gap: 100px;
    --grid-col-gap: 80px;
  }
  .grid-gap-sp-100-85 {
    --grid-row-gap: 100px;
    --grid-col-gap: 85px;
  }
  .grid-gap-sp-100-90 {
    --grid-row-gap: 100px;
    --grid-col-gap: 90px;
  }
  .grid-gap-sp-100-95 {
    --grid-row-gap: 100px;
    --grid-col-gap: 95px;
  }
  .grid-gap-sp-100-100 {
    --grid-row-gap: 100px;
    --grid-col-gap: 100px;
  }
}
.grid-container {
  width: 100%;
  margin: 0 auto;
}

.grid-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--grid-row-gap) var(--grid-col-gap);
}

[class*=grid-col-],
.grid-col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.grid-col-1 {
  grid-column: span 1;
}

.grid-col-2 {
  grid-column: span 2;
}

.grid-col-3 {
  grid-column: span 3;
}

.grid-col-4 {
  grid-column: span 4;
}

.grid-col-5 {
  grid-column: span 5;
}

.grid-col-6 {
  grid-column: span 6;
}

.grid-col-7 {
  grid-column: span 7;
}

.grid-col-8 {
  grid-column: span 8;
}

.grid-col-9 {
  grid-column: span 9;
}

.grid-col-10 {
  grid-column: span 10;
}

.grid-col-11 {
  grid-column: span 11;
}

.grid-col-12 {
  grid-column: span 12;
}

.grid-col-auto {
  grid-column: auto;
}

@media (max-width: 750px) {
  .grid-col-sp-1 {
    grid-column: span 1;
  }
  .grid-col-sp-2 {
    grid-column: span 2;
  }
  .grid-col-sp-3 {
    grid-column: span 3;
  }
  .grid-col-sp-4 {
    grid-column: span 4;
  }
  .grid-col-sp-5 {
    grid-column: span 5;
  }
  .grid-col-sp-6 {
    grid-column: span 6;
  }
  .grid-col-sp-7 {
    grid-column: span 7;
  }
  .grid-col-sp-8 {
    grid-column: span 8;
  }
  .grid-col-sp-9 {
    grid-column: span 9;
  }
  .grid-col-sp-10 {
    grid-column: span 10;
  }
  .grid-col-sp-11 {
    grid-column: span 11;
  }
  .grid-col-sp-12 {
    grid-column: span 12;
  }
  .grid-col-sp-auto {
    grid-column: auto;
  }
}
/*----------------------------------------------------------------
  List
-----------------------------------------------------------------*/
/*.c-list-icon
______________________________________________*/
.c-list-icon, .c-list-badge, .c-list-check2, .c-list-check {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.c-list-icon > li, .c-list-badge > li, .c-list-check2 > li, .c-list-check > li {
  position: relative;
  padding: 16px 0 16px 32px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}
.c-list-icon > li::before, .c-list-badge > li::before, .c-list-check2 > li::before, .c-list-check > li::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../../../../uploads/icon-check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.c-list-check > li {
  border-top: 1px dashed var(--line-dot, #979797);
}
.c-list-check > li:last-child {
  border-bottom: 1px dashed var(--line-dot, #979797);
}
@media screen and (max-width: 375px) {
  .c-list-check > li::before {
    top: 32px;
  }
}

.c-list-check2 > li {
  border-radius: 10px;
  background: #f2faf5;
  padding-left: 48px;
  padding-right: 24px;
}
.c-list-check2 > li::before {
  background-image: url("../../../../uploads/icon-check2.svg");
  left: 16px;
}
@media screen and (max-width: 375px) {
  .c-list-check2 > li::before {
    top: 32px;
  }
}

.c-list-badge > li {
  border-top: 1px dashed #fff;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
}
@media screen and (max-width: 375px) {
  .c-list-badge > li {
    font-size: 1em;
  }
}
.c-list-badge > li:last-child {
  border-bottom: 1px dashed #fff;
}
.c-list-badge > li::before {
  background-image: url("../../../../uploads/icon-badge.svg");
}

/*.c-list-project
______________________________________________*/
.c-list-project > * {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}
@media screen and (max-width: 375px) {
  .c-list-project > * {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/*.c-list-news
______________________________________________*/
@media screen and (max-width: 375px) {
  .c-list-news {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}
.c-list-news > * {
  border-bottom: solid 1px #dddddd;
}
@media screen and (max-width: 375px) {
  .c-list-news > * {
    border: none;
  }
}

.c-card-news > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  padding: 23px 0;
}
@media screen and (max-width: 375px) {
  .c-card-news > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding: 0 0 24px;
    border-bottom: solid 1px #dddddd;
  }
}
@media screen and (max-width: 375px) {
  .c-card-news > * > * {
    width: 100%;
  }
}
.c-card-news > * > *:nth-child(2) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-card-news > * .wp-block-post-terms__separator {
  display: none;
}
.c-card-news > * .thumb {
  position: relative;
  display: block;
  width: 180px !important;
  min-width: 180px;
  aspect-ratio: 180/101;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
  display: none;
}
@media screen and (max-width: 375px) {
  .c-card-news > * .thumb {
    width: 100% !important;
    min-width: 100%;
  }
}
.c-card-news > * .thumb::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../../../uploads/logo-ptm.svg");
  background-size: 58px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #e5f1f8;
  z-index: -1;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.c-card-news > * .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.c-card-news > * .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px 16px;
}
@media screen and (max-width: 375px) {
  .c-card-news > * .header {
    margin-bottom: 8px;
  }
}
.c-card-news > * .cat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 8px;
}
@media screen and (max-width: 375px) {
  .c-card-news > * .cat {
    margin-bottom: 0;
  }
}
.c-card-news > * .cat .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  background: #e5f1f8;
  color: #0075be;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-news > * .cat .item:hover {
    text-decoration: underline !important;
  }
}
.c-card-news > * .date {
  color: #323232;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}
.c-card-news > * .title {
  font-size: 1.6rem;
  font-style: normal;
  line-height: 1.8;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-card-news:hover .title {
    text-decoration: underline !important;
  }
  .c-card-news:hover .thumb img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .c-card-news:hover .thumb::after {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.c-card-news.file-link h2, .c-card-news.file-link .c-box1 h3, .c-box1 .c-card-news.file-link h3, .c-card-news.file-link .c-box1 h4, .c-box1 .c-card-news.file-link h4, .c-card-news.file-link .c-box1 h5, .c-box1 .c-card-news.file-link h5, .c-card-news.file-link .c-box1 h6, .c-box1 .c-card-news.file-link h6 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
}
.c-card-news.file-link h2::before, .c-card-news.file-link .c-box1 h3::before, .c-box1 .c-card-news.file-link h3::before, .c-card-news.file-link .c-box1 h4::before, .c-box1 .c-card-news.file-link h4::before, .c-card-news.file-link .c-box1 h5::before, .c-box1 .c-card-news.file-link h5::before, .c-card-news.file-link .c-box1 h6::before, .c-box1 .c-card-news.file-link h6::before {
  color: #f66c6c;
  width: 1.4em !important;
  height: 1.4em !important;
}

/*.c-list-business
______________________________________________*/
.c-list-business {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px !important;
}
@media screen and (max-width: 375px) {
  .c-list-business {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-list-business > * {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
}

/*.c-list0
______________________________________________*/
.c-list0 {
  list-style-type: disc;
  padding-left: 2em;
}

/*.c-list1
______________________________________________*/
.c-list1, .p-rec-benefits .list > * ul, .wp-block-list:not(ol), body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container ul,
.c-post ul,
.c-document ul,
.c-box1 ul,
.c-box2 ul {
  padding-left: 0;
  list-style-type: none;
}
.c-list1 > li, .p-rec-benefits .list > * ul > li, .wp-block-list:not(ol) > li, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container ul > li,
.c-post ul > li,
.c-document ul > li,
.c-box1 ul > li,
.c-box2 ul > li {
  position: relative;
  padding-left: 24px;
}
.c-list1 > li::before, .p-rec-benefits .list > * ul > li::before, .wp-block-list:not(ol) > li::before, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container ul > li::before,
.c-post ul > li::before,
.c-document ul > li::before,
.c-box1 ul > li::before,
.c-box2 ul > li::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  top: 0.7em;
  left: 0.62em;
  position: absolute;
  border-radius: 50%;
  background-color: currentColor;
}

/*.c-list2 olスタイル
______________________________________________*/
.c-list2, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container ol,
.c-post ol,
.c-document ol,
.c-box1 ol,
.c-box2 ol {
  list-style-type: none;
  counter-reset: item_a;
}
.c-list2 > li, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container ol > li,
.c-post ol > li,
.c-document ol > li,
.c-box1 ol > li,
.c-box2 ol > li {
  position: relative;
  padding-left: 24px;
}
.c-list2 > li::before, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container ol > li::before,
.c-post ol > li::before,
.c-document ol > li::before,
.c-box1 ol > li::before,
.c-box2 ol > li::before {
  content: counter(item_a) ".";
  counter-increment: item_a;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 375px) {
  .p-mission {
    padding: 0;
  }
}

.c-list-history {
  gap: 0;
}
@media screen and (max-width: 375px) {
  .c-list-history {
    display: block !important;
  }
}
.c-list-history > * {
  gap: 40px;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
@media screen and (max-width: 375px) {
  .c-list-history > * {
    display: block !important;
    padding: 12px 0 32px;
  }
}
.c-list-history > *:not(:last-child) {
  padding-bottom: 32px !important;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 375px) {
  .c-list-history > *:not(:last-child) {
    padding: 12px 0 32px;
    border-bottom: solid 1px #dddddd;
  }
}
.c-list-history > *:not(:last-child)::before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  left: 143px;
  width: 1px;
  height: 100%;
  background-color: #dddddd;
  z-index: -1;
}
@media screen and (max-width: 375px) {
  .c-list-history > *:not(:last-child)::before {
    display: none;
  }
}
.c-list-history > * h3, .c-list-history > * .c-box1 h4, .c-box1 .c-list-history > * h4, .c-list-history > * .c-box1 h5, .c-box1 .c-list-history > * h5, .c-list-history > * .c-box1 h6, .c-box1 .c-list-history > * h6 {
  color: var(--main, #0075be);
  font-weight: normal;
}
@media screen and (max-width: 375px) {
  .c-list-history > * h3, .c-list-history > * .c-box1 h4, .c-box1 .c-list-history > * h4, .c-list-history > * .c-box1 h5, .c-box1 .c-list-history > * h5, .c-list-history > * .c-box1 h6, .c-box1 .c-list-history > * h6 {
    font-size: 1.6rem !important;
  }
}
@media screen and (max-width: 375px) {
  .c-list-history > * h3 strong, .c-list-history > * .c-box1 h4 strong, .c-box1 .c-list-history > * h4 strong, .c-list-history > * .c-box1 h5 strong, .c-box1 .c-list-history > * h5 strong, .c-list-history > * .c-box1 h6 strong, .c-box1 .c-list-history > * h6 strong {
    font-size: 3.2rem !important;
  }
}
.c-list-history > * h4, .c-list-history > * .c-box1 h5, .c-box1 .c-list-history > * h5, .c-list-history > * .c-box1 h6, .c-box1 .c-list-history > * h6 {
  font-weight: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  position: relative;
  z-index: 1;
}
.c-list-history > * h4::before, .c-list-history > * .c-box1 h5::before, .c-box1 .c-list-history > * h5::before, .c-list-history > * .c-box1 h6::before, .c-box1 .c-list-history > * h6::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border: solid 9px #e5f1f8;
  background-color: #0075be;
  border-radius: 50%;
}
@media screen and (max-width: 375px) {
  .c-list-history > * h4::before, .c-list-history > * .c-box1 h5::before, .c-box1 .c-list-history > * h5::before, .c-list-history > * .c-box1 h6::before, .c-box1 .c-list-history > * h6::before {
    display: none;
  }
}

@media screen and (max-width: 375px) {
  .c-list-sdgs {
    padding: 0;
  }
}
.c-list-sdgs > * {
  border-top: solid 1px #dddddd;
}
.c-list-sdgs > *:last-child {
  border-bottom: solid 1px #dddddd;
}

.c-card-sdgs {
  padding: 32px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .c-card-sdgs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-card-sdgs .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.c-card-sdgs h3, .c-card-sdgs .c-box1 h4, .c-box1 .c-card-sdgs h4, .c-card-sdgs .c-box1 h5, .c-box1 .c-card-sdgs h5, .c-card-sdgs .c-box1 h6, .c-box1 .c-card-sdgs h6 {
  color: #003e64;
}
@media screen and (max-width: 375px) {
  .c-card-sdgs h3, .c-card-sdgs .c-box1 h4, .c-box1 .c-card-sdgs h4, .c-card-sdgs .c-box1 h5, .c-box1 .c-card-sdgs h5, .c-card-sdgs .c-box1 h6, .c-box1 .c-card-sdgs h6 {
    font-size: 2.4rem;
  }
}
.c-card-sdgs .imgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media screen and (max-width: 375px) {
  .c-card-sdgs .imgs {
    margin: 0 auto 0 0;
  }
}
.c-card-sdgs .imgs img {
  width: 100px;
  min-width: 100px;
}

.c-list-sdgs-cat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px;
}
.c-list-sdgs-cat > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  color: #fff;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
}

/*----------------------------------------------------------------
  Text, Lead
-----------------------------------------------------------------*/
/* text
______________________________________________*/
/* .c-ttl1
______________________________________________*/
.c-ttl1, .c-ttl1-2 {
  color: #003e64;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.c-ttl1::before, .c-ttl1-2::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #0075be;
}

.c-ttl1-2 {
  font-size: 2rem;
  color: #0075be;
}
.c-ttl1-2::before {
  border-radius: 3px;
  background-color: #0075be;
}

.c-ttl2 {
  color: #003e64;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 8rem;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 375px) {
  .c-ttl2 {
    font-size: 5rem;
  }
}

.c-ttl3 {
  color: #003e64;
}

.c-ttl4 {
  color: #003e64;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3;
}

.c-ttl6 {
  color: #003e64;
}

.c-ttl7 {
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 31.2px */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(12.36%, #0075be), color-stop(48.58%, #59b0e6), color-stop(78.84%, #0075be));
  background: -webkit-linear-gradient(bottom, #0075be 12.36%, #59b0e6 48.58%, #0075be 78.84%);
  background: linear-gradient(0deg, #0075be 12.36%, #59b0e6 48.58%, #0075be 78.84%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.c-txt-name1 {
  color: #000;
  text-align: right;
  font-size: 2rem;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 24px;
  margin-top: 10px !important;
}
@media screen and (max-width: 375px) {
  .c-txt-name1 {
    font-size: 1.6rem;
  }
}
.c-txt-name1 strong {
  font-size: 2.4rem;
}
@media screen and (max-width: 375px) {
  .c-txt-name1 strong {
    font-size: 2rem;
  }
}

.c-txt-note {
  color: var(--atention);
}

/* .c-link
______________________________________________*/
.c-link-pdf::before, .acf-file-download.pdf::before {
  color: #c30909 !important;
}

.c-link-blank, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-post a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-document a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank], .c-table1 table a, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table table a,
.c-post .wp-block-table table a,
.c-document .wp-block-table table a, .wp-block-table table table a, .c-table1 table a[target=_blank],
.c-post .wp-block-table table a[target=_blank],
.c-document .wp-block-table table a[target=_blank], .wp-block-table table table a[target=_blank],
.c-box1 a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-box1 .wp-block-table table a,
.c-box1 .wp-block-table table a[target=_blank],
.c-box2 a:not([class^=c-btn]):not([class*=" c-btn"])[target=_blank],
.c-box2 .wp-block-table table a,
.c-box2 .wp-block-table table a[target=_blank] {
  color: #0075be;
}

.c-link1 a, .c-card-esg .links > * a, .c-form a a,
.c-link1-a a,
.p-contact-block2 a a,
.p-contact-block1 a a {
  text-decoration: underline !important;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-link1 a:hover, .c-card-esg .links > * a:hover, .c-form a a:hover,
  .c-link1-a a:hover,
  .p-contact-block2 a a:hover,
  .p-contact-block1 a a:hover {
    text-decoration: none !important;
  }
}
.c-link1 a[target=_blank], .c-card-esg .links > * a[target=_blank], .c-form a a[target=_blank],
.c-link1-a a[target=_blank],
.p-contact-block2 a a[target=_blank],
.p-contact-block1 a a[target=_blank] {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.c-link-map {
  color: #0075be;
  font-weight: bold;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-note {
  font-size: 1.422rem;
  margin: 1em 0;
}

.c-note1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 2em;
  text-align: center;
}

.c-bg-txt {
  text-align: right;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 240px;
  font-style: normal;
  font-weight: 500;
  line-height: 0.81;
  opacity: 0.25;
  text-shadow: #0075be 1px 0px 0px, #0075be -1px 0px 0px, #0075be 0px -1px 0px, #0075be 0px 1px 0px, #0075be 1px 1px 0px, #0075be -1px 1px 0px, #0075be 1px -1px 0px, #0075be -1px -1px 0px, #0075be 0.5px 1px 0px, #0075be -0.5px 1px 0px, #0075be 0.5px -1px 0px, #0075be -0.5px -1px 0px, #0075be 1px 0.5px 0px, #0075be -1px 0.5px 0px, #0075be 1px -0.5px 0px, #0075be -1px -0.5px 0px, #0075be 0.5px 0.5px 0px, #0075be -0.5px 0.5px 0px, #0075be 0.5px -0.5px 0px, #0075be -0.5px -0.5px 0px;
  color: #fff;
  position: absolute;
  top: 124px;
  right: 0;
  white-space: nowrap;
}
@media screen and (max-width: 375px) {
  .c-bg-txt {
    font-size: 128px;
  }
}
.c-bg-txt.--wh {
  color: #000;
  mix-blend-mode: screen;
  text-shadow: #fff 1px 0px 0px, #fff -1px 0px 0px, #fff 0px -1px 0px, #fff 0px 1px 0px, #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px, #fff 0.5px 1px 0px, #fff -0.5px 1px 0px, #fff 0.5px -1px 0px, #fff -0.5px -1px 0px, #fff 1px 0.5px 0px, #fff -1px 0.5px 0px, #fff 1px -0.5px 0px, #fff -1px -0.5px 0px, #fff 0.5px 0.5px 0px, #fff -0.5px 0.5px 0px, #fff 0.5px -0.5px 0px, #fff -0.5px -0.5px 0px;
}

/*----------------------------------------------------------------
    Media
-----------------------------------------------------------------*/
/* Responsive Video(16:9)
______________________________________________*/
.c-video {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* Responsive MAP
______________________________________________*/
.c-gmap {
  position: relative;
  padding-top: 46.1538461538%;
}
@media screen and (max-width: 375px) {
  .c-gmap {
    padding-top: 100%;
  }
}
.c-gmap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* .c-video1
______________________________________________*/
.c-video1 {
  max-width: 654px;
  margin: 0 auto;
}

/*----------------------------------------------------------------
	Color
-----------------------------------------------------------------*/
/*----------------------------------------------------------------
  プロジェクト、ページ用ユニークスタイル .p-
-----------------------------------------------------------------*/
.p-rec-mv {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: none !important;
  height: 900px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 31px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 375px) {
  .p-rec-mv {
    display: block;
    height: auto;
    padding: 177px 0 40px;
  }
}
.p-rec-mv h1, .p-rec-mv .c-box1 h2, .c-box1 .p-rec-mv h2, .p-rec-mv .c-box1 h3, .c-box1 .p-rec-mv h3, .p-rec-mv .c-box1 h4, .c-box1 .p-rec-mv h4, .p-rec-mv .c-box1 h5, .c-box1 .p-rec-mv h5, .p-rec-mv .c-box1 h6, .c-box1 .p-rec-mv h6 {
  color: #fff;
  font-size: 5.2rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (max-width: 375px) {
  .p-rec-mv h1, .p-rec-mv .c-box1 h2, .c-box1 .p-rec-mv h2, .p-rec-mv .c-box1 h3, .c-box1 .p-rec-mv h3, .p-rec-mv .c-box1 h4, .c-box1 .p-rec-mv h4, .p-rec-mv .c-box1 h5, .c-box1 .p-rec-mv h5, .p-rec-mv .c-box1 h6, .c-box1 .p-rec-mv h6 {
    font-size: 3.2rem;
    position: absolute;
    top: -127px;
    left: 20px;
  }
}
.p-rec-mv h1 small, .p-rec-mv .c-box1 h2 small, .c-box1 .p-rec-mv h2 small, .p-rec-mv .c-box1 h3 small, .c-box1 .p-rec-mv h3 small, .p-rec-mv .c-box1 h4 small, .c-box1 .p-rec-mv h4 small, .p-rec-mv .c-box1 h5 small, .c-box1 .p-rec-mv h5 small, .p-rec-mv .c-box1 h6 small, .c-box1 .p-rec-mv h6 small {
  font-size: 4.8rem;
}
.p-rec-mv h2, .p-rec-mv .c-box1 h3, .c-box1 .p-rec-mv h3, .p-rec-mv .c-box1 h4, .c-box1 .p-rec-mv h4, .p-rec-mv .c-box1 h5, .c-box1 .p-rec-mv h5, .p-rec-mv .c-box1 h6, .c-box1 .p-rec-mv h6 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 12px 0 40px;
}
@media screen and (max-width: 375px) {
  .p-rec-mv h2, .p-rec-mv .c-box1 h3, .c-box1 .p-rec-mv h3, .p-rec-mv .c-box1 h4, .c-box1 .p-rec-mv h4, .p-rec-mv .c-box1 h5, .c-box1 .p-rec-mv h5, .p-rec-mv .c-box1 h6, .c-box1 .p-rec-mv h6 {
    color: var(--txt-defo, #333);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    margin: 91px 0 26px;
  }
  .p-rec-mv h2 br, .p-rec-mv .c-box1 h3 br, .c-box1 .p-rec-mv h3 br, .p-rec-mv .c-box1 h4 br, .c-box1 .p-rec-mv h4 br, .p-rec-mv .c-box1 h5 br, .c-box1 .p-rec-mv h5 br, .p-rec-mv .c-box1 h6 br, .c-box1 .p-rec-mv h6 br {
    display: none;
  }
}

.p-rec-mv__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .p-rec-mv__nav {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
  }
}

.p-rec-mv__bg {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media screen and (max-width: 375px) {
  .p-rec-mv__bg {
    height: 227px;
  }
}
.p-rec-mv__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-rec-mv__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 180px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
}

.p-rec-mv-news {
  width: 100%;
  max-width: 1440px;
  padding: 40px 40px 35px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .p-rec-mv-news {
    position: relative;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
    padding: 24px 20px 0;
    bottom: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
}
.p-rec-mv-news a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 16px 16px 32px !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8;
  position: relative;
}
.p-rec-mv-news a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../images/icon-svg/icon-arrow1.svg");
          mask-image: url("../images/icon-svg/icon-arrow1.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media screen and (hover: hover) and (min-width: 376px) {
  .p-rec-mv-news a:hover::after {
    -webkit-animation: arrow-slide-right 0.4s ease-in-out forwards;
            animation: arrow-slide-right 0.4s ease-in-out forwards;
  }
}
@media screen and (max-width: 375px) {
  .p-rec-mv-news a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 16px;
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    border-radius: 5px;
    border: 1px solid #ddd;
    background: #fff;
  }
  .p-rec-mv-news a::after {
    display: none;
  }
}
.p-rec-mv-news a h2, .p-rec-mv-news a .c-box1 h3, .c-box1 .p-rec-mv-news a h3, .p-rec-mv-news a .c-box1 h4, .c-box1 .p-rec-mv-news a h4, .p-rec-mv-news a .c-box1 h5, .c-box1 .p-rec-mv-news a h5, .p-rec-mv-news a .c-box1 h6, .c-box1 .p-rec-mv-news a h6 {
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 375px) {
  .p-rec-mv-news a .wp-block-post-date {
    color: #333333;
  }
}
.p-rec-mv-news a .tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  min-width: 120px;
  padding: 4px 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--txt-defo, #333);
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.8;
  border-radius: 5px;
  background: #f5f262;
  white-space: nowrap;
  white-space: nowrap !important;
}
.p-rec-message {
  position: relative;
  color: #fff;
}
@media screen and (max-width: 375px) {
  .p-rec-message {
    padding-bottom: 40px;
  }
}
.p-rec-message .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}
@media screen and (max-width: 375px) {
  .p-rec-message .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 64px;
  }
}
.p-rec-message .inner .main {
  width: 686px;
  min-width: 686px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 375px) {
  .p-rec-message .inner .main {
    width: 100%;
    min-width: 0;
    gap: 27px;
  }
}
@media screen and (min-width: 376px) {
  .p-rec-message .inner > *:nth-child(2) {
    height: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 143px;
  }
}
.p-rec-message .ttl1 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 375px) {
  .p-rec-message .ttl1 {
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
  }
}
.p-rec-message .c-bg-txt {
  top: 184px;
}

.c-rec-header .c-ttl1, .c-rec-header .c-ttl1-2 {
  color: #0075be;
  line-height: 1;
}
.c-rec-header .c-ttl1::before, .c-rec-header .c-ttl1-2::before {
  border-radius: 3px;
}
.c-rec-header .ttl1,
.c-rec-header .c-ttl6 {
  margin: 16px auto 24px;
}
.c-rec-header.--wh {
  color: #fff;
  z-index: 1;
  position: relative;
}
.c-rec-header.--wh * {
  color: #fff;
}
.c-rec-header.--wh .c-ttl1::before, .c-rec-header.--wh .c-ttl1-2::before {
  background-color: #fff;
}

.p-rec-movie {
  position: relative;
  background: var(--bg-bule, #e5f1f8);
}
@media screen and (max-width: 375px) {
  .p-rec-movie {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.p-rec-movie .c-bg-txt {
  color: var(--bg-bule, #e5f1f8);
  top: 0;
}
.p-rec-movie .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media screen and (max-width: 375px) {
  .p-rec-movie .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.p-rec-movie .inner > *:nth-child(1) {
  width: 307px;
  min-width: 307px;
}
@media screen and (max-width: 375px) {
  .p-rec-movie .inner > *:nth-child(1) {
    width: 100%;
    min-width: 0;
  }
}
.p-rec-movie .inner > *:nth-child(2) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 375px) {
  .p-rec-movie .inner > *:nth-child(2) {
    width: 100%;
    padding-bottom: 50px;
  }
}
.p-rec-movie .inner .c-link1, .p-rec-movie .inner .c-card-esg .links > *, .c-card-esg .p-rec-movie .inner .links > *, .p-rec-movie .inner .c-form a, .c-form .p-rec-movie .inner a {
  color: #0075be;
}
@media screen and (max-width: 375px) {
  .p-rec-movie .inner .c-link1, .p-rec-movie .inner .c-card-esg .links > *, .c-card-esg .p-rec-movie .inner .links > *, .p-rec-movie .inner .c-form a, .c-form .p-rec-movie .inner a {
    position: absolute;
    bottom: 0;
  }
}
.p-rec-movie .inner iframe {
  min-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

.p-rec-facts {
  position: relative;
}
@media screen and (max-width: 375px) {
  .p-rec-facts {
    padding-bottom: 40px;
  }
}
.p-rec-facts .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 64px;
}

.c-list-facts {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.c-list-facts > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 375px) {
  .c-list-facts > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-list-facts > * > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 10px;
  border: 1px solid var(--main, #0075be);
  background: #fff;
}
@media screen and (max-width: 375px) {
  .c-list-facts > * > * {
    width: 100%;
  }
}
.c-list-facts > * > * h4, .c-list-facts > * > * .c-box1 h5, .c-box1 .c-list-facts > * > * h5, .c-list-facts > * > * .c-box1 h6, .c-box1 .c-list-facts > * > * h6 {
  color: #0075be;
}
.c-list-facts > * > * h5, .c-list-facts > * > * .c-box1 h6, .c-box1 .c-list-facts > * > * h6 {
  color: #0075be;
  line-height: 1;
}
.c-list-facts > * > * h5 strong, .c-list-facts > * > * .c-box1 h6 strong, .c-box1 .c-list-facts > * > * h6 strong {
  color: var(--main, #0075be);
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 7.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.7;
}
.c-list-facts > * > * h5 small, .c-list-facts > * > * .c-box1 h6 small, .c-box1 .c-list-facts > * > * h6 small {
  font-size: 4.8rem;
}

.p-rec-career {
  position: relative;
}
.p-rec-career .c-bg-txt {
  z-index: 2;
  top: 88px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.p-rec-career .top {
  position: relative;
  z-index: 0;
}
.p-rec-career .top::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 72, 150, 0.8)), to(rgba(0, 117, 190, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 72, 150, 0.8) 0%, rgba(0, 117, 190, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 72, 150, 0.8) 0%, rgba(0, 117, 190, 0.8) 100%);
  z-index: -1;
}
.p-rec-career .top .bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.p-rec-career .top .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-rec-career .inner {
  padding-bottom: 194px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
  z-index: 3;
}
@media screen and (max-width: 375px) {
  .p-rec-career .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
    padding-bottom: 120px;
  }
}
.p-rec-career .inner > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-rec-career .c-list-career {
  margin-top: -80px;
  z-index: 3;
  position: relative;
}

.c-list-career > * {
  padding-bottom: 40px !important;
}
.c-list-career > * .slick-slide {
  max-width: 300px !important;
  margin: 0 12px !important;
  display: block !important;
  width: 300px !important;
  height: 400px !important;
  border-radius: 10px;
  overflow: hidden;
  background-color: #e5f1f8;
}
@media screen and (max-width: 375px) {
  .c-list-career > * .slick-slide {
    width: 203px !important;
    height: 271px !important;
  }
}
.c-list-career > * .slick-slide:nth-of-type(odd) {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}
.c-list-career > * .slick-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.c-table-career table {
  width: 100%;
}
.c-table-career table > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .c-table-career table > * {
    gap: 12px;
  }
}
.c-table-career table > * > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: #8fc5a2;
  border-radius: 100vw;
}
@media screen and (max-width: 375px) {
  .c-table-career table > * > * {
    display: block;
    border-radius: 5px;
    padding: 12px;
  }
}
.c-table-career table > * > *:nth-of-type(2) {
  background-color: #7cbb92;
}
.c-table-career table > * > *:nth-of-type(3) {
  background-color: #69b182;
}
.c-table-career table > * > *:nth-of-type(4) {
  background-color: #57a773;
}
.c-table-career table > * > * > * {
  border: none;
}
.c-table-career table > * > * > *:nth-child(1) {
  width: 140px;
  min-width: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: #fff;
  color: var(--green, #57a773);
  font-weight: 900;
  white-space: nowrap;
}
@media screen and (max-width: 375px) {
  .c-table-career table > * > * > *:nth-child(1) {
    width: 100%;
    min-width: 0;
    padding: 4px 2px;
    border-radius: 5px;
  }
}
.c-table-career table > * > * > *:nth-child(1)::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #57a773;
}
.c-table-career table > * > * > *:nth-child(2) {
  color: #fff;
}

.p-rec-programs .inner {
  padding-top: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 64px;
}

.c-list-rec-programs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .c-list-rec-programs {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.c-list-rec-programs > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 10px;
  border: 1px solid var(--line, #ddd);
}
@media screen and (max-width: 375px) {
  .c-list-rec-programs > * {
    padding: 20px;
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-list-rec-programs > * > *:nth-child(1) {
  width: 75px;
  min-width: 75px;
}
@media screen and (max-width: 375px) {
  .c-list-rec-programs > * > *:nth-child(1) {
    height: 90px;
    width: auto;
    margin: 0 auto;
  }
}
.c-list-rec-programs > * h3, .c-list-rec-programs > * .c-box1 h4, .c-box1 .c-list-rec-programs > * h4, .c-list-rec-programs > * .c-box1 h5, .c-box1 .c-list-rec-programs > * h5, .c-list-rec-programs > * .c-box1 h6, .c-box1 .c-list-rec-programs > * h6 {
  color: #0075be;
  margin-bottom: 8px;
}
@media screen and (max-width: 375px) {
  .c-list-rec-programs > * h3, .c-list-rec-programs > * .c-box1 h4, .c-box1 .c-list-rec-programs > * h4, .c-list-rec-programs > * .c-box1 h5, .c-box1 .c-list-rec-programs > * h5, .c-list-rec-programs > * .c-box1 h6, .c-box1 .c-list-rec-programs > * h6 {
    text-align: center;
  }
}
.c-list-rec-programs > *:nth-child(odd) > *:nth-child(1) {
  width: 90px;
  min-width: 90px;
}

.p-rec-benefits {
  padding-bottom: 124px;
}
@media screen and (max-width: 375px) {
  .p-rec-benefits {
    padding: 0;
  }
}
.p-rec-benefits .c-bg-txt {
  top: 61px;
  right: 36px;
  color: var(--bg-gray, #f9f9f9);
  z-index: -1;
}
.p-rec-benefits .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 64px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 10px;
  background: var(--bg-gray, #f9f9f9);
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 375px) {
  .p-rec-benefits .inner {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 375px) {
  .p-rec-benefits .c-ttl6 {
    font-size: 4rem;
  }
}
.p-rec-benefits .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 375px) {
  .p-rec-benefits .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.p-rec-benefits .list > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 10px;
  background: #fff;
}
@media screen and (max-width: 375px) {
  .p-rec-benefits .list > * {
    width: 100%;
  }
}
.p-rec-benefits .list > * h4, .p-rec-benefits .list > * .c-box1 h5, .c-box1 .p-rec-benefits .list > * h5, .p-rec-benefits .list > * .c-box1 h6, .c-box1 .p-rec-benefits .list > * h6 {
  color: var(--main, #0075be);
  text-align: center;
}
.p-rec-office {
  position: relative;
  padding-top: 130px;
  padding-bottom: 124px;
  background: var(--green, #57a773);
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  .p-rec-office {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.p-rec-office .c-bg-txt {
  top: 80px;
}
.p-rec-office .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 64px;
}
.p-rec-office .list {
  margin-top: 64px;
  width: 100vw;
}
@media screen and (max-width: 375px) {
  .p-rec-office .list {
    margin-top: 40px;
  }
}
.p-rec-office .list .slick-slide {
  max-width: 400px !important;
  width: 400px;
  margin: 0 16px !important;
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  .p-rec-office .list .slick-slide {
    max-width: 300px !important;
    width: 300px;
  }
}
.p-rec-office .list .slick-slide::before {
  display: none;
}
.p-rec-office .list .slick-slide img {
  width: 400px !important;
  height: 300px !important;
  min-height: 300px !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  border-radius: 10px !important;
}
.p-rec-office .list .slick-slide .wp-element-caption {
  position: relative !important;
  background: none;
  color: #fff;
  font-size: 1.6rem;
  padding: 14px 0 0;
  text-align: left;
  text-shadow: none;
}

.p-rec-entry {
  padding-top: 130px;
  background: var(--bg-bule, #e5f1f8);
}
@media screen and (max-width: 375px) {
  .p-rec-entry {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.p-rec-entry .c-bg-txt {
  top: 88px;
  color: var(--bg-bule, #e5f1f8);
}
.p-rec-entry .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 42px;
}
.p-rec-entry .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .p-rec-entry .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.p-rec-entry .nav > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* .p-home
______________________________________________*/
.p-home-main {
  display: block;
  overflow-x: hidden;
}

/* .p-top-strength
______________________________________________*/
.p-top-strength {
  padding-top: 15px;
  z-index: 1;
}
.p-top-strength .c-btn1, .p-top-strength .c-btn2, .p-top-strength .h-btn-contact, .p-top-strength .c-btn2--b, .p-top-strength .c-btn-download {
  margin-top: 64px;
}
@media screen and (max-width: 375px) {
  .p-top-strength .c-btn1, .p-top-strength .c-btn2, .p-top-strength .h-btn-contact, .p-top-strength .c-btn2--b, .p-top-strength .c-btn-download {
    margin-top: 40px;
  }
}

.p-top-strength__bg {
  position: absolute !important;
  min-width: 1320px;
  width: 100%;
  height: 100%;
  right: 0;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  .p-top-strength__bg {
    min-width: 0;
    -webkit-transform: translateY(-300px);
            transform: translateY(-300px);
  }
}
.p-top-strength__bg img {
  display: block;
  position: absolute !important;
  top: 4px;
  right: -33px;
  width: 775px;
  z-index: -1;
}

.p-top-business .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  margin-bottom: 64px;
}
@media screen and (max-width: 375px) {
  .p-top-business .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.p-top-business .header > * {
  margin: 0 !important;
}

.p-top-project {
  overflow-x: hidden;
  overflow: hidden;
  max-width: 100% !important;
  padding: 248px 0 152px;
}
@media screen and (max-width: 375px) {
  .p-top-project {
    padding: 60px 0 200px;
  }
  .p-top-project .c-card-project {
    width: 260px;
  }
  .p-top-project .c-btn3, .p-top-project .c-btn3--wh {
    position: absolute;
    bottom: -83px;
    left: 20px;
  }
}
.p-top-project > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
}
@media screen and (max-width: 375px) {
  .p-top-project > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
  }
}
.p-top-project > * > * {
  margin: 0 !important;
}
.p-top-project .header {
  padding-top: 30px;
}

.p-top-company {
  overflow-x: hidden;
  background-image: -webkit-gradient(linear, right top, left top, color-stop(50%, transparent), color-stop(50%, #004896));
  background-image: -webkit-linear-gradient(right, transparent 50%, #004896 50%);
  background-image: linear-gradient(to left, transparent 50%, #004896 50%);
}
@media screen and (max-width: 375px) {
  .p-top-company > * {
    padding: 0;
  }
}
.p-top-company > * > * {
  background-color: #004896;
  border-radius: 0 20px 20px 0;
  padding: 120px 120px 120px 0;
  position: relative;
}
@media screen and (max-width: 375px) {
  .p-top-company > * > * {
    border-radius: 0;
    padding: 60px 24px;
  }
}
.p-top-company .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  margin-bottom: 40px;
  color: #fff;
}
@media screen and (max-width: 375px) {
  .p-top-company .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 24px;
  }
}
.p-top-company .header > * {
  margin: 0 !important;
}
.p-top-company .header .c-ttl1, .p-top-company .header .c-ttl1-2 {
  color: #fff;
}
.p-top-company .header .c-ttl2 {
  color: #fff;
}
.p-top-company .header .txt {
  max-width: 323px;
}
.p-top-company .header .logo {
  width: 300px;
  margin-left: auto !important;
}
@media screen and (max-width: 375px) {
  .p-top-company .header .logo {
    width: 230px;
    margin-left: 0 !important;
  }
}
.p-top-news {
  overflow-x: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 94px;
  padding-bottom: 146px;
  gap: 64px;
}
@media screen and (max-width: 375px) {
  .p-top-news {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 60px;
    padding-bottom: 120px;
    gap: 0;
  }
}
.p-top-news > *:nth-child(1) {
  padding-top: 22px;
}
.p-top-news > *:nth-child(2) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-top-news .cat-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 30px 0 29px;
  gap: 21px;
}
@media screen and (max-width: 375px) {
  .p-top-news .cat-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 20px 0;
    gap: 1em;
    width: calc(100% + 24px);
    overflow: scroll;
    padding: 0 24px 1em 0;
  }
}
.p-top-news .cat-nav button {
  display: block;
  font-size: 1.6rem;
  color: #a6a6a6;
}
@media screen and (max-width: 375px) {
  .p-top-news .cat-nav button {
    font-size: 0.9em;
    white-space: nowrap;
  }
}
@media screen and (hover: hover) and (min-width: 376px) {
  .p-top-news .cat-nav button:hover {
    text-decoration: underline !important;
  }
}
.p-top-news .cat-nav button.current {
  font-weight: bold;
  color: #333333;
}
@media screen and (max-width: 375px) {
  .p-top-news .c-btn3, .p-top-news .c-btn3--wh {
    position: absolute;
    bottom: 60px;
    left: 24px;
  }
}

.p-top-news__tab > * {
  display: none;
}
.p-top-news__tab > *.current {
  display: block;
}

.p-business-index {
  padding-top: 24px;
  padding-bottom: 24px;
}

/* projectアーカイブ
______________________________________________*/
.p-project-main {
  padding: 60px 32px;
}

.p-company-index {
  padding-top: 24px;
  padding-bottom: 18px;
}

@media screen and (max-width: 375px) {
  .p-news-single {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.p-news-single .c-btn-back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}

@media screen and (max-width: 375px) {
  .p-message-main {
    padding: 0;
  }
}
.p-message-main .txt1 {
  color: #003e64;
  margin-bottom: 57px;
}
@media screen and (max-width: 375px) {
  .p-message-main .txt1 {
    margin-bottom: 32px;
    font-size: 2.4rem;
  }
  .p-message-main .txt1 br {
    display: none;
  }
}

.p-message-main__block1 {
  gap: 64px;
}
@media screen and (max-width: 375px) {
  .p-message-main__block1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 40px;
  }
}
.p-message-main__block1 > *:nth-child(1) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-message-main__block1 > *:nth-child(1) p:not(:last-child) {
  margin-bottom: 1em;
}
.p-message-main__block1 > *:nth-child(2) {
  width: 42%;
  min-width: 42%;
}
@media screen and (max-width: 375px) {
  .p-message-main__block1 > *:nth-child(2) {
    width: 100%;
    min-width: 0;
  }
}

@media screen and (max-width: 375px) {
  .p-profile-main {
    padding: 0;
  }
}

@media screen and (max-width: 375px) {
  .p-vision-block1, .p-vision-block1-3, .p-vision-block1-2, .p-vision-block1-1 {
    width: 100vw;
    margin-left: -20px;
    padding-bottom: 40px;
  }
}
.p-vision-block1 .ttl1, .p-vision-block1-3 .ttl1, .p-vision-block1-2 .ttl1, .p-vision-block1-1 .ttl1 {
  color: #003e64;
}
@media screen and (max-width: 375px) {
  .p-vision-block1 .ttl1, .p-vision-block1-3 .ttl1, .p-vision-block1-2 .ttl1, .p-vision-block1-1 .ttl1 {
    font-size: 2.4rem;
  }
  .p-vision-block1 .ttl1 br, .p-vision-block1-3 .ttl1 br, .p-vision-block1-2 .ttl1 br, .p-vision-block1-1 .ttl1 br {
    display: none;
  }
}
.p-vision-block1 .ttl2, .p-vision-block1-3 .ttl2, .p-vision-block1-2 .ttl2, .p-vision-block1-1 .ttl2 {
  color: var(--txt-heding, #003e64);
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 6.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 375px) {
  .p-vision-block1 .ttl2, .p-vision-block1-3 .ttl2, .p-vision-block1-2 .ttl2, .p-vision-block1-1 .ttl2 {
    font-size: 5rem;
  }
}
.p-vision-block1 .ttl3, .p-vision-block1-3 .ttl3, .p-vision-block1-2 .ttl3, .p-vision-block1-1 .ttl3 {
  margin: 24px 0 12px;
}
@media screen and (max-width: 375px) {
  .p-vision-block1 .txt1 br, .p-vision-block1-3 .txt1 br, .p-vision-block1-2 .txt1 br, .p-vision-block1-1 .txt1 br {
    display: none;
  }
}
.p-vision-block1 .box1, .p-vision-block1-3 .box1, .p-vision-block1-2 .box1, .p-vision-block1-1 .box1 {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  gap: 0 !important;
}
@media screen and (max-width: 375px) {
  .p-vision-block1 .box1, .p-vision-block1-3 .box1, .p-vision-block1-2 .box1, .p-vision-block1-1 .box1 {
    display: block;
  }
}
.p-vision-block1 .box1 > *:nth-child(1), .p-vision-block1-3 .box1 > *:nth-child(1), .p-vision-block1-2 .box1 > *:nth-child(1), .p-vision-block1-1 .box1 > *:nth-child(1) {
  width: 446px;
  min-width: 446px;
  white-space: nowrap;
}
@media screen and (max-width: 375px) {
  .p-vision-block1 .box1 > *:nth-child(1), .p-vision-block1-3 .box1 > *:nth-child(1), .p-vision-block1-2 .box1 > *:nth-child(1), .p-vision-block1-1 .box1 > *:nth-child(1) {
    width: 100%;
    min-width: 0;
  }
}
.p-vision-block1 .table1 td, .p-vision-block1-3 .table1 td, .p-vision-block1-2 .table1 td, .p-vision-block1-1 .table1 td {
  border: none;
  text-align: left;
  padding: 0 0 22px;
}
@media screen and (max-width: 375px) {
  .p-vision-block1 .table1 td, .p-vision-block1-3 .table1 td, .p-vision-block1-2 .table1 td, .p-vision-block1-1 .table1 td {
    display: block;
    padding: 0;
  }
}
.p-vision-block1 .table1 td:nth-child(1), .p-vision-block1-3 .table1 td:nth-child(1), .p-vision-block1-2 .table1 td:nth-child(1), .p-vision-block1-1 .table1 td:nth-child(1) {
  font-weight: bold;
  color: #0075be;
  padding-right: 22px;
  white-space: nowrap;
}
@media screen and (max-width: 375px) {
  .p-vision-block1 .table1 td:nth-child(2), .p-vision-block1-3 .table1 td:nth-child(2), .p-vision-block1-2 .table1 td:nth-child(2), .p-vision-block1-1 .table1 td:nth-child(2) {
    margin-bottom: 24px;
  }
}
.p-vision-block1 .table1 tr:last-child, .p-vision-block1-3 .table1 tr:last-child, .p-vision-block1-2 .table1 tr:last-child, .p-vision-block1-1 .table1 tr:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 375px) {
  .p-vision-block1-1 {
    padding: 0 0 40px;
  }
}
.p-vision-block1-1 .ttl1 {
  margin-bottom: 32px;
}
.p-vision-block1-1 .txt1 {
  margin-left: 320px;
}
@media screen and (max-width: 375px) {
  .p-vision-block1-1 .txt1 {
    margin: 0;
  }
}

.p-office-block1 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 64px;
}
@media screen and (max-width: 375px) {
  .p-office-block1 {
    display: block !important;
  }
  .p-office-block1 > * {
    padding-top: 40px;
  }
}
.p-office-block1 .gmap {
  width: 100%;
}
@media screen and (max-width: 375px) {
  .p-office-block1 .gmap {
    margin-top: 16px;
  }
}

@media screen and (max-width: 375px) {
  .p-group {
    padding: 0;
  }
}
.p-group .ttl1 {
  margin-bottom: 24px;
}
@media screen and (max-width: 375px) {
  .p-group .ttl1 {
    font-size: 2.4rem;
  }
}
.p-group .c-group-btn1 {
  margin: 64px 0 24px;
}
@media screen and (max-width: 375px) {
  .p-group .c-group-btn1 {
    margin: 40px 0 24px;
  }
}

.c-group-btn1 {
  display: block;
}
.c-group-btn1 > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border-radius: 5px;
  gap: 24px;
  border-radius: 5px;
  background: #004896;
  color: #fff;
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .c-group-btn1 > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px;
    gap: 12px;
  }
}
.c-group-btn1 > *::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../../../../uploads/icon-blank.svg");
          mask-image: url("../../../../uploads/icon-blank.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
  margin-left: auto;
}
@media screen and (max-width: 375px) {
  .c-group-btn1 > *::after {
    margin: 0 auto 0 0;
  }
}
.c-group-btn1 > * .img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
.c-group-btn1 > * .img::after {
  content: "";
  display: block;
  width: 1px;
  min-height: 100%;
  background-color: #fff;
}
@media screen and (hover: hover) and (min-width: 376px) and (hover: hover) and (min-width: 376px) {
  .c-group-btn1:hover > *:hover {
    background-color: #0075be;
  }
}

.c-group-links {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .c-group-links {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 12px;
  }
}
.c-group-links > * {
  border: 1px solid var(--line, #ddd);
  background: #fff;
  padding: 16px 16px;
}
.c-group-links > * a {
  -webkit-transform: translate(-16px, -16px);
          transform: translate(-16px, -16px);
  width: calc(100% + 32px);
  height: calc(100% + 32px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-radius: 5px;
  color: var(--main, #0075be);
  position: relative;
  padding: 0 16px;
}
.c-group-links > * a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url("../../../../uploads/icon-blank.svg");
          mask-image: url("../../../../uploads/icon-blank.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: currentColor;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .c-group-links > * a:hover {
    background-color: #0075be;
    border-color: #0075be;
    color: #fff;
  }
}

.sl-project .c-ttl1, .sl-project .c-ttl1-2 {
  color: #0075be;
}
.sl-project .c-ttl3 {
  margin-bottom: 32px;
}
.sl-project .c-table1, .sl-project body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .wp-block-table, body.wp-admin.post-php.post-type-news :where(.editor-styles-wrapper) .is-root-container .sl-project .wp-block-table,
.sl-project .c-post .wp-block-table,
.c-post .sl-project .wp-block-table,
.sl-project .c-document .wp-block-table,
.c-document .sl-project .wp-block-table, .sl-project .wp-block-table table, .wp-block-table .sl-project table,
.sl-project .c-box1 .wp-block-table,
.c-box1 .sl-project .wp-block-table,
.sl-project .c-box2 .wp-block-table,
.c-box2 .sl-project .wp-block-table {
  margin: 32px 0;
}

.sl-project-outline {
  padding-top: 0;
}

.sl-project-outline__gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .sl-project-outline__gallery {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
  }
}

.sl-project-outline__gallery__img {
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  border: solid 1px #dddddd;
}
.sl-project-outline__gallery__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .sl-project-outline__gallery__img:hover {
    background-color: #000;
  }
  .sl-project-outline__gallery__img:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.8;
  }
}

.sl-project-details {
  margin-bottom: 64px;
}
@media screen and (max-width: 375px) {
  .sl-project-details {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.sl-project-results {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 32px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 10px;
  background: var(--main, #0075be);
  color: #fff;
}
@media screen and (max-width: 375px) {
  .sl-project-results {
    padding: 30px 20px;
    gap: 24px;
    margin-top: 40px;
  }
}
.sl-project-results .c-ttl1-2 {
  color: #fff;
}
.sl-project-results .c-ttl1-2::before {
  background-color: #d9ff00;
}
.sl-project-results .c-ttl3 {
  color: #fff;
}
@media screen and (max-width: 375px) {
  .sl-project-results .c-ttl3 {
    font-size: 2.4rem;
    margin-bottom: 0;
  }
}

.p-project-single {
  padding-bottom: 120px;
}
@media screen and (max-width: 375px) {
  .p-project-single {
    padding-bottom: 40px;
  }
}

/* MANAGEMENT
______________________________________________*/
.p-management-ttl1, .p-management-awards .c-ttl2, .p-management-case .c-ttl2, .p-management-field .c-ttl2, .p-management-features .c-ttl2 {
  line-height: 1.1;
  margin-bottom: 40px;
}
@media screen and (max-width: 375px) {
  .p-management-ttl1, .p-management-awards .c-ttl2, .p-management-case .c-ttl2, .p-management-field .c-ttl2, .p-management-features .c-ttl2 {
    margin-bottom: 32px;
  }
}

.p-management-mv {
  width: calc(100vw - (50vw - 480px));
  min-width: 1080px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 375px) {
  .p-management-mv {
    width: 100%;
    min-width: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.p-management-mv > *:nth-child(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.p-management-mv > *:nth-child(1) h2, .p-management-mv > *:nth-child(1) .c-box1 h3, .c-box1 .p-management-mv > *:nth-child(1) h3, .p-management-mv > *:nth-child(1) .c-box1 h4, .c-box1 .p-management-mv > *:nth-child(1) h4, .p-management-mv > *:nth-child(1) .c-box1 h5, .c-box1 .p-management-mv > *:nth-child(1) h5, .p-management-mv > *:nth-child(1) .c-box1 h6, .c-box1 .p-management-mv > *:nth-child(1) h6 {
  color: var(--txt-heding, #003e64);
}
@media screen and (max-width: 375px) {
  .p-management-mv > *:nth-child(1) h2, .p-management-mv > *:nth-child(1) .c-box1 h3, .c-box1 .p-management-mv > *:nth-child(1) h3, .p-management-mv > *:nth-child(1) .c-box1 h4, .c-box1 .p-management-mv > *:nth-child(1) h4, .p-management-mv > *:nth-child(1) .c-box1 h5, .c-box1 .p-management-mv > *:nth-child(1) h5, .p-management-mv > *:nth-child(1) .c-box1 h6, .c-box1 .p-management-mv > *:nth-child(1) h6 {
    font-size: 2.4rem;
  }
}
.p-management-mv > *:nth-child(2) {
  width: 560px;
  min-width: 560px;
  margin-left: 4px;
  -webkit-transform: translateX(113px);
          transform: translateX(113px);
  border-radius: 10px 0 0 10px;
  background: #d9d9d9;
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  .p-management-mv > *:nth-child(2) {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    -webkit-transform: none;
            transform: none;
    border-radius: 10px;
  }
}
.p-management-mv > *:nth-child(2) img {
  width: 100%;
  height: auto;
}

.p-management-features {
  padding-right: 120px;
}
@media screen and (max-width: 375px) {
  .p-management-features {
    padding-right: 0;
  }
}
.c-management-features-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 375px) {
  .c-management-features-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-management-features-list > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.c-management-features-list > * h3, .c-management-features-list > * .c-box1 h4, .c-box1 .c-management-features-list > * h4, .c-management-features-list > * .c-box1 h5, .c-box1 .c-management-features-list > * h5, .c-management-features-list > * .c-box1 h6, .c-box1 .c-management-features-list > * h6 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -1px;
}

.p-management-field {
  padding-bottom: 64px;
}
@media screen and (max-width: 375px) {
  .p-management-field {
    padding-bottom: 40px;
  }
}
.p-management-field .c-card-project .thumb {
  aspect-ratio: 378.67/213;
}
.p-management-field .c-btn1, .p-management-field .c-btn2, .p-management-field .h-btn-contact, .p-management-field .c-btn2--b, .p-management-field .c-btn-download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 62px auto 0;
}

.p-management-case {
  border-top: solid 1px #dddddd;
}
.c-list-business-field {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}
@media screen and (max-width: 375px) {
  .c-list-business-field {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.c-list-business-field > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 22px 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fff;
}
@media screen and (max-width: 375px) {
  .c-list-business-field > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.c-list-business-field > * img {
  width: 120px;
  min-width: 120px;
  height: auto;
}
.c-list-business-field > * h4, .c-list-business-field > * .c-box1 h5, .c-box1 .c-list-business-field > * h5, .c-list-business-field > * .c-box1 h6, .c-box1 .c-list-business-field > * h6 {
  color: #0075be;
  margin-bottom: 8px;
}
@media screen and (max-width: 375px) {
  .c-list-business-field > * h4, .c-list-business-field > * .c-box1 h5, .c-box1 .c-list-business-field > * h5, .c-list-business-field > * .c-box1 h6, .c-box1 .c-list-business-field > * h6 {
    text-align: center;
  }
}

.p-management-awards {
  padding-right: 120px;
}
@media screen and (max-width: 375px) {
  .p-management-awards {
    padding-right: 0;
  }
}
.p-management-awards::before {
  background-color: #f9f9f9;
}

.p-news-archive {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 375px) {
  .p-news-archive {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 24px;
  }
}
.p-news-archive > *:nth-child(1) {
  width: 192px;
  min-width: 192px;
}
@media screen and (max-width: 375px) {
  .p-news-archive > *:nth-child(1) {
    width: 100%;
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    padding: 24px 0;
  }
}
.p-news-archive .c-nav-terms > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.p-news-archive .c-nav-terms > ul a {
  opacity: 0.5;
}
@media screen and (hover: hover) and (min-width: 376px) {
  .p-news-archive .c-nav-terms > ul a:hover {
    text-decoration: underline !important;
  }
}
.p-news-archive .c-nav-terms > ul .current-cat > a {
  opacity: 1;
  font-weight: 700;
}
.p-news-archive .children {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
  padding: 10px 0 0 5px;
}
.p-news-archive .children a {
  font-size: 0.9em;
}

.c-sustainability-block1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 375px) {
  .c-sustainability-block1 {
    padding: 0 0 40px !important;
    gap: 40px;
  }
}
.c-sustainability-block1 > .wp-block-image {
  margin-bottom: 32px;
}
@media screen and (max-width: 375px) {
  .c-sustainability-block1 > .wp-block-image {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 375px) {
  .c-sustainability-block1 h2, .c-sustainability-block1 .c-box1 h3, .c-box1 .c-sustainability-block1 h3, .c-sustainability-block1 .c-box1 h4, .c-box1 .c-sustainability-block1 h4, .c-sustainability-block1 .c-box1 h5, .c-box1 .c-sustainability-block1 h5, .c-sustainability-block1 .c-box1 h6, .c-box1 .c-sustainability-block1 h6 {
    font-size: 3.2rem;
  }
  .c-sustainability-block1 h2 br, .c-sustainability-block1 .c-box1 h3 br, .c-box1 .c-sustainability-block1 h3 br, .c-sustainability-block1 .c-box1 h4 br, .c-box1 .c-sustainability-block1 h4 br, .c-sustainability-block1 .c-box1 h5 br, .c-box1 .c-sustainability-block1 h5 br, .c-sustainability-block1 .c-box1 h6 br, .c-box1 .c-sustainability-block1 h6 br {
    display: none;
  }
}
.c-sustainability-block1 p:not(:last-child) {
  margin-bottom: 1.5em;
}
.c-sustainability-block1 .c-txt-name1 {
  margin-top: 0 !important;
}

.c-sustainability-block2 h3, .c-sustainability-block2 .c-box1 h4, .c-box1 .c-sustainability-block2 h4, .c-sustainability-block2 .c-box1 h5, .c-box1 .c-sustainability-block2 h5, .c-sustainability-block2 .c-box1 h6, .c-box1 .c-sustainability-block2 h6 {
  color: var(--main, #0075be);
  text-align: center;
}

.p-esg-index {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 375px) {
  .p-esg-index {
    padding: 40px 0;
  }
}

@media screen and (max-width: 375px) {
  .p-contact {
    padding: 0;
  }
}

.p-contact-block1 {
  padding-bottom: 40px;
  border-bottom: solid 1px #dddddd;
}
.p-contact-block1 p {
  margin-bottom: 24px;
}
@media screen and (max-width: 375px) {
  .p-contact-block1 p {
    margin-bottom: 1em;
  }
}
.p-contact-block1 a {
  color: #0075be;
}

.p-contact-block2 {
  padding-bottom: 40px;
}
.p-contact-block2 p {
  margin-bottom: 24px;
}
@media screen and (max-width: 375px) {
  .p-contact-block2 p {
    margin-bottom: 1em;
  }
}
.p-contact-block2 a {
  color: #0075be;
}

.p-contact-block3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  border: solid 1px #dddddd;
}
.p-contact-block3 .tel {
  width: 100%;
  color: var(--main, #0075be);
  text-align: center;
  font-family: Akshar;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 43.2px */
  border-bottom: solid 1px #dddddd;
  padding-bottom: 10px;
}
.p-contact-block3 .tel a {
  color: var(--main, #0075be);
  font-family: Akshar;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%;
}
.p-contact-block3 .mail {
  color: var(--main, #0075be);
  text-align: center;
  font-family: Akshar;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 43.2px */
}

.p-strengths-block1 {
  position: relative;
  overflow: hidden;
}
.p-strengths-block1 .bg {
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
  width: 775px;
}
@media screen and (max-width: 375px) {
  .p-strengths-block1 .bg {
    left: 20px;
    width: 335px;
    top: auto;
    bottom: -25px;
  }
}
.p-strengths-block1 .inner {
  padding-top: 144px;
  padding-bottom: 123px;
}
@media screen and (max-width: 375px) {
  .p-strengths-block1 .inner {
    padding-top: 40px;
    padding-bottom: 157px;
  }
}
.p-strengths-block1 .inner .c-catch1 {
  margin-bottom: 17px;
}
@media screen and (max-width: 375px) {
  .p-strengths-block1 .inner .c-catch1 {
    margin-top: 10px;
    margin-bottom: 9px;
    font-size: 4.4rem;
    white-space: nowrap;
  }
  .p-strengths-block1 .inner .c-catch1 .txt2 {
    font-size: 2.4rem;
    margin-bottom: 6px;
    left: 334px;
    top: 66px;
  }
  .p-strengths-block1 .inner .c-catch1 .txt3 {
    margin-top: -10px;
  }
}

.p-strength-block {
  margin-bottom: 124px;
}
@media screen and (max-width: 375px) {
  .p-strength-block {
    margin-bottom: 60px;
  }
}
.p-strength-block .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 64px;
  width: calc(100% + 120px);
  padding: 80px 0 80px 120px;
}
@media screen and (max-width: 375px) {
  .p-strength-block .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 40px;
    width: 100%;
    padding: 40px 20px;
  }
}
.p-strength-block .inner h3, .p-strength-block .inner .c-box1 h4, .c-box1 .p-strength-block .inner h4, .p-strength-block .inner .c-box1 h5, .c-box1 .p-strength-block .inner h5, .p-strength-block .inner .c-box1 h6, .c-box1 .p-strength-block .inner h6 {
  margin: 9px 0 25px;
}
@media screen and (max-width: 375px) {
  .p-strength-block .inner h3, .p-strength-block .inner .c-box1 h4, .c-box1 .p-strength-block .inner h4, .p-strength-block .inner .c-box1 h5, .c-box1 .p-strength-block .inner h5, .p-strength-block .inner .c-box1 h6, .c-box1 .p-strength-block .inner h6 {
    font-size: 3.2rem;
  }
}
.p-strength-block.--r .inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding: 80px 120px 80px 0;
}
@media screen and (max-width: 375px) {
  .p-strength-block.--r .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 40px 20px;
  }
}

.c-num-img {
  width: 485px;
  position: relative;
  aspect-ratio: 1;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 375px) {
  .c-num-img {
    width: 100%;
    height: 335px;
  }
}
.c-num-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-num-img h4, .c-num-img .c-box1 h5, .c-box1 .c-num-img h5, .c-num-img .c-box1 h6, .c-box1 .c-num-img h6 {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-family: "Akshar", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "YuGothic", "Helvetica Neue", "Helvetica", "sans-serif";
  font-size: 3.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 10px 0;
  background: -webkit-linear-gradient(262deg, #0075be 12.36%, #59b0e6 48.58%, #0075be 78.84%);
  background: linear-gradient(188deg, #0075be 12.36%, #59b0e6 48.58%, #0075be 78.84%);
}

@media screen and (max-width: 375px) {
  .p-organization-chart {
    padding: 0;
  }
}

@media screen and (max-width: 375px) {
  .p-office {
    padding: 0;
  }
}

/*----------------------------------------------------------------
  for JavaScript
-----------------------------------------------------------------*/
/* .js-popup
______________________________________________*/
.js-popup {
  padding: 70px;
  position: fixed;
  max-width: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  overflow: scroll;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100;
}
@media screen and (max-width: 375px) {
  .js-popup {
    padding: 20px;
  }
}
.js-popup.open {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.js-popup > * {
  margin: auto;
}
.js-popup button.close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background-image: url("../../../../uploads/icon-close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  cursor: pointer;
}
@media screen and (max-width: 375px) {
  .js-popup button.close {
    top: auto;
    right: 50%;
    bottom: 68px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
.js-popup [data-popup] {
  position: relative;
}
.js-popup [data-popup].hide {
  display: none;
}

/* .js-pagerList
______________________________________________*/
.js-pagerList .hide {
  display: none;
}

.js-tab-list {
  display: none;
}
.js-tab-list.current {
  display: block;
}

/* .js-imgsList
______________________________________________*/
.js-imgsList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.js-imgsList::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.38);
}
.js-imgsList > * {
  width: 33.3333333333%;
  padding-top: 22.5225225225%;
  position: relative;
}
@media screen and (max-width: 375px) {
  .js-imgsList > * {
    width: 25%;
    padding-top: 20.5%;
  }
}
.js-imgsList > * > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.js-imgsList > *.change > *:nth-child(2) {
  opacity: 0;
}

/* .js-tab1
______________________________________________*/
.js-tab > li {
  display: none;
}
.js-tab > li.current {
  display: block;
}

/* .js-fade1
______________________________________________*/
.js-fade1 > * {
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.js-fade1 > *.effOn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* .js-fade2
______________________________________________*/
.js-fade2 > * {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}
.js-fade2 > *.effOn {
  opacity: 1;
}

/* .js-fade3
______________________________________________*/
.js-fade3 {
  opacity: 0;
}
.js-fade3.effOn {
  opacity: 1;
}

/* .c-zoombox1
______________________________________________*/
.c-zoombox1 {
  background-color: #dddddd;
  position: relative;
  display: block;
  overflow: hidden;
}
.c-zoombox1::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0;
}
.c-zoombox1::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 5px #0075be;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.c-zoombox1:hover {
  opacity: 1;
}
.c-zoombox1:hover::after {
  opacity: 1;
}
.c-zoombox1:hover::before {
  opacity: 1;
}
.c-zoombox1:hover > * {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.c-zoombox1 > * {
  -webkit-transition: all 1s;
  transition: all 1s;
}

a:hover {
  opacity: 1;
}
a:hover .c-zoombox1::after {
  opacity: 1;
}
a:hover .c-zoombox1::before {
  opacity: 1;
}
a:hover .c-zoombox1 > * {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.js-brights > *,
.js-bright {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-filter: brightness(3);
          filter: brightness(3);
  overflow: hidden;
}
.js-brights > * > *,
.js-bright > * {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.js-bright0n {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}
.js-bright0n > * {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*----------------------------------------------------------------
  状態管理
-----------------------------------------------------------------*/
/* .is-
______________________________________________*/
/* スクロールエリア */
.is-scrollable {
  overflow: auto; /* スクロール可能にする */
  scrollbar-width: thin; /* Firefox 用 */
  scrollbar-color: rgba(0, 0, 0, 0.5) transparent; /* Firefox 用 */
  /* Webkit（Chrome, Safari, Edge）用 */
}
.is-scrollable::-webkit-scrollbar {
  width: 10px; /* スクロールバーの幅 */
}
.is-scrollable::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5); /* スクロールバーの色 */
  border-radius: 5px; /* 角丸 */
}
.is-scrollable::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1); /* スクロールバーの背景 */
}

.is-tb,
.is-tb-flex,
.is-tb-inline-flex,
.is-tb-inline,
.is-tb-inline-block {
  display: none !important;
}

.is-sp,
.is-sp-flex,
.is-sp-inline-flex,
.is-sp-inline,
.is-sp-inline-block {
  display: none !important;
}

.is-pc {
  display: block !important;
}

.is-pc-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.is-pc-inline-flex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.is-pc-inline {
  display: inline !important;
}

.is-pc-inline-block {
  display: inline-block !important;
}

@media only screen and (max-width: 750px) {
  .is-pc,
  .is-pc-flex,
  .is-pc-inline-flex,
  .is-pc-inline,
  .is-pc-inline-block {
    display: none !important;
  }
  .is-sp {
    display: block !important;
  }
  .is-sp-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .is-sp-inline-flex {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .is-sp-inline {
    display: inline !important;
  }
  .is-sp-inline-block {
    display: inline-block !important;
  }
}
.is-hide {
  display: none !important;
}

/*----------------------------------------------------------------
    Utilitys
-----------------------------------------------------------------*/
/* テキストの配置 */
.has-text-align-left {
  text-align: left;
}

.has-text-align-center {
  text-align: center;
}

.has-text-align-right {
  text-align: right;
}

/* カラークラス */
.has-vivid-red-color {
  color: #cf2e2e;
}

.has-luminous-vivid-orange-color {
  color: #ff6900;
}

.has-luminous-vivid-amber-color {
  color: #fcb900;
}

.has-light-green-cyan-color {
  color: #7bdcb5;
}

.has-vivid-green-cyan-color {
  color: #00d084;
}

.has-pale-cyan-blue-color {
  color: #8ed1fc;
}

.has-vivid-cyan-blue-color {
  color: #0693e3;
}

.has-very-light-gray-color {
  color: #eeeeee;
}

.has-cyan-bluish-gray-color {
  color: #abb8c3;
}

.has-very-dark-gray-color {
  color: #313131;
}

/* 背景カラークラス */
.has-vivid-red-background-color {
  background-color: #cf2e2e;
}

.has-luminous-vivid-orange-background-color {
  background-color: #ff6900;
}

.has-luminous-vivid-amber-background-color {
  background-color: #fcb900;
}

.has-light-green-cyan-background-color {
  background-color: #7bdcb5;
}

.has-vivid-green-cyan-background-color {
  background-color: #00d084;
}

.has-pale-cyan-blue-background-color {
  background-color: #8ed1fc;
}

.has-vivid-cyan-blue-background-color {
  background-color: #0693e3;
}

.has-very-light-gray-background-color {
  background-color: #eeeeee;
}

.has-cyan-bluish-gray-background-color {
  background-color: #abb8c3;
}

.has-very-dark-gray-background-color {
  background-color: #313131;
}

/* フォントサイズクラス */
.has-small-font-size {
  font-size: 0.875em;
}

.has-medium-font-size {
  font-size: 1.125em;
}

.has-large-font-size {
  font-size: 2.25em;
}

.has-huge-font-size {
  font-size: 3em;
}

/* 配置クラス */
.alignfull {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.alignwide {
  width: calc(100% - 4rem);
  margin-left: auto;
  margin-right: auto;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin-right: 1rem;
}

.alignright {
  float: right;
  margin-left: 1rem;
}

/* ボーダークラス */
.has-border {
  border: 1px solid #000;
}

.has-border-radius {
  border-radius: var(--wp--preset--border--radius, 0.5rem);
}

/* スペーシング */
.has-custom-spacing {
  margin: var(--wp--preset--spacing--margin, 0);
  padding: var(--wp--preset--spacing--padding, 0);
}

/* リンクカラー */
.has-link-color a {
  color: var(--wp--preset--color--link, #0000ee);
  text-decoration: underline;
}

/*----------------------------------------------------------------
    Utilitys
-----------------------------------------------------------------*/
/*  カラー
______________________________________________*/
.u-clrBase1 {
  color: #fff !important;
}

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

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

.u-clrMain1 {
  color: #0075be !important;
}

.u-bgClrMain1 {
  background-color: #0075be !important;
}

.u-borderClrMain1 {
  background-color: #0075be !important;
}

.u-clrAccent1 {
  color: #f5f262 !important;
}

.u-bgClrAccent1 {
  background-color: #f5f262 !important;
}

.u-borderClrAccent1 {
  background-color: #f5f262 !important;
}

.u-clrText1 {
  color: #333333 !important;
}

.u-bgClrText1 {
  background-color: #333333 !important;
}

.u-borderClrText1 {
  background-color: #333333 !important;
}

.u-clrBorder1 {
  color: #dddddd !important;
}

.u-bgClrBorder1 {
  background-color: #dddddd !important;
}

.u-borderClr1 {
  background-color: #dddddd !important;
}

.u-clrWh,
.u-clrWhite {
  color: white !important;
}

.u-clrBk,
.u-clrBlack {
  color: black !important;
}

.u-clrRed {
  color: red !important;
}

.u-clrBlue {
  color: blue !important;
}

@media screen and (max-width: 375px) {
  .u-clrBase1--sp {
    color: #fff !important;
  }
  .u-bgClrBase1--sp {
    background-color: #fff !important;
  }
  .u-borderClrBase1--sp {
    background-color: #fff !important;
  }
  .u-clrMain1--sp {
    color: #0075be !important;
  }
  .u-bgClrMain1--sp {
    background-color: #0075be !important;
  }
  .u-borderClrMain1--sp {
    background-color: #0075be !important;
  }
  .u-clrAccent1--sp {
    color: #f5f262 !important;
  }
  .u-bgClrAccent1--sp {
    background-color: #f5f262 !important;
  }
  .u-borderClrAccent1--sp {
    background-color: #f5f262 !important;
  }
  .u-clrText1--sp {
    color: #333333 !important;
  }
  .u-bgClrText1--sp {
    background-color: #333333 !important;
  }
  .u-borderClrText1--sp {
    background-color: #333333 !important;
  }
  .u-clrBorder1--sp {
    color: #dddddd !important;
  }
  .u-bgClrBorder1--sp {
    background-color: #dddddd !important;
  }
  .u-borderClr1--sp {
    background-color: #dddddd !important;
  }
  .u-clrWh--sp,
  .u-clrWhite--sp {
    color: white !important;
  }
  .u-clrBk--sp,
  .u-clrBlack--sp {
    color: black !important;
  }
  .u-clrRed--sp {
    color: red !important;
  }
  .u-clrBlue--sp {
    color: blue !important;
  }
}
/*  モノクロ
______________________________________________*/
.u-mono {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

@media screen and (max-width: 375px) {
  .u-mono--sp {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
  }
}
/*  背景
______________________________________________*/
.u-bgCover {
  background-size: cover;
  background-position: center;
}

.u-bgContain {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 375px) {
  .u-bgCover--sp {
    background-size: cover;
    background-position: center;
  }
  .u-bgContain--sp {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
}
/*  Grid System
______________________________________________*/
/*
12カラムグリッドシステム
gutter（隙間）を使用する場合
*/
.u-grid {
  display: grid;
}

.u-grid1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.u-grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.u-grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.u-grid4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.u-grid5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.u-grid6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.u-grid7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.u-grid8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}

.u-grid9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
}

.u-grid10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
}

.u-grid11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
}

.u-grid12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.u-grid13 {
  display: grid;
  grid-template-columns: repeat(13, 1fr);
}

.u-grid14 {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
}

.u-grid15 {
  display: grid;
  grid-template-columns: repeat(15, 1fr);
}

.u-grid16 {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
}

.u-grid17 {
  display: grid;
  grid-template-columns: repeat(17, 1fr);
}

.u-grid18 {
  display: grid;
  grid-template-columns: repeat(18, 1fr);
}

.u-grid19 {
  display: grid;
  grid-template-columns: repeat(19, 1fr);
}

.u-grid20 {
  display: grid;
  grid-template-columns: repeat(20, 1fr);
}

@media screen and (max-width: 375px) {
  .u-grid1--sp {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .u-grid2--sp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .u-grid3--sp {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .u-grid4--sp {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .u-grid5--sp {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
  .u-grid6--sp {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
  .u-grid7--sp {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  .u-grid8--sp {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .u-grid9--sp {
    display: grid;
    grid-template-columns: repeat(9, 1fr);
  }
  .u-grid10--sp {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
  }
  .u-grid11--sp {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
  }
  .u-grid12--sp {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
  }
  .u-grid13--sp {
    display: grid;
    grid-template-columns: repeat(13, 1fr);
  }
  .u-grid14--sp {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
  }
  .u-grid15--sp {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
  }
  .u-grid16--sp {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
  }
  .u-grid17--sp {
    display: grid;
    grid-template-columns: repeat(17, 1fr);
  }
  .u-grid18--sp {
    display: grid;
    grid-template-columns: repeat(18, 1fr);
  }
  .u-grid19--sp {
    display: grid;
    grid-template-columns: repeat(19, 1fr);
  }
  .u-grid20--sp {
    display: grid;
    grid-template-columns: repeat(20, 1fr);
  }
}
.u-gap0px {
  -webkit-column-gap: 0px !important;
     -moz-column-gap: 0px !important;
          column-gap: 0px !important;
  row-gap: 0px !important;
}

.u-gapCol0px {
  -webkit-column-gap: 0px !important;
     -moz-column-gap: 0px !important;
          column-gap: 0px !important;
}

.u-gapRow0px {
  row-gap: 0px !important;
}

.u-gap1px {
  -webkit-column-gap: 1px !important;
     -moz-column-gap: 1px !important;
          column-gap: 1px !important;
  row-gap: 1px !important;
}

.u-gapCol1px {
  -webkit-column-gap: 1px !important;
     -moz-column-gap: 1px !important;
          column-gap: 1px !important;
}

.u-gapRow1px {
  row-gap: 1px !important;
}

.u-gap2px {
  -webkit-column-gap: 2px !important;
     -moz-column-gap: 2px !important;
          column-gap: 2px !important;
  row-gap: 2px !important;
}

.u-gapCol2px {
  -webkit-column-gap: 2px !important;
     -moz-column-gap: 2px !important;
          column-gap: 2px !important;
}

.u-gapRow2px {
  row-gap: 2px !important;
}

.u-gap3px {
  -webkit-column-gap: 3px !important;
     -moz-column-gap: 3px !important;
          column-gap: 3px !important;
  row-gap: 3px !important;
}

.u-gapCol3px {
  -webkit-column-gap: 3px !important;
     -moz-column-gap: 3px !important;
          column-gap: 3px !important;
}

.u-gapRow3px {
  row-gap: 3px !important;
}

.u-gap4px {
  -webkit-column-gap: 4px !important;
     -moz-column-gap: 4px !important;
          column-gap: 4px !important;
  row-gap: 4px !important;
}

.u-gapCol4px {
  -webkit-column-gap: 4px !important;
     -moz-column-gap: 4px !important;
          column-gap: 4px !important;
}

.u-gapRow4px {
  row-gap: 4px !important;
}

.u-gap5px {
  -webkit-column-gap: 5px !important;
     -moz-column-gap: 5px !important;
          column-gap: 5px !important;
  row-gap: 5px !important;
}

.u-gapCol5px {
  -webkit-column-gap: 5px !important;
     -moz-column-gap: 5px !important;
          column-gap: 5px !important;
}

.u-gapRow5px {
  row-gap: 5px !important;
}

.u-gap6px {
  -webkit-column-gap: 6px !important;
     -moz-column-gap: 6px !important;
          column-gap: 6px !important;
  row-gap: 6px !important;
}

.u-gapCol6px {
  -webkit-column-gap: 6px !important;
     -moz-column-gap: 6px !important;
          column-gap: 6px !important;
}

.u-gapRow6px {
  row-gap: 6px !important;
}

.u-gap7px {
  -webkit-column-gap: 7px !important;
     -moz-column-gap: 7px !important;
          column-gap: 7px !important;
  row-gap: 7px !important;
}

.u-gapCol7px {
  -webkit-column-gap: 7px !important;
     -moz-column-gap: 7px !important;
          column-gap: 7px !important;
}

.u-gapRow7px {
  row-gap: 7px !important;
}

.u-gap8px {
  -webkit-column-gap: 8px !important;
     -moz-column-gap: 8px !important;
          column-gap: 8px !important;
  row-gap: 8px !important;
}

.u-gapCol8px {
  -webkit-column-gap: 8px !important;
     -moz-column-gap: 8px !important;
          column-gap: 8px !important;
}

.u-gapRow8px {
  row-gap: 8px !important;
}

.u-gap9px {
  -webkit-column-gap: 9px !important;
     -moz-column-gap: 9px !important;
          column-gap: 9px !important;
  row-gap: 9px !important;
}

.u-gapCol9px {
  -webkit-column-gap: 9px !important;
     -moz-column-gap: 9px !important;
          column-gap: 9px !important;
}

.u-gapRow9px {
  row-gap: 9px !important;
}

.u-gap10px {
  -webkit-column-gap: 10px !important;
     -moz-column-gap: 10px !important;
          column-gap: 10px !important;
  row-gap: 10px !important;
}

.u-gapCol10px {
  -webkit-column-gap: 10px !important;
     -moz-column-gap: 10px !important;
          column-gap: 10px !important;
}

.u-gapRow10px {
  row-gap: 10px !important;
}

.u-gap11px {
  -webkit-column-gap: 11px !important;
     -moz-column-gap: 11px !important;
          column-gap: 11px !important;
  row-gap: 11px !important;
}

.u-gapCol11px {
  -webkit-column-gap: 11px !important;
     -moz-column-gap: 11px !important;
          column-gap: 11px !important;
}

.u-gapRow11px {
  row-gap: 11px !important;
}

.u-gap12px {
  -webkit-column-gap: 12px !important;
     -moz-column-gap: 12px !important;
          column-gap: 12px !important;
  row-gap: 12px !important;
}

.u-gapCol12px {
  -webkit-column-gap: 12px !important;
     -moz-column-gap: 12px !important;
          column-gap: 12px !important;
}

.u-gapRow12px {
  row-gap: 12px !important;
}

.u-gap13px {
  -webkit-column-gap: 13px !important;
     -moz-column-gap: 13px !important;
          column-gap: 13px !important;
  row-gap: 13px !important;
}

.u-gapCol13px {
  -webkit-column-gap: 13px !important;
     -moz-column-gap: 13px !important;
          column-gap: 13px !important;
}

.u-gapRow13px {
  row-gap: 13px !important;
}

.u-gap14px {
  -webkit-column-gap: 14px !important;
     -moz-column-gap: 14px !important;
          column-gap: 14px !important;
  row-gap: 14px !important;
}

.u-gapCol14px {
  -webkit-column-gap: 14px !important;
     -moz-column-gap: 14px !important;
          column-gap: 14px !important;
}

.u-gapRow14px {
  row-gap: 14px !important;
}

.u-gap15px {
  -webkit-column-gap: 15px !important;
     -moz-column-gap: 15px !important;
          column-gap: 15px !important;
  row-gap: 15px !important;
}

.u-gapCol15px {
  -webkit-column-gap: 15px !important;
     -moz-column-gap: 15px !important;
          column-gap: 15px !important;
}

.u-gapRow15px {
  row-gap: 15px !important;
}

.u-gap16px {
  -webkit-column-gap: 16px !important;
     -moz-column-gap: 16px !important;
          column-gap: 16px !important;
  row-gap: 16px !important;
}

.u-gapCol16px {
  -webkit-column-gap: 16px !important;
     -moz-column-gap: 16px !important;
          column-gap: 16px !important;
}

.u-gapRow16px {
  row-gap: 16px !important;
}

.u-gap17px {
  -webkit-column-gap: 17px !important;
     -moz-column-gap: 17px !important;
          column-gap: 17px !important;
  row-gap: 17px !important;
}

.u-gapCol17px {
  -webkit-column-gap: 17px !important;
     -moz-column-gap: 17px !important;
          column-gap: 17px !important;
}

.u-gapRow17px {
  row-gap: 17px !important;
}

.u-gap18px {
  -webkit-column-gap: 18px !important;
     -moz-column-gap: 18px !important;
          column-gap: 18px !important;
  row-gap: 18px !important;
}

.u-gapCol18px {
  -webkit-column-gap: 18px !important;
     -moz-column-gap: 18px !important;
          column-gap: 18px !important;
}

.u-gapRow18px {
  row-gap: 18px !important;
}

.u-gap19px {
  -webkit-column-gap: 19px !important;
     -moz-column-gap: 19px !important;
          column-gap: 19px !important;
  row-gap: 19px !important;
}

.u-gapCol19px {
  -webkit-column-gap: 19px !important;
     -moz-column-gap: 19px !important;
          column-gap: 19px !important;
}

.u-gapRow19px {
  row-gap: 19px !important;
}

.u-gap20px {
  -webkit-column-gap: 20px !important;
     -moz-column-gap: 20px !important;
          column-gap: 20px !important;
  row-gap: 20px !important;
}

.u-gapCol20px {
  -webkit-column-gap: 20px !important;
     -moz-column-gap: 20px !important;
          column-gap: 20px !important;
}

.u-gapRow20px {
  row-gap: 20px !important;
}

.u-gap21px {
  -webkit-column-gap: 21px !important;
     -moz-column-gap: 21px !important;
          column-gap: 21px !important;
  row-gap: 21px !important;
}

.u-gapCol21px {
  -webkit-column-gap: 21px !important;
     -moz-column-gap: 21px !important;
          column-gap: 21px !important;
}

.u-gapRow21px {
  row-gap: 21px !important;
}

.u-gap22px {
  -webkit-column-gap: 22px !important;
     -moz-column-gap: 22px !important;
          column-gap: 22px !important;
  row-gap: 22px !important;
}

.u-gapCol22px {
  -webkit-column-gap: 22px !important;
     -moz-column-gap: 22px !important;
          column-gap: 22px !important;
}

.u-gapRow22px {
  row-gap: 22px !important;
}

.u-gap23px {
  -webkit-column-gap: 23px !important;
     -moz-column-gap: 23px !important;
          column-gap: 23px !important;
  row-gap: 23px !important;
}

.u-gapCol23px {
  -webkit-column-gap: 23px !important;
     -moz-column-gap: 23px !important;
          column-gap: 23px !important;
}

.u-gapRow23px {
  row-gap: 23px !important;
}

.u-gap24px {
  -webkit-column-gap: 24px !important;
     -moz-column-gap: 24px !important;
          column-gap: 24px !important;
  row-gap: 24px !important;
}

.u-gapCol24px {
  -webkit-column-gap: 24px !important;
     -moz-column-gap: 24px !important;
          column-gap: 24px !important;
}

.u-gapRow24px {
  row-gap: 24px !important;
}

.u-gap25px {
  -webkit-column-gap: 25px !important;
     -moz-column-gap: 25px !important;
          column-gap: 25px !important;
  row-gap: 25px !important;
}

.u-gapCol25px {
  -webkit-column-gap: 25px !important;
     -moz-column-gap: 25px !important;
          column-gap: 25px !important;
}

.u-gapRow25px {
  row-gap: 25px !important;
}

.u-gap26px {
  -webkit-column-gap: 26px !important;
     -moz-column-gap: 26px !important;
          column-gap: 26px !important;
  row-gap: 26px !important;
}

.u-gapCol26px {
  -webkit-column-gap: 26px !important;
     -moz-column-gap: 26px !important;
          column-gap: 26px !important;
}

.u-gapRow26px {
  row-gap: 26px !important;
}

.u-gap27px {
  -webkit-column-gap: 27px !important;
     -moz-column-gap: 27px !important;
          column-gap: 27px !important;
  row-gap: 27px !important;
}

.u-gapCol27px {
  -webkit-column-gap: 27px !important;
     -moz-column-gap: 27px !important;
          column-gap: 27px !important;
}

.u-gapRow27px {
  row-gap: 27px !important;
}

.u-gap28px {
  -webkit-column-gap: 28px !important;
     -moz-column-gap: 28px !important;
          column-gap: 28px !important;
  row-gap: 28px !important;
}

.u-gapCol28px {
  -webkit-column-gap: 28px !important;
     -moz-column-gap: 28px !important;
          column-gap: 28px !important;
}

.u-gapRow28px {
  row-gap: 28px !important;
}

.u-gap29px {
  -webkit-column-gap: 29px !important;
     -moz-column-gap: 29px !important;
          column-gap: 29px !important;
  row-gap: 29px !important;
}

.u-gapCol29px {
  -webkit-column-gap: 29px !important;
     -moz-column-gap: 29px !important;
          column-gap: 29px !important;
}

.u-gapRow29px {
  row-gap: 29px !important;
}

.u-gap30px {
  -webkit-column-gap: 30px !important;
     -moz-column-gap: 30px !important;
          column-gap: 30px !important;
  row-gap: 30px !important;
}

.u-gapCol30px {
  -webkit-column-gap: 30px !important;
     -moz-column-gap: 30px !important;
          column-gap: 30px !important;
}

.u-gapRow30px {
  row-gap: 30px !important;
}

.u-gap31px {
  -webkit-column-gap: 31px !important;
     -moz-column-gap: 31px !important;
          column-gap: 31px !important;
  row-gap: 31px !important;
}

.u-gapCol31px {
  -webkit-column-gap: 31px !important;
     -moz-column-gap: 31px !important;
          column-gap: 31px !important;
}

.u-gapRow31px {
  row-gap: 31px !important;
}

.u-gap32px {
  -webkit-column-gap: 32px !important;
     -moz-column-gap: 32px !important;
          column-gap: 32px !important;
  row-gap: 32px !important;
}

.u-gapCol32px {
  -webkit-column-gap: 32px !important;
     -moz-column-gap: 32px !important;
          column-gap: 32px !important;
}

.u-gapRow32px {
  row-gap: 32px !important;
}

.u-gap33px {
  -webkit-column-gap: 33px !important;
     -moz-column-gap: 33px !important;
          column-gap: 33px !important;
  row-gap: 33px !important;
}

.u-gapCol33px {
  -webkit-column-gap: 33px !important;
     -moz-column-gap: 33px !important;
          column-gap: 33px !important;
}

.u-gapRow33px {
  row-gap: 33px !important;
}

.u-gap34px {
  -webkit-column-gap: 34px !important;
     -moz-column-gap: 34px !important;
          column-gap: 34px !important;
  row-gap: 34px !important;
}

.u-gapCol34px {
  -webkit-column-gap: 34px !important;
     -moz-column-gap: 34px !important;
          column-gap: 34px !important;
}

.u-gapRow34px {
  row-gap: 34px !important;
}

.u-gap35px {
  -webkit-column-gap: 35px !important;
     -moz-column-gap: 35px !important;
          column-gap: 35px !important;
  row-gap: 35px !important;
}

.u-gapCol35px {
  -webkit-column-gap: 35px !important;
     -moz-column-gap: 35px !important;
          column-gap: 35px !important;
}

.u-gapRow35px {
  row-gap: 35px !important;
}

.u-gap36px {
  -webkit-column-gap: 36px !important;
     -moz-column-gap: 36px !important;
          column-gap: 36px !important;
  row-gap: 36px !important;
}

.u-gapCol36px {
  -webkit-column-gap: 36px !important;
     -moz-column-gap: 36px !important;
          column-gap: 36px !important;
}

.u-gapRow36px {
  row-gap: 36px !important;
}

.u-gap37px {
  -webkit-column-gap: 37px !important;
     -moz-column-gap: 37px !important;
          column-gap: 37px !important;
  row-gap: 37px !important;
}

.u-gapCol37px {
  -webkit-column-gap: 37px !important;
     -moz-column-gap: 37px !important;
          column-gap: 37px !important;
}

.u-gapRow37px {
  row-gap: 37px !important;
}

.u-gap38px {
  -webkit-column-gap: 38px !important;
     -moz-column-gap: 38px !important;
          column-gap: 38px !important;
  row-gap: 38px !important;
}

.u-gapCol38px {
  -webkit-column-gap: 38px !important;
     -moz-column-gap: 38px !important;
          column-gap: 38px !important;
}

.u-gapRow38px {
  row-gap: 38px !important;
}

.u-gap39px {
  -webkit-column-gap: 39px !important;
     -moz-column-gap: 39px !important;
          column-gap: 39px !important;
  row-gap: 39px !important;
}

.u-gapCol39px {
  -webkit-column-gap: 39px !important;
     -moz-column-gap: 39px !important;
          column-gap: 39px !important;
}

.u-gapRow39px {
  row-gap: 39px !important;
}

.u-gap40px {
  -webkit-column-gap: 40px !important;
     -moz-column-gap: 40px !important;
          column-gap: 40px !important;
  row-gap: 40px !important;
}

.u-gapCol40px {
  -webkit-column-gap: 40px !important;
     -moz-column-gap: 40px !important;
          column-gap: 40px !important;
}

.u-gapRow40px {
  row-gap: 40px !important;
}

.u-gap41px {
  -webkit-column-gap: 41px !important;
     -moz-column-gap: 41px !important;
          column-gap: 41px !important;
  row-gap: 41px !important;
}

.u-gapCol41px {
  -webkit-column-gap: 41px !important;
     -moz-column-gap: 41px !important;
          column-gap: 41px !important;
}

.u-gapRow41px {
  row-gap: 41px !important;
}

.u-gap42px {
  -webkit-column-gap: 42px !important;
     -moz-column-gap: 42px !important;
          column-gap: 42px !important;
  row-gap: 42px !important;
}

.u-gapCol42px {
  -webkit-column-gap: 42px !important;
     -moz-column-gap: 42px !important;
          column-gap: 42px !important;
}

.u-gapRow42px {
  row-gap: 42px !important;
}

.u-gap43px {
  -webkit-column-gap: 43px !important;
     -moz-column-gap: 43px !important;
          column-gap: 43px !important;
  row-gap: 43px !important;
}

.u-gapCol43px {
  -webkit-column-gap: 43px !important;
     -moz-column-gap: 43px !important;
          column-gap: 43px !important;
}

.u-gapRow43px {
  row-gap: 43px !important;
}

.u-gap44px {
  -webkit-column-gap: 44px !important;
     -moz-column-gap: 44px !important;
          column-gap: 44px !important;
  row-gap: 44px !important;
}

.u-gapCol44px {
  -webkit-column-gap: 44px !important;
     -moz-column-gap: 44px !important;
          column-gap: 44px !important;
}

.u-gapRow44px {
  row-gap: 44px !important;
}

.u-gap45px {
  -webkit-column-gap: 45px !important;
     -moz-column-gap: 45px !important;
          column-gap: 45px !important;
  row-gap: 45px !important;
}

.u-gapCol45px {
  -webkit-column-gap: 45px !important;
     -moz-column-gap: 45px !important;
          column-gap: 45px !important;
}

.u-gapRow45px {
  row-gap: 45px !important;
}

.u-gap46px {
  -webkit-column-gap: 46px !important;
     -moz-column-gap: 46px !important;
          column-gap: 46px !important;
  row-gap: 46px !important;
}

.u-gapCol46px {
  -webkit-column-gap: 46px !important;
     -moz-column-gap: 46px !important;
          column-gap: 46px !important;
}

.u-gapRow46px {
  row-gap: 46px !important;
}

.u-gap47px {
  -webkit-column-gap: 47px !important;
     -moz-column-gap: 47px !important;
          column-gap: 47px !important;
  row-gap: 47px !important;
}

.u-gapCol47px {
  -webkit-column-gap: 47px !important;
     -moz-column-gap: 47px !important;
          column-gap: 47px !important;
}

.u-gapRow47px {
  row-gap: 47px !important;
}

.u-gap48px {
  -webkit-column-gap: 48px !important;
     -moz-column-gap: 48px !important;
          column-gap: 48px !important;
  row-gap: 48px !important;
}

.u-gapCol48px {
  -webkit-column-gap: 48px !important;
     -moz-column-gap: 48px !important;
          column-gap: 48px !important;
}

.u-gapRow48px {
  row-gap: 48px !important;
}

.u-gap49px {
  -webkit-column-gap: 49px !important;
     -moz-column-gap: 49px !important;
          column-gap: 49px !important;
  row-gap: 49px !important;
}

.u-gapCol49px {
  -webkit-column-gap: 49px !important;
     -moz-column-gap: 49px !important;
          column-gap: 49px !important;
}

.u-gapRow49px {
  row-gap: 49px !important;
}

.u-gap50px {
  -webkit-column-gap: 50px !important;
     -moz-column-gap: 50px !important;
          column-gap: 50px !important;
  row-gap: 50px !important;
}

.u-gapCol50px {
  -webkit-column-gap: 50px !important;
     -moz-column-gap: 50px !important;
          column-gap: 50px !important;
}

.u-gapRow50px {
  row-gap: 50px !important;
}

.u-gap51px {
  -webkit-column-gap: 51px !important;
     -moz-column-gap: 51px !important;
          column-gap: 51px !important;
  row-gap: 51px !important;
}

.u-gapCol51px {
  -webkit-column-gap: 51px !important;
     -moz-column-gap: 51px !important;
          column-gap: 51px !important;
}

.u-gapRow51px {
  row-gap: 51px !important;
}

.u-gap52px {
  -webkit-column-gap: 52px !important;
     -moz-column-gap: 52px !important;
          column-gap: 52px !important;
  row-gap: 52px !important;
}

.u-gapCol52px {
  -webkit-column-gap: 52px !important;
     -moz-column-gap: 52px !important;
          column-gap: 52px !important;
}

.u-gapRow52px {
  row-gap: 52px !important;
}

.u-gap53px {
  -webkit-column-gap: 53px !important;
     -moz-column-gap: 53px !important;
          column-gap: 53px !important;
  row-gap: 53px !important;
}

.u-gapCol53px {
  -webkit-column-gap: 53px !important;
     -moz-column-gap: 53px !important;
          column-gap: 53px !important;
}

.u-gapRow53px {
  row-gap: 53px !important;
}

.u-gap54px {
  -webkit-column-gap: 54px !important;
     -moz-column-gap: 54px !important;
          column-gap: 54px !important;
  row-gap: 54px !important;
}

.u-gapCol54px {
  -webkit-column-gap: 54px !important;
     -moz-column-gap: 54px !important;
          column-gap: 54px !important;
}

.u-gapRow54px {
  row-gap: 54px !important;
}

.u-gap55px {
  -webkit-column-gap: 55px !important;
     -moz-column-gap: 55px !important;
          column-gap: 55px !important;
  row-gap: 55px !important;
}

.u-gapCol55px {
  -webkit-column-gap: 55px !important;
     -moz-column-gap: 55px !important;
          column-gap: 55px !important;
}

.u-gapRow55px {
  row-gap: 55px !important;
}

.u-gap56px {
  -webkit-column-gap: 56px !important;
     -moz-column-gap: 56px !important;
          column-gap: 56px !important;
  row-gap: 56px !important;
}

.u-gapCol56px {
  -webkit-column-gap: 56px !important;
     -moz-column-gap: 56px !important;
          column-gap: 56px !important;
}

.u-gapRow56px {
  row-gap: 56px !important;
}

.u-gap57px {
  -webkit-column-gap: 57px !important;
     -moz-column-gap: 57px !important;
          column-gap: 57px !important;
  row-gap: 57px !important;
}

.u-gapCol57px {
  -webkit-column-gap: 57px !important;
     -moz-column-gap: 57px !important;
          column-gap: 57px !important;
}

.u-gapRow57px {
  row-gap: 57px !important;
}

.u-gap58px {
  -webkit-column-gap: 58px !important;
     -moz-column-gap: 58px !important;
          column-gap: 58px !important;
  row-gap: 58px !important;
}

.u-gapCol58px {
  -webkit-column-gap: 58px !important;
     -moz-column-gap: 58px !important;
          column-gap: 58px !important;
}

.u-gapRow58px {
  row-gap: 58px !important;
}

.u-gap59px {
  -webkit-column-gap: 59px !important;
     -moz-column-gap: 59px !important;
          column-gap: 59px !important;
  row-gap: 59px !important;
}

.u-gapCol59px {
  -webkit-column-gap: 59px !important;
     -moz-column-gap: 59px !important;
          column-gap: 59px !important;
}

.u-gapRow59px {
  row-gap: 59px !important;
}

.u-gap60px {
  -webkit-column-gap: 60px !important;
     -moz-column-gap: 60px !important;
          column-gap: 60px !important;
  row-gap: 60px !important;
}

.u-gapCol60px {
  -webkit-column-gap: 60px !important;
     -moz-column-gap: 60px !important;
          column-gap: 60px !important;
}

.u-gapRow60px {
  row-gap: 60px !important;
}

.u-gap61px {
  -webkit-column-gap: 61px !important;
     -moz-column-gap: 61px !important;
          column-gap: 61px !important;
  row-gap: 61px !important;
}

.u-gapCol61px {
  -webkit-column-gap: 61px !important;
     -moz-column-gap: 61px !important;
          column-gap: 61px !important;
}

.u-gapRow61px {
  row-gap: 61px !important;
}

.u-gap62px {
  -webkit-column-gap: 62px !important;
     -moz-column-gap: 62px !important;
          column-gap: 62px !important;
  row-gap: 62px !important;
}

.u-gapCol62px {
  -webkit-column-gap: 62px !important;
     -moz-column-gap: 62px !important;
          column-gap: 62px !important;
}

.u-gapRow62px {
  row-gap: 62px !important;
}

.u-gap63px {
  -webkit-column-gap: 63px !important;
     -moz-column-gap: 63px !important;
          column-gap: 63px !important;
  row-gap: 63px !important;
}

.u-gapCol63px {
  -webkit-column-gap: 63px !important;
     -moz-column-gap: 63px !important;
          column-gap: 63px !important;
}

.u-gapRow63px {
  row-gap: 63px !important;
}

.u-gap64px {
  -webkit-column-gap: 64px !important;
     -moz-column-gap: 64px !important;
          column-gap: 64px !important;
  row-gap: 64px !important;
}

.u-gapCol64px {
  -webkit-column-gap: 64px !important;
     -moz-column-gap: 64px !important;
          column-gap: 64px !important;
}

.u-gapRow64px {
  row-gap: 64px !important;
}

.u-gap65px {
  -webkit-column-gap: 65px !important;
     -moz-column-gap: 65px !important;
          column-gap: 65px !important;
  row-gap: 65px !important;
}

.u-gapCol65px {
  -webkit-column-gap: 65px !important;
     -moz-column-gap: 65px !important;
          column-gap: 65px !important;
}

.u-gapRow65px {
  row-gap: 65px !important;
}

.u-gap66px {
  -webkit-column-gap: 66px !important;
     -moz-column-gap: 66px !important;
          column-gap: 66px !important;
  row-gap: 66px !important;
}

.u-gapCol66px {
  -webkit-column-gap: 66px !important;
     -moz-column-gap: 66px !important;
          column-gap: 66px !important;
}

.u-gapRow66px {
  row-gap: 66px !important;
}

.u-gap67px {
  -webkit-column-gap: 67px !important;
     -moz-column-gap: 67px !important;
          column-gap: 67px !important;
  row-gap: 67px !important;
}

.u-gapCol67px {
  -webkit-column-gap: 67px !important;
     -moz-column-gap: 67px !important;
          column-gap: 67px !important;
}

.u-gapRow67px {
  row-gap: 67px !important;
}

.u-gap68px {
  -webkit-column-gap: 68px !important;
     -moz-column-gap: 68px !important;
          column-gap: 68px !important;
  row-gap: 68px !important;
}

.u-gapCol68px {
  -webkit-column-gap: 68px !important;
     -moz-column-gap: 68px !important;
          column-gap: 68px !important;
}

.u-gapRow68px {
  row-gap: 68px !important;
}

.u-gap69px {
  -webkit-column-gap: 69px !important;
     -moz-column-gap: 69px !important;
          column-gap: 69px !important;
  row-gap: 69px !important;
}

.u-gapCol69px {
  -webkit-column-gap: 69px !important;
     -moz-column-gap: 69px !important;
          column-gap: 69px !important;
}

.u-gapRow69px {
  row-gap: 69px !important;
}

.u-gap70px {
  -webkit-column-gap: 70px !important;
     -moz-column-gap: 70px !important;
          column-gap: 70px !important;
  row-gap: 70px !important;
}

.u-gapCol70px {
  -webkit-column-gap: 70px !important;
     -moz-column-gap: 70px !important;
          column-gap: 70px !important;
}

.u-gapRow70px {
  row-gap: 70px !important;
}

.u-gap71px {
  -webkit-column-gap: 71px !important;
     -moz-column-gap: 71px !important;
          column-gap: 71px !important;
  row-gap: 71px !important;
}

.u-gapCol71px {
  -webkit-column-gap: 71px !important;
     -moz-column-gap: 71px !important;
          column-gap: 71px !important;
}

.u-gapRow71px {
  row-gap: 71px !important;
}

.u-gap72px {
  -webkit-column-gap: 72px !important;
     -moz-column-gap: 72px !important;
          column-gap: 72px !important;
  row-gap: 72px !important;
}

.u-gapCol72px {
  -webkit-column-gap: 72px !important;
     -moz-column-gap: 72px !important;
          column-gap: 72px !important;
}

.u-gapRow72px {
  row-gap: 72px !important;
}

.u-gap73px {
  -webkit-column-gap: 73px !important;
     -moz-column-gap: 73px !important;
          column-gap: 73px !important;
  row-gap: 73px !important;
}

.u-gapCol73px {
  -webkit-column-gap: 73px !important;
     -moz-column-gap: 73px !important;
          column-gap: 73px !important;
}

.u-gapRow73px {
  row-gap: 73px !important;
}

.u-gap74px {
  -webkit-column-gap: 74px !important;
     -moz-column-gap: 74px !important;
          column-gap: 74px !important;
  row-gap: 74px !important;
}

.u-gapCol74px {
  -webkit-column-gap: 74px !important;
     -moz-column-gap: 74px !important;
          column-gap: 74px !important;
}

.u-gapRow74px {
  row-gap: 74px !important;
}

.u-gap75px {
  -webkit-column-gap: 75px !important;
     -moz-column-gap: 75px !important;
          column-gap: 75px !important;
  row-gap: 75px !important;
}

.u-gapCol75px {
  -webkit-column-gap: 75px !important;
     -moz-column-gap: 75px !important;
          column-gap: 75px !important;
}

.u-gapRow75px {
  row-gap: 75px !important;
}

.u-gap76px {
  -webkit-column-gap: 76px !important;
     -moz-column-gap: 76px !important;
          column-gap: 76px !important;
  row-gap: 76px !important;
}

.u-gapCol76px {
  -webkit-column-gap: 76px !important;
     -moz-column-gap: 76px !important;
          column-gap: 76px !important;
}

.u-gapRow76px {
  row-gap: 76px !important;
}

.u-gap77px {
  -webkit-column-gap: 77px !important;
     -moz-column-gap: 77px !important;
          column-gap: 77px !important;
  row-gap: 77px !important;
}

.u-gapCol77px {
  -webkit-column-gap: 77px !important;
     -moz-column-gap: 77px !important;
          column-gap: 77px !important;
}

.u-gapRow77px {
  row-gap: 77px !important;
}

.u-gap78px {
  -webkit-column-gap: 78px !important;
     -moz-column-gap: 78px !important;
          column-gap: 78px !important;
  row-gap: 78px !important;
}

.u-gapCol78px {
  -webkit-column-gap: 78px !important;
     -moz-column-gap: 78px !important;
          column-gap: 78px !important;
}

.u-gapRow78px {
  row-gap: 78px !important;
}

.u-gap79px {
  -webkit-column-gap: 79px !important;
     -moz-column-gap: 79px !important;
          column-gap: 79px !important;
  row-gap: 79px !important;
}

.u-gapCol79px {
  -webkit-column-gap: 79px !important;
     -moz-column-gap: 79px !important;
          column-gap: 79px !important;
}

.u-gapRow79px {
  row-gap: 79px !important;
}

.u-gap80px {
  -webkit-column-gap: 80px !important;
     -moz-column-gap: 80px !important;
          column-gap: 80px !important;
  row-gap: 80px !important;
}

.u-gapCol80px {
  -webkit-column-gap: 80px !important;
     -moz-column-gap: 80px !important;
          column-gap: 80px !important;
}

.u-gapRow80px {
  row-gap: 80px !important;
}

.u-gap81px {
  -webkit-column-gap: 81px !important;
     -moz-column-gap: 81px !important;
          column-gap: 81px !important;
  row-gap: 81px !important;
}

.u-gapCol81px {
  -webkit-column-gap: 81px !important;
     -moz-column-gap: 81px !important;
          column-gap: 81px !important;
}

.u-gapRow81px {
  row-gap: 81px !important;
}

.u-gap82px {
  -webkit-column-gap: 82px !important;
     -moz-column-gap: 82px !important;
          column-gap: 82px !important;
  row-gap: 82px !important;
}

.u-gapCol82px {
  -webkit-column-gap: 82px !important;
     -moz-column-gap: 82px !important;
          column-gap: 82px !important;
}

.u-gapRow82px {
  row-gap: 82px !important;
}

.u-gap83px {
  -webkit-column-gap: 83px !important;
     -moz-column-gap: 83px !important;
          column-gap: 83px !important;
  row-gap: 83px !important;
}

.u-gapCol83px {
  -webkit-column-gap: 83px !important;
     -moz-column-gap: 83px !important;
          column-gap: 83px !important;
}

.u-gapRow83px {
  row-gap: 83px !important;
}

.u-gap84px {
  -webkit-column-gap: 84px !important;
     -moz-column-gap: 84px !important;
          column-gap: 84px !important;
  row-gap: 84px !important;
}

.u-gapCol84px {
  -webkit-column-gap: 84px !important;
     -moz-column-gap: 84px !important;
          column-gap: 84px !important;
}

.u-gapRow84px {
  row-gap: 84px !important;
}

.u-gap85px {
  -webkit-column-gap: 85px !important;
     -moz-column-gap: 85px !important;
          column-gap: 85px !important;
  row-gap: 85px !important;
}

.u-gapCol85px {
  -webkit-column-gap: 85px !important;
     -moz-column-gap: 85px !important;
          column-gap: 85px !important;
}

.u-gapRow85px {
  row-gap: 85px !important;
}

.u-gap86px {
  -webkit-column-gap: 86px !important;
     -moz-column-gap: 86px !important;
          column-gap: 86px !important;
  row-gap: 86px !important;
}

.u-gapCol86px {
  -webkit-column-gap: 86px !important;
     -moz-column-gap: 86px !important;
          column-gap: 86px !important;
}

.u-gapRow86px {
  row-gap: 86px !important;
}

.u-gap87px {
  -webkit-column-gap: 87px !important;
     -moz-column-gap: 87px !important;
          column-gap: 87px !important;
  row-gap: 87px !important;
}

.u-gapCol87px {
  -webkit-column-gap: 87px !important;
     -moz-column-gap: 87px !important;
          column-gap: 87px !important;
}

.u-gapRow87px {
  row-gap: 87px !important;
}

.u-gap88px {
  -webkit-column-gap: 88px !important;
     -moz-column-gap: 88px !important;
          column-gap: 88px !important;
  row-gap: 88px !important;
}

.u-gapCol88px {
  -webkit-column-gap: 88px !important;
     -moz-column-gap: 88px !important;
          column-gap: 88px !important;
}

.u-gapRow88px {
  row-gap: 88px !important;
}

.u-gap89px {
  -webkit-column-gap: 89px !important;
     -moz-column-gap: 89px !important;
          column-gap: 89px !important;
  row-gap: 89px !important;
}

.u-gapCol89px {
  -webkit-column-gap: 89px !important;
     -moz-column-gap: 89px !important;
          column-gap: 89px !important;
}

.u-gapRow89px {
  row-gap: 89px !important;
}

.u-gap90px {
  -webkit-column-gap: 90px !important;
     -moz-column-gap: 90px !important;
          column-gap: 90px !important;
  row-gap: 90px !important;
}

.u-gapCol90px {
  -webkit-column-gap: 90px !important;
     -moz-column-gap: 90px !important;
          column-gap: 90px !important;
}

.u-gapRow90px {
  row-gap: 90px !important;
}

.u-gap91px {
  -webkit-column-gap: 91px !important;
     -moz-column-gap: 91px !important;
          column-gap: 91px !important;
  row-gap: 91px !important;
}

.u-gapCol91px {
  -webkit-column-gap: 91px !important;
     -moz-column-gap: 91px !important;
          column-gap: 91px !important;
}

.u-gapRow91px {
  row-gap: 91px !important;
}

.u-gap92px {
  -webkit-column-gap: 92px !important;
     -moz-column-gap: 92px !important;
          column-gap: 92px !important;
  row-gap: 92px !important;
}

.u-gapCol92px {
  -webkit-column-gap: 92px !important;
     -moz-column-gap: 92px !important;
          column-gap: 92px !important;
}

.u-gapRow92px {
  row-gap: 92px !important;
}

.u-gap93px {
  -webkit-column-gap: 93px !important;
     -moz-column-gap: 93px !important;
          column-gap: 93px !important;
  row-gap: 93px !important;
}

.u-gapCol93px {
  -webkit-column-gap: 93px !important;
     -moz-column-gap: 93px !important;
          column-gap: 93px !important;
}

.u-gapRow93px {
  row-gap: 93px !important;
}

.u-gap94px {
  -webkit-column-gap: 94px !important;
     -moz-column-gap: 94px !important;
          column-gap: 94px !important;
  row-gap: 94px !important;
}

.u-gapCol94px {
  -webkit-column-gap: 94px !important;
     -moz-column-gap: 94px !important;
          column-gap: 94px !important;
}

.u-gapRow94px {
  row-gap: 94px !important;
}

.u-gap95px {
  -webkit-column-gap: 95px !important;
     -moz-column-gap: 95px !important;
          column-gap: 95px !important;
  row-gap: 95px !important;
}

.u-gapCol95px {
  -webkit-column-gap: 95px !important;
     -moz-column-gap: 95px !important;
          column-gap: 95px !important;
}

.u-gapRow95px {
  row-gap: 95px !important;
}

.u-gap96px {
  -webkit-column-gap: 96px !important;
     -moz-column-gap: 96px !important;
          column-gap: 96px !important;
  row-gap: 96px !important;
}

.u-gapCol96px {
  -webkit-column-gap: 96px !important;
     -moz-column-gap: 96px !important;
          column-gap: 96px !important;
}

.u-gapRow96px {
  row-gap: 96px !important;
}

.u-gap97px {
  -webkit-column-gap: 97px !important;
     -moz-column-gap: 97px !important;
          column-gap: 97px !important;
  row-gap: 97px !important;
}

.u-gapCol97px {
  -webkit-column-gap: 97px !important;
     -moz-column-gap: 97px !important;
          column-gap: 97px !important;
}

.u-gapRow97px {
  row-gap: 97px !important;
}

.u-gap98px {
  -webkit-column-gap: 98px !important;
     -moz-column-gap: 98px !important;
          column-gap: 98px !important;
  row-gap: 98px !important;
}

.u-gapCol98px {
  -webkit-column-gap: 98px !important;
     -moz-column-gap: 98px !important;
          column-gap: 98px !important;
}

.u-gapRow98px {
  row-gap: 98px !important;
}

.u-gap99px {
  -webkit-column-gap: 99px !important;
     -moz-column-gap: 99px !important;
          column-gap: 99px !important;
  row-gap: 99px !important;
}

.u-gapCol99px {
  -webkit-column-gap: 99px !important;
     -moz-column-gap: 99px !important;
          column-gap: 99px !important;
}

.u-gapRow99px {
  row-gap: 99px !important;
}

.u-gap100px {
  -webkit-column-gap: 100px !important;
     -moz-column-gap: 100px !important;
          column-gap: 100px !important;
  row-gap: 100px !important;
}

.u-gapCol100px {
  -webkit-column-gap: 100px !important;
     -moz-column-gap: 100px !important;
          column-gap: 100px !important;
}

.u-gapRow100px {
  row-gap: 100px !important;
}

@media screen and (max-width: 375px) {
  .u-gap0px--sp {
    -webkit-column-gap: 0px !important;
       -moz-column-gap: 0px !important;
            column-gap: 0px !important;
    row-gap: 0px !important;
  }
  .u-gapCol0px--sp {
    -webkit-column-gap: 0px !important;
       -moz-column-gap: 0px !important;
            column-gap: 0px !important;
  }
  .u-gapRow0px--sp {
    row-gap: 0px !important;
  }
  .u-gap1px--sp {
    -webkit-column-gap: 1px !important;
       -moz-column-gap: 1px !important;
            column-gap: 1px !important;
    row-gap: 1px !important;
  }
  .u-gapCol1px--sp {
    -webkit-column-gap: 1px !important;
       -moz-column-gap: 1px !important;
            column-gap: 1px !important;
  }
  .u-gapRow1px--sp {
    row-gap: 1px !important;
  }
  .u-gap2px--sp {
    -webkit-column-gap: 2px !important;
       -moz-column-gap: 2px !important;
            column-gap: 2px !important;
    row-gap: 2px !important;
  }
  .u-gapCol2px--sp {
    -webkit-column-gap: 2px !important;
       -moz-column-gap: 2px !important;
            column-gap: 2px !important;
  }
  .u-gapRow2px--sp {
    row-gap: 2px !important;
  }
  .u-gap3px--sp {
    -webkit-column-gap: 3px !important;
       -moz-column-gap: 3px !important;
            column-gap: 3px !important;
    row-gap: 3px !important;
  }
  .u-gapCol3px--sp {
    -webkit-column-gap: 3px !important;
       -moz-column-gap: 3px !important;
            column-gap: 3px !important;
  }
  .u-gapRow3px--sp {
    row-gap: 3px !important;
  }
  .u-gap4px--sp {
    -webkit-column-gap: 4px !important;
       -moz-column-gap: 4px !important;
            column-gap: 4px !important;
    row-gap: 4px !important;
  }
  .u-gapCol4px--sp {
    -webkit-column-gap: 4px !important;
       -moz-column-gap: 4px !important;
            column-gap: 4px !important;
  }
  .u-gapRow4px--sp {
    row-gap: 4px !important;
  }
  .u-gap5px--sp {
    -webkit-column-gap: 5px !important;
       -moz-column-gap: 5px !important;
            column-gap: 5px !important;
    row-gap: 5px !important;
  }
  .u-gapCol5px--sp {
    -webkit-column-gap: 5px !important;
       -moz-column-gap: 5px !important;
            column-gap: 5px !important;
  }
  .u-gapRow5px--sp {
    row-gap: 5px !important;
  }
  .u-gap6px--sp {
    -webkit-column-gap: 6px !important;
       -moz-column-gap: 6px !important;
            column-gap: 6px !important;
    row-gap: 6px !important;
  }
  .u-gapCol6px--sp {
    -webkit-column-gap: 6px !important;
       -moz-column-gap: 6px !important;
            column-gap: 6px !important;
  }
  .u-gapRow6px--sp {
    row-gap: 6px !important;
  }
  .u-gap7px--sp {
    -webkit-column-gap: 7px !important;
       -moz-column-gap: 7px !important;
            column-gap: 7px !important;
    row-gap: 7px !important;
  }
  .u-gapCol7px--sp {
    -webkit-column-gap: 7px !important;
       -moz-column-gap: 7px !important;
            column-gap: 7px !important;
  }
  .u-gapRow7px--sp {
    row-gap: 7px !important;
  }
  .u-gap8px--sp {
    -webkit-column-gap: 8px !important;
       -moz-column-gap: 8px !important;
            column-gap: 8px !important;
    row-gap: 8px !important;
  }
  .u-gapCol8px--sp {
    -webkit-column-gap: 8px !important;
       -moz-column-gap: 8px !important;
            column-gap: 8px !important;
  }
  .u-gapRow8px--sp {
    row-gap: 8px !important;
  }
  .u-gap9px--sp {
    -webkit-column-gap: 9px !important;
       -moz-column-gap: 9px !important;
            column-gap: 9px !important;
    row-gap: 9px !important;
  }
  .u-gapCol9px--sp {
    -webkit-column-gap: 9px !important;
       -moz-column-gap: 9px !important;
            column-gap: 9px !important;
  }
  .u-gapRow9px--sp {
    row-gap: 9px !important;
  }
  .u-gap10px--sp {
    -webkit-column-gap: 10px !important;
       -moz-column-gap: 10px !important;
            column-gap: 10px !important;
    row-gap: 10px !important;
  }
  .u-gapCol10px--sp {
    -webkit-column-gap: 10px !important;
       -moz-column-gap: 10px !important;
            column-gap: 10px !important;
  }
  .u-gapRow10px--sp {
    row-gap: 10px !important;
  }
  .u-gap11px--sp {
    -webkit-column-gap: 11px !important;
       -moz-column-gap: 11px !important;
            column-gap: 11px !important;
    row-gap: 11px !important;
  }
  .u-gapCol11px--sp {
    -webkit-column-gap: 11px !important;
       -moz-column-gap: 11px !important;
            column-gap: 11px !important;
  }
  .u-gapRow11px--sp {
    row-gap: 11px !important;
  }
  .u-gap12px--sp {
    -webkit-column-gap: 12px !important;
       -moz-column-gap: 12px !important;
            column-gap: 12px !important;
    row-gap: 12px !important;
  }
  .u-gapCol12px--sp {
    -webkit-column-gap: 12px !important;
       -moz-column-gap: 12px !important;
            column-gap: 12px !important;
  }
  .u-gapRow12px--sp {
    row-gap: 12px !important;
  }
  .u-gap13px--sp {
    -webkit-column-gap: 13px !important;
       -moz-column-gap: 13px !important;
            column-gap: 13px !important;
    row-gap: 13px !important;
  }
  .u-gapCol13px--sp {
    -webkit-column-gap: 13px !important;
       -moz-column-gap: 13px !important;
            column-gap: 13px !important;
  }
  .u-gapRow13px--sp {
    row-gap: 13px !important;
  }
  .u-gap14px--sp {
    -webkit-column-gap: 14px !important;
       -moz-column-gap: 14px !important;
            column-gap: 14px !important;
    row-gap: 14px !important;
  }
  .u-gapCol14px--sp {
    -webkit-column-gap: 14px !important;
       -moz-column-gap: 14px !important;
            column-gap: 14px !important;
  }
  .u-gapRow14px--sp {
    row-gap: 14px !important;
  }
  .u-gap15px--sp {
    -webkit-column-gap: 15px !important;
       -moz-column-gap: 15px !important;
            column-gap: 15px !important;
    row-gap: 15px !important;
  }
  .u-gapCol15px--sp {
    -webkit-column-gap: 15px !important;
       -moz-column-gap: 15px !important;
            column-gap: 15px !important;
  }
  .u-gapRow15px--sp {
    row-gap: 15px !important;
  }
  .u-gap16px--sp {
    -webkit-column-gap: 16px !important;
       -moz-column-gap: 16px !important;
            column-gap: 16px !important;
    row-gap: 16px !important;
  }
  .u-gapCol16px--sp {
    -webkit-column-gap: 16px !important;
       -moz-column-gap: 16px !important;
            column-gap: 16px !important;
  }
  .u-gapRow16px--sp {
    row-gap: 16px !important;
  }
  .u-gap17px--sp {
    -webkit-column-gap: 17px !important;
       -moz-column-gap: 17px !important;
            column-gap: 17px !important;
    row-gap: 17px !important;
  }
  .u-gapCol17px--sp {
    -webkit-column-gap: 17px !important;
       -moz-column-gap: 17px !important;
            column-gap: 17px !important;
  }
  .u-gapRow17px--sp {
    row-gap: 17px !important;
  }
  .u-gap18px--sp {
    -webkit-column-gap: 18px !important;
       -moz-column-gap: 18px !important;
            column-gap: 18px !important;
    row-gap: 18px !important;
  }
  .u-gapCol18px--sp {
    -webkit-column-gap: 18px !important;
       -moz-column-gap: 18px !important;
            column-gap: 18px !important;
  }
  .u-gapRow18px--sp {
    row-gap: 18px !important;
  }
  .u-gap19px--sp {
    -webkit-column-gap: 19px !important;
       -moz-column-gap: 19px !important;
            column-gap: 19px !important;
    row-gap: 19px !important;
  }
  .u-gapCol19px--sp {
    -webkit-column-gap: 19px !important;
       -moz-column-gap: 19px !important;
            column-gap: 19px !important;
  }
  .u-gapRow19px--sp {
    row-gap: 19px !important;
  }
  .u-gap20px--sp {
    -webkit-column-gap: 20px !important;
       -moz-column-gap: 20px !important;
            column-gap: 20px !important;
    row-gap: 20px !important;
  }
  .u-gapCol20px--sp {
    -webkit-column-gap: 20px !important;
       -moz-column-gap: 20px !important;
            column-gap: 20px !important;
  }
  .u-gapRow20px--sp {
    row-gap: 20px !important;
  }
  .u-gap21px--sp {
    -webkit-column-gap: 21px !important;
       -moz-column-gap: 21px !important;
            column-gap: 21px !important;
    row-gap: 21px !important;
  }
  .u-gapCol21px--sp {
    -webkit-column-gap: 21px !important;
       -moz-column-gap: 21px !important;
            column-gap: 21px !important;
  }
  .u-gapRow21px--sp {
    row-gap: 21px !important;
  }
  .u-gap22px--sp {
    -webkit-column-gap: 22px !important;
       -moz-column-gap: 22px !important;
            column-gap: 22px !important;
    row-gap: 22px !important;
  }
  .u-gapCol22px--sp {
    -webkit-column-gap: 22px !important;
       -moz-column-gap: 22px !important;
            column-gap: 22px !important;
  }
  .u-gapRow22px--sp {
    row-gap: 22px !important;
  }
  .u-gap23px--sp {
    -webkit-column-gap: 23px !important;
       -moz-column-gap: 23px !important;
            column-gap: 23px !important;
    row-gap: 23px !important;
  }
  .u-gapCol23px--sp {
    -webkit-column-gap: 23px !important;
       -moz-column-gap: 23px !important;
            column-gap: 23px !important;
  }
  .u-gapRow23px--sp {
    row-gap: 23px !important;
  }
  .u-gap24px--sp {
    -webkit-column-gap: 24px !important;
       -moz-column-gap: 24px !important;
            column-gap: 24px !important;
    row-gap: 24px !important;
  }
  .u-gapCol24px--sp {
    -webkit-column-gap: 24px !important;
       -moz-column-gap: 24px !important;
            column-gap: 24px !important;
  }
  .u-gapRow24px--sp {
    row-gap: 24px !important;
  }
  .u-gap25px--sp {
    -webkit-column-gap: 25px !important;
       -moz-column-gap: 25px !important;
            column-gap: 25px !important;
    row-gap: 25px !important;
  }
  .u-gapCol25px--sp {
    -webkit-column-gap: 25px !important;
       -moz-column-gap: 25px !important;
            column-gap: 25px !important;
  }
  .u-gapRow25px--sp {
    row-gap: 25px !important;
  }
  .u-gap26px--sp {
    -webkit-column-gap: 26px !important;
       -moz-column-gap: 26px !important;
            column-gap: 26px !important;
    row-gap: 26px !important;
  }
  .u-gapCol26px--sp {
    -webkit-column-gap: 26px !important;
       -moz-column-gap: 26px !important;
            column-gap: 26px !important;
  }
  .u-gapRow26px--sp {
    row-gap: 26px !important;
  }
  .u-gap27px--sp {
    -webkit-column-gap: 27px !important;
       -moz-column-gap: 27px !important;
            column-gap: 27px !important;
    row-gap: 27px !important;
  }
  .u-gapCol27px--sp {
    -webkit-column-gap: 27px !important;
       -moz-column-gap: 27px !important;
            column-gap: 27px !important;
  }
  .u-gapRow27px--sp {
    row-gap: 27px !important;
  }
  .u-gap28px--sp {
    -webkit-column-gap: 28px !important;
       -moz-column-gap: 28px !important;
            column-gap: 28px !important;
    row-gap: 28px !important;
  }
  .u-gapCol28px--sp {
    -webkit-column-gap: 28px !important;
       -moz-column-gap: 28px !important;
            column-gap: 28px !important;
  }
  .u-gapRow28px--sp {
    row-gap: 28px !important;
  }
  .u-gap29px--sp {
    -webkit-column-gap: 29px !important;
       -moz-column-gap: 29px !important;
            column-gap: 29px !important;
    row-gap: 29px !important;
  }
  .u-gapCol29px--sp {
    -webkit-column-gap: 29px !important;
       -moz-column-gap: 29px !important;
            column-gap: 29px !important;
  }
  .u-gapRow29px--sp {
    row-gap: 29px !important;
  }
  .u-gap30px--sp {
    -webkit-column-gap: 30px !important;
       -moz-column-gap: 30px !important;
            column-gap: 30px !important;
    row-gap: 30px !important;
  }
  .u-gapCol30px--sp {
    -webkit-column-gap: 30px !important;
       -moz-column-gap: 30px !important;
            column-gap: 30px !important;
  }
  .u-gapRow30px--sp {
    row-gap: 30px !important;
  }
  .u-gap31px--sp {
    -webkit-column-gap: 31px !important;
       -moz-column-gap: 31px !important;
            column-gap: 31px !important;
    row-gap: 31px !important;
  }
  .u-gapCol31px--sp {
    -webkit-column-gap: 31px !important;
       -moz-column-gap: 31px !important;
            column-gap: 31px !important;
  }
  .u-gapRow31px--sp {
    row-gap: 31px !important;
  }
  .u-gap32px--sp {
    -webkit-column-gap: 32px !important;
       -moz-column-gap: 32px !important;
            column-gap: 32px !important;
    row-gap: 32px !important;
  }
  .u-gapCol32px--sp {
    -webkit-column-gap: 32px !important;
       -moz-column-gap: 32px !important;
            column-gap: 32px !important;
  }
  .u-gapRow32px--sp {
    row-gap: 32px !important;
  }
  .u-gap33px--sp {
    -webkit-column-gap: 33px !important;
       -moz-column-gap: 33px !important;
            column-gap: 33px !important;
    row-gap: 33px !important;
  }
  .u-gapCol33px--sp {
    -webkit-column-gap: 33px !important;
       -moz-column-gap: 33px !important;
            column-gap: 33px !important;
  }
  .u-gapRow33px--sp {
    row-gap: 33px !important;
  }
  .u-gap34px--sp {
    -webkit-column-gap: 34px !important;
       -moz-column-gap: 34px !important;
            column-gap: 34px !important;
    row-gap: 34px !important;
  }
  .u-gapCol34px--sp {
    -webkit-column-gap: 34px !important;
       -moz-column-gap: 34px !important;
            column-gap: 34px !important;
  }
  .u-gapRow34px--sp {
    row-gap: 34px !important;
  }
  .u-gap35px--sp {
    -webkit-column-gap: 35px !important;
       -moz-column-gap: 35px !important;
            column-gap: 35px !important;
    row-gap: 35px !important;
  }
  .u-gapCol35px--sp {
    -webkit-column-gap: 35px !important;
       -moz-column-gap: 35px !important;
            column-gap: 35px !important;
  }
  .u-gapRow35px--sp {
    row-gap: 35px !important;
  }
  .u-gap36px--sp {
    -webkit-column-gap: 36px !important;
       -moz-column-gap: 36px !important;
            column-gap: 36px !important;
    row-gap: 36px !important;
  }
  .u-gapCol36px--sp {
    -webkit-column-gap: 36px !important;
       -moz-column-gap: 36px !important;
            column-gap: 36px !important;
  }
  .u-gapRow36px--sp {
    row-gap: 36px !important;
  }
  .u-gap37px--sp {
    -webkit-column-gap: 37px !important;
       -moz-column-gap: 37px !important;
            column-gap: 37px !important;
    row-gap: 37px !important;
  }
  .u-gapCol37px--sp {
    -webkit-column-gap: 37px !important;
       -moz-column-gap: 37px !important;
            column-gap: 37px !important;
  }
  .u-gapRow37px--sp {
    row-gap: 37px !important;
  }
  .u-gap38px--sp {
    -webkit-column-gap: 38px !important;
       -moz-column-gap: 38px !important;
            column-gap: 38px !important;
    row-gap: 38px !important;
  }
  .u-gapCol38px--sp {
    -webkit-column-gap: 38px !important;
       -moz-column-gap: 38px !important;
            column-gap: 38px !important;
  }
  .u-gapRow38px--sp {
    row-gap: 38px !important;
  }
  .u-gap39px--sp {
    -webkit-column-gap: 39px !important;
       -moz-column-gap: 39px !important;
            column-gap: 39px !important;
    row-gap: 39px !important;
  }
  .u-gapCol39px--sp {
    -webkit-column-gap: 39px !important;
       -moz-column-gap: 39px !important;
            column-gap: 39px !important;
  }
  .u-gapRow39px--sp {
    row-gap: 39px !important;
  }
  .u-gap40px--sp {
    -webkit-column-gap: 40px !important;
       -moz-column-gap: 40px !important;
            column-gap: 40px !important;
    row-gap: 40px !important;
  }
  .u-gapCol40px--sp {
    -webkit-column-gap: 40px !important;
       -moz-column-gap: 40px !important;
            column-gap: 40px !important;
  }
  .u-gapRow40px--sp {
    row-gap: 40px !important;
  }
  .u-gap41px--sp {
    -webkit-column-gap: 41px !important;
       -moz-column-gap: 41px !important;
            column-gap: 41px !important;
    row-gap: 41px !important;
  }
  .u-gapCol41px--sp {
    -webkit-column-gap: 41px !important;
       -moz-column-gap: 41px !important;
            column-gap: 41px !important;
  }
  .u-gapRow41px--sp {
    row-gap: 41px !important;
  }
  .u-gap42px--sp {
    -webkit-column-gap: 42px !important;
       -moz-column-gap: 42px !important;
            column-gap: 42px !important;
    row-gap: 42px !important;
  }
  .u-gapCol42px--sp {
    -webkit-column-gap: 42px !important;
       -moz-column-gap: 42px !important;
            column-gap: 42px !important;
  }
  .u-gapRow42px--sp {
    row-gap: 42px !important;
  }
  .u-gap43px--sp {
    -webkit-column-gap: 43px !important;
       -moz-column-gap: 43px !important;
            column-gap: 43px !important;
    row-gap: 43px !important;
  }
  .u-gapCol43px--sp {
    -webkit-column-gap: 43px !important;
       -moz-column-gap: 43px !important;
            column-gap: 43px !important;
  }
  .u-gapRow43px--sp {
    row-gap: 43px !important;
  }
  .u-gap44px--sp {
    -webkit-column-gap: 44px !important;
       -moz-column-gap: 44px !important;
            column-gap: 44px !important;
    row-gap: 44px !important;
  }
  .u-gapCol44px--sp {
    -webkit-column-gap: 44px !important;
       -moz-column-gap: 44px !important;
            column-gap: 44px !important;
  }
  .u-gapRow44px--sp {
    row-gap: 44px !important;
  }
  .u-gap45px--sp {
    -webkit-column-gap: 45px !important;
       -moz-column-gap: 45px !important;
            column-gap: 45px !important;
    row-gap: 45px !important;
  }
  .u-gapCol45px--sp {
    -webkit-column-gap: 45px !important;
       -moz-column-gap: 45px !important;
            column-gap: 45px !important;
  }
  .u-gapRow45px--sp {
    row-gap: 45px !important;
  }
  .u-gap46px--sp {
    -webkit-column-gap: 46px !important;
       -moz-column-gap: 46px !important;
            column-gap: 46px !important;
    row-gap: 46px !important;
  }
  .u-gapCol46px--sp {
    -webkit-column-gap: 46px !important;
       -moz-column-gap: 46px !important;
            column-gap: 46px !important;
  }
  .u-gapRow46px--sp {
    row-gap: 46px !important;
  }
  .u-gap47px--sp {
    -webkit-column-gap: 47px !important;
       -moz-column-gap: 47px !important;
            column-gap: 47px !important;
    row-gap: 47px !important;
  }
  .u-gapCol47px--sp {
    -webkit-column-gap: 47px !important;
       -moz-column-gap: 47px !important;
            column-gap: 47px !important;
  }
  .u-gapRow47px--sp {
    row-gap: 47px !important;
  }
  .u-gap48px--sp {
    -webkit-column-gap: 48px !important;
       -moz-column-gap: 48px !important;
            column-gap: 48px !important;
    row-gap: 48px !important;
  }
  .u-gapCol48px--sp {
    -webkit-column-gap: 48px !important;
       -moz-column-gap: 48px !important;
            column-gap: 48px !important;
  }
  .u-gapRow48px--sp {
    row-gap: 48px !important;
  }
  .u-gap49px--sp {
    -webkit-column-gap: 49px !important;
       -moz-column-gap: 49px !important;
            column-gap: 49px !important;
    row-gap: 49px !important;
  }
  .u-gapCol49px--sp {
    -webkit-column-gap: 49px !important;
       -moz-column-gap: 49px !important;
            column-gap: 49px !important;
  }
  .u-gapRow49px--sp {
    row-gap: 49px !important;
  }
  .u-gap50px--sp {
    -webkit-column-gap: 50px !important;
       -moz-column-gap: 50px !important;
            column-gap: 50px !important;
    row-gap: 50px !important;
  }
  .u-gapCol50px--sp {
    -webkit-column-gap: 50px !important;
       -moz-column-gap: 50px !important;
            column-gap: 50px !important;
  }
  .u-gapRow50px--sp {
    row-gap: 50px !important;
  }
  .u-gap51px--sp {
    -webkit-column-gap: 51px !important;
       -moz-column-gap: 51px !important;
            column-gap: 51px !important;
    row-gap: 51px !important;
  }
  .u-gapCol51px--sp {
    -webkit-column-gap: 51px !important;
       -moz-column-gap: 51px !important;
            column-gap: 51px !important;
  }
  .u-gapRow51px--sp {
    row-gap: 51px !important;
  }
  .u-gap52px--sp {
    -webkit-column-gap: 52px !important;
       -moz-column-gap: 52px !important;
            column-gap: 52px !important;
    row-gap: 52px !important;
  }
  .u-gapCol52px--sp {
    -webkit-column-gap: 52px !important;
       -moz-column-gap: 52px !important;
            column-gap: 52px !important;
  }
  .u-gapRow52px--sp {
    row-gap: 52px !important;
  }
  .u-gap53px--sp {
    -webkit-column-gap: 53px !important;
       -moz-column-gap: 53px !important;
            column-gap: 53px !important;
    row-gap: 53px !important;
  }
  .u-gapCol53px--sp {
    -webkit-column-gap: 53px !important;
       -moz-column-gap: 53px !important;
            column-gap: 53px !important;
  }
  .u-gapRow53px--sp {
    row-gap: 53px !important;
  }
  .u-gap54px--sp {
    -webkit-column-gap: 54px !important;
       -moz-column-gap: 54px !important;
            column-gap: 54px !important;
    row-gap: 54px !important;
  }
  .u-gapCol54px--sp {
    -webkit-column-gap: 54px !important;
       -moz-column-gap: 54px !important;
            column-gap: 54px !important;
  }
  .u-gapRow54px--sp {
    row-gap: 54px !important;
  }
  .u-gap55px--sp {
    -webkit-column-gap: 55px !important;
       -moz-column-gap: 55px !important;
            column-gap: 55px !important;
    row-gap: 55px !important;
  }
  .u-gapCol55px--sp {
    -webkit-column-gap: 55px !important;
       -moz-column-gap: 55px !important;
            column-gap: 55px !important;
  }
  .u-gapRow55px--sp {
    row-gap: 55px !important;
  }
  .u-gap56px--sp {
    -webkit-column-gap: 56px !important;
       -moz-column-gap: 56px !important;
            column-gap: 56px !important;
    row-gap: 56px !important;
  }
  .u-gapCol56px--sp {
    -webkit-column-gap: 56px !important;
       -moz-column-gap: 56px !important;
            column-gap: 56px !important;
  }
  .u-gapRow56px--sp {
    row-gap: 56px !important;
  }
  .u-gap57px--sp {
    -webkit-column-gap: 57px !important;
       -moz-column-gap: 57px !important;
            column-gap: 57px !important;
    row-gap: 57px !important;
  }
  .u-gapCol57px--sp {
    -webkit-column-gap: 57px !important;
       -moz-column-gap: 57px !important;
            column-gap: 57px !important;
  }
  .u-gapRow57px--sp {
    row-gap: 57px !important;
  }
  .u-gap58px--sp {
    -webkit-column-gap: 58px !important;
       -moz-column-gap: 58px !important;
            column-gap: 58px !important;
    row-gap: 58px !important;
  }
  .u-gapCol58px--sp {
    -webkit-column-gap: 58px !important;
       -moz-column-gap: 58px !important;
            column-gap: 58px !important;
  }
  .u-gapRow58px--sp {
    row-gap: 58px !important;
  }
  .u-gap59px--sp {
    -webkit-column-gap: 59px !important;
       -moz-column-gap: 59px !important;
            column-gap: 59px !important;
    row-gap: 59px !important;
  }
  .u-gapCol59px--sp {
    -webkit-column-gap: 59px !important;
       -moz-column-gap: 59px !important;
            column-gap: 59px !important;
  }
  .u-gapRow59px--sp {
    row-gap: 59px !important;
  }
  .u-gap60px--sp {
    -webkit-column-gap: 60px !important;
       -moz-column-gap: 60px !important;
            column-gap: 60px !important;
    row-gap: 60px !important;
  }
  .u-gapCol60px--sp {
    -webkit-column-gap: 60px !important;
       -moz-column-gap: 60px !important;
            column-gap: 60px !important;
  }
  .u-gapRow60px--sp {
    row-gap: 60px !important;
  }
  .u-gap61px--sp {
    -webkit-column-gap: 61px !important;
       -moz-column-gap: 61px !important;
            column-gap: 61px !important;
    row-gap: 61px !important;
  }
  .u-gapCol61px--sp {
    -webkit-column-gap: 61px !important;
       -moz-column-gap: 61px !important;
            column-gap: 61px !important;
  }
  .u-gapRow61px--sp {
    row-gap: 61px !important;
  }
  .u-gap62px--sp {
    -webkit-column-gap: 62px !important;
       -moz-column-gap: 62px !important;
            column-gap: 62px !important;
    row-gap: 62px !important;
  }
  .u-gapCol62px--sp {
    -webkit-column-gap: 62px !important;
       -moz-column-gap: 62px !important;
            column-gap: 62px !important;
  }
  .u-gapRow62px--sp {
    row-gap: 62px !important;
  }
  .u-gap63px--sp {
    -webkit-column-gap: 63px !important;
       -moz-column-gap: 63px !important;
            column-gap: 63px !important;
    row-gap: 63px !important;
  }
  .u-gapCol63px--sp {
    -webkit-column-gap: 63px !important;
       -moz-column-gap: 63px !important;
            column-gap: 63px !important;
  }
  .u-gapRow63px--sp {
    row-gap: 63px !important;
  }
  .u-gap64px--sp {
    -webkit-column-gap: 64px !important;
       -moz-column-gap: 64px !important;
            column-gap: 64px !important;
    row-gap: 64px !important;
  }
  .u-gapCol64px--sp {
    -webkit-column-gap: 64px !important;
       -moz-column-gap: 64px !important;
            column-gap: 64px !important;
  }
  .u-gapRow64px--sp {
    row-gap: 64px !important;
  }
  .u-gap65px--sp {
    -webkit-column-gap: 65px !important;
       -moz-column-gap: 65px !important;
            column-gap: 65px !important;
    row-gap: 65px !important;
  }
  .u-gapCol65px--sp {
    -webkit-column-gap: 65px !important;
       -moz-column-gap: 65px !important;
            column-gap: 65px !important;
  }
  .u-gapRow65px--sp {
    row-gap: 65px !important;
  }
  .u-gap66px--sp {
    -webkit-column-gap: 66px !important;
       -moz-column-gap: 66px !important;
            column-gap: 66px !important;
    row-gap: 66px !important;
  }
  .u-gapCol66px--sp {
    -webkit-column-gap: 66px !important;
       -moz-column-gap: 66px !important;
            column-gap: 66px !important;
  }
  .u-gapRow66px--sp {
    row-gap: 66px !important;
  }
  .u-gap67px--sp {
    -webkit-column-gap: 67px !important;
       -moz-column-gap: 67px !important;
            column-gap: 67px !important;
    row-gap: 67px !important;
  }
  .u-gapCol67px--sp {
    -webkit-column-gap: 67px !important;
       -moz-column-gap: 67px !important;
            column-gap: 67px !important;
  }
  .u-gapRow67px--sp {
    row-gap: 67px !important;
  }
  .u-gap68px--sp {
    -webkit-column-gap: 68px !important;
       -moz-column-gap: 68px !important;
            column-gap: 68px !important;
    row-gap: 68px !important;
  }
  .u-gapCol68px--sp {
    -webkit-column-gap: 68px !important;
       -moz-column-gap: 68px !important;
            column-gap: 68px !important;
  }
  .u-gapRow68px--sp {
    row-gap: 68px !important;
  }
  .u-gap69px--sp {
    -webkit-column-gap: 69px !important;
       -moz-column-gap: 69px !important;
            column-gap: 69px !important;
    row-gap: 69px !important;
  }
  .u-gapCol69px--sp {
    -webkit-column-gap: 69px !important;
       -moz-column-gap: 69px !important;
            column-gap: 69px !important;
  }
  .u-gapRow69px--sp {
    row-gap: 69px !important;
  }
  .u-gap70px--sp {
    -webkit-column-gap: 70px !important;
       -moz-column-gap: 70px !important;
            column-gap: 70px !important;
    row-gap: 70px !important;
  }
  .u-gapCol70px--sp {
    -webkit-column-gap: 70px !important;
       -moz-column-gap: 70px !important;
            column-gap: 70px !important;
  }
  .u-gapRow70px--sp {
    row-gap: 70px !important;
  }
  .u-gap71px--sp {
    -webkit-column-gap: 71px !important;
       -moz-column-gap: 71px !important;
            column-gap: 71px !important;
    row-gap: 71px !important;
  }
  .u-gapCol71px--sp {
    -webkit-column-gap: 71px !important;
       -moz-column-gap: 71px !important;
            column-gap: 71px !important;
  }
  .u-gapRow71px--sp {
    row-gap: 71px !important;
  }
  .u-gap72px--sp {
    -webkit-column-gap: 72px !important;
       -moz-column-gap: 72px !important;
            column-gap: 72px !important;
    row-gap: 72px !important;
  }
  .u-gapCol72px--sp {
    -webkit-column-gap: 72px !important;
       -moz-column-gap: 72px !important;
            column-gap: 72px !important;
  }
  .u-gapRow72px--sp {
    row-gap: 72px !important;
  }
  .u-gap73px--sp {
    -webkit-column-gap: 73px !important;
       -moz-column-gap: 73px !important;
            column-gap: 73px !important;
    row-gap: 73px !important;
  }
  .u-gapCol73px--sp {
    -webkit-column-gap: 73px !important;
       -moz-column-gap: 73px !important;
            column-gap: 73px !important;
  }
  .u-gapRow73px--sp {
    row-gap: 73px !important;
  }
  .u-gap74px--sp {
    -webkit-column-gap: 74px !important;
       -moz-column-gap: 74px !important;
            column-gap: 74px !important;
    row-gap: 74px !important;
  }
  .u-gapCol74px--sp {
    -webkit-column-gap: 74px !important;
       -moz-column-gap: 74px !important;
            column-gap: 74px !important;
  }
  .u-gapRow74px--sp {
    row-gap: 74px !important;
  }
  .u-gap75px--sp {
    -webkit-column-gap: 75px !important;
       -moz-column-gap: 75px !important;
            column-gap: 75px !important;
    row-gap: 75px !important;
  }
  .u-gapCol75px--sp {
    -webkit-column-gap: 75px !important;
       -moz-column-gap: 75px !important;
            column-gap: 75px !important;
  }
  .u-gapRow75px--sp {
    row-gap: 75px !important;
  }
  .u-gap76px--sp {
    -webkit-column-gap: 76px !important;
       -moz-column-gap: 76px !important;
            column-gap: 76px !important;
    row-gap: 76px !important;
  }
  .u-gapCol76px--sp {
    -webkit-column-gap: 76px !important;
       -moz-column-gap: 76px !important;
            column-gap: 76px !important;
  }
  .u-gapRow76px--sp {
    row-gap: 76px !important;
  }
  .u-gap77px--sp {
    -webkit-column-gap: 77px !important;
       -moz-column-gap: 77px !important;
            column-gap: 77px !important;
    row-gap: 77px !important;
  }
  .u-gapCol77px--sp {
    -webkit-column-gap: 77px !important;
       -moz-column-gap: 77px !important;
            column-gap: 77px !important;
  }
  .u-gapRow77px--sp {
    row-gap: 77px !important;
  }
  .u-gap78px--sp {
    -webkit-column-gap: 78px !important;
       -moz-column-gap: 78px !important;
            column-gap: 78px !important;
    row-gap: 78px !important;
  }
  .u-gapCol78px--sp {
    -webkit-column-gap: 78px !important;
       -moz-column-gap: 78px !important;
            column-gap: 78px !important;
  }
  .u-gapRow78px--sp {
    row-gap: 78px !important;
  }
  .u-gap79px--sp {
    -webkit-column-gap: 79px !important;
       -moz-column-gap: 79px !important;
            column-gap: 79px !important;
    row-gap: 79px !important;
  }
  .u-gapCol79px--sp {
    -webkit-column-gap: 79px !important;
       -moz-column-gap: 79px !important;
            column-gap: 79px !important;
  }
  .u-gapRow79px--sp {
    row-gap: 79px !important;
  }
  .u-gap80px--sp {
    -webkit-column-gap: 80px !important;
       -moz-column-gap: 80px !important;
            column-gap: 80px !important;
    row-gap: 80px !important;
  }
  .u-gapCol80px--sp {
    -webkit-column-gap: 80px !important;
       -moz-column-gap: 80px !important;
            column-gap: 80px !important;
  }
  .u-gapRow80px--sp {
    row-gap: 80px !important;
  }
  .u-gap81px--sp {
    -webkit-column-gap: 81px !important;
       -moz-column-gap: 81px !important;
            column-gap: 81px !important;
    row-gap: 81px !important;
  }
  .u-gapCol81px--sp {
    -webkit-column-gap: 81px !important;
       -moz-column-gap: 81px !important;
            column-gap: 81px !important;
  }
  .u-gapRow81px--sp {
    row-gap: 81px !important;
  }
  .u-gap82px--sp {
    -webkit-column-gap: 82px !important;
       -moz-column-gap: 82px !important;
            column-gap: 82px !important;
    row-gap: 82px !important;
  }
  .u-gapCol82px--sp {
    -webkit-column-gap: 82px !important;
       -moz-column-gap: 82px !important;
            column-gap: 82px !important;
  }
  .u-gapRow82px--sp {
    row-gap: 82px !important;
  }
  .u-gap83px--sp {
    -webkit-column-gap: 83px !important;
       -moz-column-gap: 83px !important;
            column-gap: 83px !important;
    row-gap: 83px !important;
  }
  .u-gapCol83px--sp {
    -webkit-column-gap: 83px !important;
       -moz-column-gap: 83px !important;
            column-gap: 83px !important;
  }
  .u-gapRow83px--sp {
    row-gap: 83px !important;
  }
  .u-gap84px--sp {
    -webkit-column-gap: 84px !important;
       -moz-column-gap: 84px !important;
            column-gap: 84px !important;
    row-gap: 84px !important;
  }
  .u-gapCol84px--sp {
    -webkit-column-gap: 84px !important;
       -moz-column-gap: 84px !important;
            column-gap: 84px !important;
  }
  .u-gapRow84px--sp {
    row-gap: 84px !important;
  }
  .u-gap85px--sp {
    -webkit-column-gap: 85px !important;
       -moz-column-gap: 85px !important;
            column-gap: 85px !important;
    row-gap: 85px !important;
  }
  .u-gapCol85px--sp {
    -webkit-column-gap: 85px !important;
       -moz-column-gap: 85px !important;
            column-gap: 85px !important;
  }
  .u-gapRow85px--sp {
    row-gap: 85px !important;
  }
  .u-gap86px--sp {
    -webkit-column-gap: 86px !important;
       -moz-column-gap: 86px !important;
            column-gap: 86px !important;
    row-gap: 86px !important;
  }
  .u-gapCol86px--sp {
    -webkit-column-gap: 86px !important;
       -moz-column-gap: 86px !important;
            column-gap: 86px !important;
  }
  .u-gapRow86px--sp {
    row-gap: 86px !important;
  }
  .u-gap87px--sp {
    -webkit-column-gap: 87px !important;
       -moz-column-gap: 87px !important;
            column-gap: 87px !important;
    row-gap: 87px !important;
  }
  .u-gapCol87px--sp {
    -webkit-column-gap: 87px !important;
       -moz-column-gap: 87px !important;
            column-gap: 87px !important;
  }
  .u-gapRow87px--sp {
    row-gap: 87px !important;
  }
  .u-gap88px--sp {
    -webkit-column-gap: 88px !important;
       -moz-column-gap: 88px !important;
            column-gap: 88px !important;
    row-gap: 88px !important;
  }
  .u-gapCol88px--sp {
    -webkit-column-gap: 88px !important;
       -moz-column-gap: 88px !important;
            column-gap: 88px !important;
  }
  .u-gapRow88px--sp {
    row-gap: 88px !important;
  }
  .u-gap89px--sp {
    -webkit-column-gap: 89px !important;
       -moz-column-gap: 89px !important;
            column-gap: 89px !important;
    row-gap: 89px !important;
  }
  .u-gapCol89px--sp {
    -webkit-column-gap: 89px !important;
       -moz-column-gap: 89px !important;
            column-gap: 89px !important;
  }
  .u-gapRow89px--sp {
    row-gap: 89px !important;
  }
  .u-gap90px--sp {
    -webkit-column-gap: 90px !important;
       -moz-column-gap: 90px !important;
            column-gap: 90px !important;
    row-gap: 90px !important;
  }
  .u-gapCol90px--sp {
    -webkit-column-gap: 90px !important;
       -moz-column-gap: 90px !important;
            column-gap: 90px !important;
  }
  .u-gapRow90px--sp {
    row-gap: 90px !important;
  }
  .u-gap91px--sp {
    -webkit-column-gap: 91px !important;
       -moz-column-gap: 91px !important;
            column-gap: 91px !important;
    row-gap: 91px !important;
  }
  .u-gapCol91px--sp {
    -webkit-column-gap: 91px !important;
       -moz-column-gap: 91px !important;
            column-gap: 91px !important;
  }
  .u-gapRow91px--sp {
    row-gap: 91px !important;
  }
  .u-gap92px--sp {
    -webkit-column-gap: 92px !important;
       -moz-column-gap: 92px !important;
            column-gap: 92px !important;
    row-gap: 92px !important;
  }
  .u-gapCol92px--sp {
    -webkit-column-gap: 92px !important;
       -moz-column-gap: 92px !important;
            column-gap: 92px !important;
  }
  .u-gapRow92px--sp {
    row-gap: 92px !important;
  }
  .u-gap93px--sp {
    -webkit-column-gap: 93px !important;
       -moz-column-gap: 93px !important;
            column-gap: 93px !important;
    row-gap: 93px !important;
  }
  .u-gapCol93px--sp {
    -webkit-column-gap: 93px !important;
       -moz-column-gap: 93px !important;
            column-gap: 93px !important;
  }
  .u-gapRow93px--sp {
    row-gap: 93px !important;
  }
  .u-gap94px--sp {
    -webkit-column-gap: 94px !important;
       -moz-column-gap: 94px !important;
            column-gap: 94px !important;
    row-gap: 94px !important;
  }
  .u-gapCol94px--sp {
    -webkit-column-gap: 94px !important;
       -moz-column-gap: 94px !important;
            column-gap: 94px !important;
  }
  .u-gapRow94px--sp {
    row-gap: 94px !important;
  }
  .u-gap95px--sp {
    -webkit-column-gap: 95px !important;
       -moz-column-gap: 95px !important;
            column-gap: 95px !important;
    row-gap: 95px !important;
  }
  .u-gapCol95px--sp {
    -webkit-column-gap: 95px !important;
       -moz-column-gap: 95px !important;
            column-gap: 95px !important;
  }
  .u-gapRow95px--sp {
    row-gap: 95px !important;
  }
  .u-gap96px--sp {
    -webkit-column-gap: 96px !important;
       -moz-column-gap: 96px !important;
            column-gap: 96px !important;
    row-gap: 96px !important;
  }
  .u-gapCol96px--sp {
    -webkit-column-gap: 96px !important;
       -moz-column-gap: 96px !important;
            column-gap: 96px !important;
  }
  .u-gapRow96px--sp {
    row-gap: 96px !important;
  }
  .u-gap97px--sp {
    -webkit-column-gap: 97px !important;
       -moz-column-gap: 97px !important;
            column-gap: 97px !important;
    row-gap: 97px !important;
  }
  .u-gapCol97px--sp {
    -webkit-column-gap: 97px !important;
       -moz-column-gap: 97px !important;
            column-gap: 97px !important;
  }
  .u-gapRow97px--sp {
    row-gap: 97px !important;
  }
  .u-gap98px--sp {
    -webkit-column-gap: 98px !important;
       -moz-column-gap: 98px !important;
            column-gap: 98px !important;
    row-gap: 98px !important;
  }
  .u-gapCol98px--sp {
    -webkit-column-gap: 98px !important;
       -moz-column-gap: 98px !important;
            column-gap: 98px !important;
  }
  .u-gapRow98px--sp {
    row-gap: 98px !important;
  }
  .u-gap99px--sp {
    -webkit-column-gap: 99px !important;
       -moz-column-gap: 99px !important;
            column-gap: 99px !important;
    row-gap: 99px !important;
  }
  .u-gapCol99px--sp {
    -webkit-column-gap: 99px !important;
       -moz-column-gap: 99px !important;
            column-gap: 99px !important;
  }
  .u-gapRow99px--sp {
    row-gap: 99px !important;
  }
  .u-gap100px--sp {
    -webkit-column-gap: 100px !important;
       -moz-column-gap: 100px !important;
            column-gap: 100px !important;
    row-gap: 100px !important;
  }
  .u-gapCol100px--sp {
    -webkit-column-gap: 100px !important;
       -moz-column-gap: 100px !important;
            column-gap: 100px !important;
  }
  .u-gapRow100px--sp {
    row-gap: 100px !important;
  }
}
.u-gap0px {
  -webkit-column-gap: 0em !important;
     -moz-column-gap: 0em !important;
          column-gap: 0em !important;
  row-gap: 0em !important;
}

.u-gapCol0px {
  -webkit-column-gap: 0em !important;
     -moz-column-gap: 0em !important;
          column-gap: 0em !important;
}

.u-gapRow0px {
  row-gap: 0em !important;
}

.u-gap1px {
  -webkit-column-gap: 1em !important;
     -moz-column-gap: 1em !important;
          column-gap: 1em !important;
  row-gap: 1em !important;
}

.u-gapCol1px {
  -webkit-column-gap: 1em !important;
     -moz-column-gap: 1em !important;
          column-gap: 1em !important;
}

.u-gapRow1px {
  row-gap: 1em !important;
}

.u-gap2px {
  -webkit-column-gap: 2em !important;
     -moz-column-gap: 2em !important;
          column-gap: 2em !important;
  row-gap: 2em !important;
}

.u-gapCol2px {
  -webkit-column-gap: 2em !important;
     -moz-column-gap: 2em !important;
          column-gap: 2em !important;
}

.u-gapRow2px {
  row-gap: 2em !important;
}

.u-gap3px {
  -webkit-column-gap: 3em !important;
     -moz-column-gap: 3em !important;
          column-gap: 3em !important;
  row-gap: 3em !important;
}

.u-gapCol3px {
  -webkit-column-gap: 3em !important;
     -moz-column-gap: 3em !important;
          column-gap: 3em !important;
}

.u-gapRow3px {
  row-gap: 3em !important;
}

.u-gap4px {
  -webkit-column-gap: 4em !important;
     -moz-column-gap: 4em !important;
          column-gap: 4em !important;
  row-gap: 4em !important;
}

.u-gapCol4px {
  -webkit-column-gap: 4em !important;
     -moz-column-gap: 4em !important;
          column-gap: 4em !important;
}

.u-gapRow4px {
  row-gap: 4em !important;
}

.u-gap5px {
  -webkit-column-gap: 5em !important;
     -moz-column-gap: 5em !important;
          column-gap: 5em !important;
  row-gap: 5em !important;
}

.u-gapCol5px {
  -webkit-column-gap: 5em !important;
     -moz-column-gap: 5em !important;
          column-gap: 5em !important;
}

.u-gapRow5px {
  row-gap: 5em !important;
}

.u-gap6px {
  -webkit-column-gap: 6em !important;
     -moz-column-gap: 6em !important;
          column-gap: 6em !important;
  row-gap: 6em !important;
}

.u-gapCol6px {
  -webkit-column-gap: 6em !important;
     -moz-column-gap: 6em !important;
          column-gap: 6em !important;
}

.u-gapRow6px {
  row-gap: 6em !important;
}

.u-gap7px {
  -webkit-column-gap: 7em !important;
     -moz-column-gap: 7em !important;
          column-gap: 7em !important;
  row-gap: 7em !important;
}

.u-gapCol7px {
  -webkit-column-gap: 7em !important;
     -moz-column-gap: 7em !important;
          column-gap: 7em !important;
}

.u-gapRow7px {
  row-gap: 7em !important;
}

.u-gap8px {
  -webkit-column-gap: 8em !important;
     -moz-column-gap: 8em !important;
          column-gap: 8em !important;
  row-gap: 8em !important;
}

.u-gapCol8px {
  -webkit-column-gap: 8em !important;
     -moz-column-gap: 8em !important;
          column-gap: 8em !important;
}

.u-gapRow8px {
  row-gap: 8em !important;
}

.u-gap9px {
  -webkit-column-gap: 9em !important;
     -moz-column-gap: 9em !important;
          column-gap: 9em !important;
  row-gap: 9em !important;
}

.u-gapCol9px {
  -webkit-column-gap: 9em !important;
     -moz-column-gap: 9em !important;
          column-gap: 9em !important;
}

.u-gapRow9px {
  row-gap: 9em !important;
}

.u-gap10px {
  -webkit-column-gap: 10em !important;
     -moz-column-gap: 10em !important;
          column-gap: 10em !important;
  row-gap: 10em !important;
}

.u-gapCol10px {
  -webkit-column-gap: 10em !important;
     -moz-column-gap: 10em !important;
          column-gap: 10em !important;
}

.u-gapRow10px {
  row-gap: 10em !important;
}

@media screen and (max-width: 375px) {
  .u-gap0px--sp {
    -webkit-column-gap: 0em !important;
       -moz-column-gap: 0em !important;
            column-gap: 0em !important;
    row-gap: 0em !important;
  }
  .u-gapCol0px--sp {
    -webkit-column-gap: 0em !important;
       -moz-column-gap: 0em !important;
            column-gap: 0em !important;
  }
  .u-gapRow0px--sp {
    row-gap: 0em !important;
  }
  .u-gap1px--sp {
    -webkit-column-gap: 1em !important;
       -moz-column-gap: 1em !important;
            column-gap: 1em !important;
    row-gap: 1em !important;
  }
  .u-gapCol1px--sp {
    -webkit-column-gap: 1em !important;
       -moz-column-gap: 1em !important;
            column-gap: 1em !important;
  }
  .u-gapRow1px--sp {
    row-gap: 1em !important;
  }
  .u-gap2px--sp {
    -webkit-column-gap: 2em !important;
       -moz-column-gap: 2em !important;
            column-gap: 2em !important;
    row-gap: 2em !important;
  }
  .u-gapCol2px--sp {
    -webkit-column-gap: 2em !important;
       -moz-column-gap: 2em !important;
            column-gap: 2em !important;
  }
  .u-gapRow2px--sp {
    row-gap: 2em !important;
  }
  .u-gap3px--sp {
    -webkit-column-gap: 3em !important;
       -moz-column-gap: 3em !important;
            column-gap: 3em !important;
    row-gap: 3em !important;
  }
  .u-gapCol3px--sp {
    -webkit-column-gap: 3em !important;
       -moz-column-gap: 3em !important;
            column-gap: 3em !important;
  }
  .u-gapRow3px--sp {
    row-gap: 3em !important;
  }
  .u-gap4px--sp {
    -webkit-column-gap: 4em !important;
       -moz-column-gap: 4em !important;
            column-gap: 4em !important;
    row-gap: 4em !important;
  }
  .u-gapCol4px--sp {
    -webkit-column-gap: 4em !important;
       -moz-column-gap: 4em !important;
            column-gap: 4em !important;
  }
  .u-gapRow4px--sp {
    row-gap: 4em !important;
  }
  .u-gap5px--sp {
    -webkit-column-gap: 5em !important;
       -moz-column-gap: 5em !important;
            column-gap: 5em !important;
    row-gap: 5em !important;
  }
  .u-gapCol5px--sp {
    -webkit-column-gap: 5em !important;
       -moz-column-gap: 5em !important;
            column-gap: 5em !important;
  }
  .u-gapRow5px--sp {
    row-gap: 5em !important;
  }
  .u-gap6px--sp {
    -webkit-column-gap: 6em !important;
       -moz-column-gap: 6em !important;
            column-gap: 6em !important;
    row-gap: 6em !important;
  }
  .u-gapCol6px--sp {
    -webkit-column-gap: 6em !important;
       -moz-column-gap: 6em !important;
            column-gap: 6em !important;
  }
  .u-gapRow6px--sp {
    row-gap: 6em !important;
  }
  .u-gap7px--sp {
    -webkit-column-gap: 7em !important;
       -moz-column-gap: 7em !important;
            column-gap: 7em !important;
    row-gap: 7em !important;
  }
  .u-gapCol7px--sp {
    -webkit-column-gap: 7em !important;
       -moz-column-gap: 7em !important;
            column-gap: 7em !important;
  }
  .u-gapRow7px--sp {
    row-gap: 7em !important;
  }
  .u-gap8px--sp {
    -webkit-column-gap: 8em !important;
       -moz-column-gap: 8em !important;
            column-gap: 8em !important;
    row-gap: 8em !important;
  }
  .u-gapCol8px--sp {
    -webkit-column-gap: 8em !important;
       -moz-column-gap: 8em !important;
            column-gap: 8em !important;
  }
  .u-gapRow8px--sp {
    row-gap: 8em !important;
  }
  .u-gap9px--sp {
    -webkit-column-gap: 9em !important;
       -moz-column-gap: 9em !important;
            column-gap: 9em !important;
    row-gap: 9em !important;
  }
  .u-gapCol9px--sp {
    -webkit-column-gap: 9em !important;
       -moz-column-gap: 9em !important;
            column-gap: 9em !important;
  }
  .u-gapRow9px--sp {
    row-gap: 9em !important;
  }
  .u-gap10px--sp {
    -webkit-column-gap: 10em !important;
       -moz-column-gap: 10em !important;
            column-gap: 10em !important;
    row-gap: 10em !important;
  }
  .u-gapCol10px--sp {
    -webkit-column-gap: 10em !important;
       -moz-column-gap: 10em !important;
            column-gap: 10em !important;
  }
  .u-gapRow10px--sp {
    row-gap: 10em !important;
  }
}
/*****************************************************
  object/_utility.scss
*****************************************************/
.u-scroll::-webkit-scrollbar {
  overflow: hidden;
  width: 0.5em;
}
.u-scroll::-webkit-scrollbar:horizontal {
  height: 0.5em;
}
.u-scroll::-webkit-scrollbar-button {
  display: none;
}
.u-scroll::-webkit-scrollbar-thumb {
  border-radius: 0.25em;
  background-color: #c1c1c1;
}
.u-scroll::-webkit-scrollbar-corner {
  display: none;
}

@media screen and (max-width: 375px) {
  .u-scroll--sp::-webkit-scrollbar {
    overflow: hidden;
    width: 0.5em;
  }
  .u-scroll--sp::-webkit-scrollbar:horizontal {
    height: 0.5em;
  }
  .u-scroll--sp::-webkit-scrollbar-button {
    display: none;
  }
  .u-scroll--sp::-webkit-scrollbar-thumb {
    border-radius: 0.25em;
    background-color: #c1c1c1;
  }
  .u-scroll--sp::-webkit-scrollbar-corner {
    display: none;
  }
}
/* -----------------------------------------------
  font weight
----------------------------------------------- */
.u-fwBold,
.u-fontWeightBold {
  font-weight: bold !important;
}

.u-fwNormal,
.u-fontWeightNormal {
  font-weight: normal !important;
}

@media screen and (max-width: 375px) {
  .u-fwBold--sp,
  .u-fontWeightBold--sp {
    font-weight: bold !important;
  }
  .u-fwNormal--sp,
  .u-fontWeightNormal--sp {
    font-weight: normal !important;
  }
}
/* -----------------------------------------------
  font-size
----------------------------------------------- */
.u-fs0_6rem {
  font-size: 0.6rem !important;
}

.u-fs0_7rem {
  font-size: 0.7rem !important;
}

.u-fs0_8rem {
  font-size: 0.8rem !important;
}

.u-fs0_9rem {
  font-size: 0.9rem !important;
}

.u-fs1_0rem {
  font-size: 1rem !important;
}

.u-fs1rem {
  font-size: 1rem !important;
}

.u-fs1_1rem {
  font-size: 1.1rem !important;
}

.u-fs1_2rem {
  font-size: 1.2rem !important;
}

.u-fs1_3rem {
  font-size: 1.3rem !important;
}

.u-fs1_4rem {
  font-size: 1.4rem !important;
}

.u-fs1_5rem {
  font-size: 1.5rem !important;
}

.u-fs1_6rem {
  font-size: 1.6rem !important;
}

.u-fs1_7rem {
  font-size: 1.7rem !important;
}

.u-fs1_8rem {
  font-size: 1.8rem !important;
}

.u-fs1_9rem {
  font-size: 1.9rem !important;
}

.u-fs2_0rem {
  font-size: 2rem !important;
}

.u-fs2rem {
  font-size: 2rem !important;
}

.u-fs2_1rem {
  font-size: 2.1rem !important;
}

.u-fs2_2rem {
  font-size: 2.2rem !important;
}

.u-fs2_3rem {
  font-size: 2.3rem !important;
}

.u-fs2_4rem {
  font-size: 2.4rem !important;
}

.u-fs2_5rem {
  font-size: 2.5rem !important;
}

.u-fs2_6rem {
  font-size: 2.6rem !important;
}

.u-fs2_7rem {
  font-size: 2.7rem !important;
}

.u-fs2_8rem {
  font-size: 2.8rem !important;
}

.u-fs2_9rem {
  font-size: 2.9rem !important;
}

.u-fs3_0rem {
  font-size: 3rem !important;
}

.u-fs3rem {
  font-size: 3rem !important;
}

.u-fs3_1rem {
  font-size: 3.1rem !important;
}

.u-fs3_2rem {
  font-size: 3.2rem !important;
}

.u-fs3_3rem {
  font-size: 3.3rem !important;
}

.u-fs3_4rem {
  font-size: 3.4rem !important;
}

.u-fs3_5rem {
  font-size: 3.5rem !important;
}

.u-fs3_6rem {
  font-size: 3.6rem !important;
}

.u-fs3_7rem {
  font-size: 3.7rem !important;
}

.u-fs3_8rem {
  font-size: 3.8rem !important;
}

.u-fs3_9rem {
  font-size: 3.9rem !important;
}

.u-fs4_0rem {
  font-size: 4rem !important;
}

.u-fs4rem {
  font-size: 4rem !important;
}

.u-fs4_1rem {
  font-size: 4.1rem !important;
}

.u-fs4_2rem {
  font-size: 4.2rem !important;
}

.u-fs4_3rem {
  font-size: 4.3rem !important;
}

.u-fs4_4rem {
  font-size: 4.4rem !important;
}

.u-fs4_5rem {
  font-size: 4.5rem !important;
}

.u-fs4_6rem {
  font-size: 4.6rem !important;
}

.u-fs4_7rem {
  font-size: 4.7rem !important;
}

.u-fs4_8rem {
  font-size: 4.8rem !important;
}

.u-fs4_9rem {
  font-size: 4.9rem !important;
}

.u-fs5_0rem {
  font-size: 5rem !important;
}

.u-fs5rem {
  font-size: 5rem !important;
}

.u-fs0_1em {
  font-size: 0.1em !important;
}

.u-fs0_2em {
  font-size: 0.2em !important;
}

.u-fs0_3em {
  font-size: 0.3em !important;
}

.u-fs0_4em {
  font-size: 0.4em !important;
}

.u-fs0_5em {
  font-size: 0.5em !important;
}

.u-fs0_6em {
  font-size: 0.6em !important;
}

.u-fs0_7em {
  font-size: 0.7em !important;
}

.u-fs0_8em {
  font-size: 0.8em !important;
}

.u-fs0_9em {
  font-size: 0.9em !important;
}

.u-fs1_0em {
  font-size: 1em !important;
}

.u-fs1em {
  font-size: 1em !important;
}

.u-fs1_1em {
  font-size: 1.1em !important;
}

.u-fs1_2em {
  font-size: 1.2em !important;
}

.u-fs1_3em {
  font-size: 1.3em !important;
}

.u-fs1_4em {
  font-size: 1.4em !important;
}

.u-fs1_5em {
  font-size: 1.5em !important;
}

.u-fs1_6em {
  font-size: 1.6em !important;
}

.u-fs1_7em {
  font-size: 1.7em !important;
}

.u-fs1_8em {
  font-size: 1.8em !important;
}

.u-fs1_9em {
  font-size: 1.9em !important;
}

.u-fs2_0em {
  font-size: 2em !important;
}

.u-fs2em {
  font-size: 2em !important;
}

.u-fs2_1em {
  font-size: 2.1em !important;
}

.u-fs2_2em {
  font-size: 2.2em !important;
}

.u-fs2_3em {
  font-size: 2.3em !important;
}

.u-fs2_4em {
  font-size: 2.4em !important;
}

.u-fs2_5em {
  font-size: 2.5em !important;
}

.u-fs2_6em {
  font-size: 2.6em !important;
}

.u-fs2_7em {
  font-size: 2.7em !important;
}

.u-fs2_8em {
  font-size: 2.8em !important;
}

.u-fs2_9em {
  font-size: 2.9em !important;
}

.u-fs3_0em {
  font-size: 3em !important;
}

.u-fs3em {
  font-size: 3em !important;
}

@media screen and (max-width: 375px) {
  .u-fs0_6rem--sp {
    font-size: 0.6rem !important;
  }
  .u-fs0_7rem--sp {
    font-size: 0.7rem !important;
  }
  .u-fs0_8rem--sp {
    font-size: 0.8rem !important;
  }
  .u-fs0_9rem--sp {
    font-size: 0.9rem !important;
  }
  .u-fs1_0rem--sp {
    font-size: 1rem !important;
  }
  .u-fs1rem--sp {
    font-size: 1rem !important;
  }
  .u-fs1_1rem--sp {
    font-size: 1.1rem !important;
  }
  .u-fs1_2rem--sp {
    font-size: 1.2rem !important;
  }
  .u-fs1_3rem--sp {
    font-size: 1.3rem !important;
  }
  .u-fs1_4rem--sp {
    font-size: 1.4rem !important;
  }
  .u-fs1_5rem--sp {
    font-size: 1.5rem !important;
  }
  .u-fs1_6rem--sp {
    font-size: 1.6rem !important;
  }
  .u-fs1_7rem--sp {
    font-size: 1.7rem !important;
  }
  .u-fs1_8rem--sp {
    font-size: 1.8rem !important;
  }
  .u-fs1_9rem--sp {
    font-size: 1.9rem !important;
  }
  .u-fs2_0rem--sp {
    font-size: 2rem !important;
  }
  .u-fs2rem--sp {
    font-size: 2rem !important;
  }
  .u-fs2_1rem--sp {
    font-size: 2.1rem !important;
  }
  .u-fs2_2rem--sp {
    font-size: 2.2rem !important;
  }
  .u-fs2_3rem--sp {
    font-size: 2.3rem !important;
  }
  .u-fs2_4rem--sp {
    font-size: 2.4rem !important;
  }
  .u-fs2_5rem--sp {
    font-size: 2.5rem !important;
  }
  .u-fs2_6rem--sp {
    font-size: 2.6rem !important;
  }
  .u-fs2_7rem--sp {
    font-size: 2.7rem !important;
  }
  .u-fs2_8rem--sp {
    font-size: 2.8rem !important;
  }
  .u-fs2_9rem--sp {
    font-size: 2.9rem !important;
  }
  .u-fs3_0rem--sp {
    font-size: 3rem !important;
  }
  .u-fs3rem--sp {
    font-size: 3rem !important;
  }
  .u-fs3_1rem--sp {
    font-size: 3.1rem !important;
  }
  .u-fs3_2rem--sp {
    font-size: 3.2rem !important;
  }
  .u-fs3_3rem--sp {
    font-size: 3.3rem !important;
  }
  .u-fs3_4rem--sp {
    font-size: 3.4rem !important;
  }
  .u-fs3_5rem--sp {
    font-size: 3.5rem !important;
  }
  .u-fs3_6rem--sp {
    font-size: 3.6rem !important;
  }
  .u-fs3_7rem--sp {
    font-size: 3.7rem !important;
  }
  .u-fs3_8rem--sp {
    font-size: 3.8rem !important;
  }
  .u-fs3_9rem--sp {
    font-size: 3.9rem !important;
  }
  .u-fs4_0rem--sp {
    font-size: 4rem !important;
  }
  .u-fs4rem--sp {
    font-size: 4rem !important;
  }
  .u-fs4_1rem--sp {
    font-size: 4.1rem !important;
  }
  .u-fs4_2rem--sp {
    font-size: 4.2rem !important;
  }
  .u-fs4_3rem--sp {
    font-size: 4.3rem !important;
  }
  .u-fs4_4rem--sp {
    font-size: 4.4rem !important;
  }
  .u-fs4_5rem--sp {
    font-size: 4.5rem !important;
  }
  .u-fs4_6rem--sp {
    font-size: 4.6rem !important;
  }
  .u-fs4_7rem--sp {
    font-size: 4.7rem !important;
  }
  .u-fs4_8rem--sp {
    font-size: 4.8rem !important;
  }
  .u-fs4_9rem--sp {
    font-size: 4.9rem !important;
  }
  .u-fs5_0rem--sp {
    font-size: 5rem !important;
  }
  .u-fs5rem--sp {
    font-size: 5rem !important;
  }
  .u-fs0_1em--sp {
    font-size: 0.1em !important;
  }
  .u-fs0_2em--sp {
    font-size: 0.2em !important;
  }
  .u-fs0_3em--sp {
    font-size: 0.3em !important;
  }
  .u-fs0_4em--sp {
    font-size: 0.4em !important;
  }
  .u-fs0_5em--sp {
    font-size: 0.5em !important;
  }
  .u-fs0_6em--sp {
    font-size: 0.6em !important;
  }
  .u-fs0_7em--sp {
    font-size: 0.7em !important;
  }
  .u-fs0_8em--sp {
    font-size: 0.8em !important;
  }
  .u-fs0_9em--sp {
    font-size: 0.9em !important;
  }
  .u-fs1_0em--sp {
    font-size: 1em !important;
  }
  .u-fs1em--sp {
    font-size: 1em !important;
  }
  .u-fs1_1em--sp {
    font-size: 1.1em !important;
  }
  .u-fs1_2em--sp {
    font-size: 1.2em !important;
  }
  .u-fs1_3em--sp {
    font-size: 1.3em !important;
  }
  .u-fs1_4em--sp {
    font-size: 1.4em !important;
  }
  .u-fs1_5em--sp {
    font-size: 1.5em !important;
  }
  .u-fs1_6em--sp {
    font-size: 1.6em !important;
  }
  .u-fs1_7em--sp {
    font-size: 1.7em !important;
  }
  .u-fs1_8em--sp {
    font-size: 1.8em !important;
  }
  .u-fs1_9em--sp {
    font-size: 1.9em !important;
  }
  .u-fs2_0em--sp {
    font-size: 2em !important;
  }
  .u-fs2em--sp {
    font-size: 2em !important;
  }
  .u-fs2_1em--sp {
    font-size: 2.1em !important;
  }
  .u-fs2_2em--sp {
    font-size: 2.2em !important;
  }
  .u-fs2_3em--sp {
    font-size: 2.3em !important;
  }
  .u-fs2_4em--sp {
    font-size: 2.4em !important;
  }
  .u-fs2_5em--sp {
    font-size: 2.5em !important;
  }
  .u-fs2_6em--sp {
    font-size: 2.6em !important;
  }
  .u-fs2_7em--sp {
    font-size: 2.7em !important;
  }
  .u-fs2_8em--sp {
    font-size: 2.8em !important;
  }
  .u-fs2_9em--sp {
    font-size: 2.9em !important;
  }
  .u-fs3_0em--sp {
    font-size: 3em !important;
  }
  .u-fs3em--sp {
    font-size: 3em !important;
  }
}
/* -----------------------------------------------
  float
----------------------------------------------- */
.u-floatRight {
  float: right !important;
}

.u-floatLeft {
  float: left !important;
}

.u-floatNone {
  float: none !important;
}

@media screen and (max-width: 375px) {
  .u-floatRight--sp {
    float: right !important;
  }
  .u-floatLeft--sp {
    float: left !important;
  }
  .u-floatNone--sp {
    float: none !important;
  }
}
/* -----------------------------------------------
  position
----------------------------------------------- */
.u-pRelative {
  position: relative !important;
}

.u-pAbsolute {
  position: absolute !important;
}

.u-pStatic {
  position: static !important;
}

.u-pFixed {
  position: fixed !important;
}

@media screen and (max-width: 375px) {
  .u-pRelative--sp {
    position: relative !important;
  }
  .u-pAbsolute--sp {
    position: absolute !important;
  }
  .u-pStatic--sp {
    position: static !important;
  }
  .u-pFixed--sp {
    position: fixed !important;
  }
}
/* -----------------------------------------------
  white-space
----------------------------------------------- */
.u-wsNowrap {
  white-space: nowrap !important;
}

.u-wsNormal {
  white-space: normal !important;
}

@media screen and (max-width: 375px) {
  .u-wsNowrap--sp {
    white-space: nowrap !important;
  }
  .u-wsNormal--sp {
    white-space: normal !important;
  }
}
/* -----------------------------------------------
  line-height
----------------------------------------------- */
.u-lh1_1 {
  line-height: 1.1;
}

.u-lh1_2 {
  line-height: 1.2;
}

.u-lh1_3 {
  line-height: 1.3;
}

.u-lh1_4 {
  line-height: 1.4;
}

.u-lh1_5 {
  line-height: 1.5;
}

.u-lh1_6 {
  line-height: 1.6;
}

.u-lh1_7 {
  line-height: 1.7;
}

.u-lh1_8 {
  line-height: 1.8;
}

.u-lh1_9 {
  line-height: 1.9;
}

.u-lh2_0 {
  line-height: 2;
}

.u-lh2_1 {
  line-height: 2.1;
}

.u-lh2_2 {
  line-height: 2.2;
}

.u-lh2_3 {
  line-height: 2.3;
}

.u-lh2_4 {
  line-height: 2.4;
}

.u-lh2_5 {
  line-height: 2.5;
}

.u-lh2_6 {
  line-height: 2.6;
}

.u-lh2_7 {
  line-height: 2.7;
}

.u-lh2_8 {
  line-height: 2.8;
}

.u-lh2_9 {
  line-height: 2.9;
}

.u-lh3_0 {
  line-height: 3;
}

.u-lh3_1 {
  line-height: 3.1;
}

.u-lh3_2 {
  line-height: 3.2;
}

.u-lh3_3 {
  line-height: 3.3;
}

.u-lh3_4 {
  line-height: 3.4;
}

.u-lh3_5 {
  line-height: 3.5;
}

.u-lh3_6 {
  line-height: 3.6;
}

.u-lh3_7 {
  line-height: 3.7;
}

.u-lh3_8 {
  line-height: 3.8;
}

.u-lh3_9 {
  line-height: 3.9;
}

.u-lh4_0 {
  line-height: 4;
}

@media screen and (max-width: 375px) {
  .u-lh1_1 {
    line-height: 1.1;
  }
  .u-lh1_2 {
    line-height: 1.2;
  }
  .u-lh1_3 {
    line-height: 1.3;
  }
  .u-lh1_4 {
    line-height: 1.4;
  }
  .u-lh1_5 {
    line-height: 1.5;
  }
  .u-lh1_6 {
    line-height: 1.6;
  }
  .u-lh1_7 {
    line-height: 1.7;
  }
  .u-lh1_8 {
    line-height: 1.8;
  }
  .u-lh1_9 {
    line-height: 1.9;
  }
  .u-lh2_0 {
    line-height: 2;
  }
  .u-lh2_1 {
    line-height: 2.1;
  }
  .u-lh2_2 {
    line-height: 2.2;
  }
  .u-lh2_3 {
    line-height: 2.3;
  }
  .u-lh2_4 {
    line-height: 2.4;
  }
  .u-lh2_5 {
    line-height: 2.5;
  }
  .u-lh2_6 {
    line-height: 2.6;
  }
  .u-lh2_7 {
    line-height: 2.7;
  }
  .u-lh2_8 {
    line-height: 2.8;
  }
  .u-lh2_9 {
    line-height: 2.9;
  }
  .u-lh3_0 {
    line-height: 3;
  }
  .u-lh3_1 {
    line-height: 3.1;
  }
  .u-lh3_2 {
    line-height: 3.2;
  }
  .u-lh3_3 {
    line-height: 3.3;
  }
  .u-lh3_4 {
    line-height: 3.4;
  }
  .u-lh3_5 {
    line-height: 3.5;
  }
  .u-lh3_6 {
    line-height: 3.6;
  }
  .u-lh3_7 {
    line-height: 3.7;
  }
  .u-lh3_8 {
    line-height: 3.8;
  }
  .u-lh3_9 {
    line-height: 3.9;
  }
  .u-lh4_0 {
    line-height: 4;
  }
}
/* -----------------------------------------------
  Width
----------------------------------------------- */
.u-w0 {
  width: 0% !important;
}

.u-w10 {
  width: 10% !important;
}

.u-w20 {
  width: 20% !important;
}

.u-w30 {
  width: 30% !important;
}

.u-w40 {
  width: 40% !important;
}

.u-w50 {
  width: 50% !important;
}

.u-w60 {
  width: 60% !important;
}

.u-w70 {
  width: 70% !important;
}

.u-w80 {
  width: 80% !important;
}

.u-w90 {
  width: 90% !important;
}

.u-w100 {
  width: 100% !important;
}

@media screen and (max-width: 375px) {
  .u-w0--sp {
    width: 0% !important;
  }
  .u-w10--sp {
    width: 10% !important;
  }
  .u-w20--sp {
    width: 20% !important;
  }
  .u-w30--sp {
    width: 30% !important;
  }
  .u-w40--sp {
    width: 40% !important;
  }
  .u-w50--sp {
    width: 50% !important;
  }
  .u-w60--sp {
    width: 60% !important;
  }
  .u-w70--sp {
    width: 70% !important;
  }
  .u-w80--sp {
    width: 80% !important;
  }
  .u-w90--sp {
    width: 90% !important;
  }
  .u-w100--sp {
    width: 100% !important;
  }
}
/* -----------------------------------------------
  Flex Box
----------------------------------------------- */
.u-flexItem {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
      -ms-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
}

.u-flexAuto {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}
.u-flexAuto > * {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 0% !important;
      -ms-flex: 1 1 0% !important;
          flex: 1 1 0% !important;
}

.u-flexWrap {
  -webkit-flex-wrap: wrap !important;
      -ms-flex-wrap: wrap !important;
          flex-wrap: wrap !important;
}

.u-flexNowrap {
  -webkit-flex-wrap: nowrap !important;
      -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
}

.u-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-flexLeft {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.u-flexCenter {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.u-flexRight {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.u-flexBetween {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.u-flexAround {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-justify-content: space-around !important;
      -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
}

.u-flexTop {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.u-flexMiddle {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.u-flexBottom {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.u-flexReverse {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.u-flexItemTop {
  -webkit-align-self: flex-start !important;
      -ms-flex-item-align: start !important;
          align-self: flex-start !important;
}

.u-flexItemMiddle {
  -webkit-align-self: center !important;
      -ms-flex-item-align: center !important;
          align-self: center !important;
}

.u-flexItemBottom {
  -webkit-align-self: flex-end !important;
      -ms-flex-item-align: end !important;
          align-self: flex-end !important;
}

@media screen and (max-width: 375px) {
  .u-flexItem--sp {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 0% !important;
        -ms-flex: 1 1 0% !important;
            flex: 1 1 0% !important;
  }
  .u-flexAuto--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .u-flexAuto--sp > * {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 0% !important;
        -ms-flex: 1 1 0% !important;
            flex: 1 1 0% !important;
  }
  .u-flexWrap--sp {
    -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
            flex-wrap: wrap !important;
  }
  .u-flexNowrap--sp {
    -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
  }
  .u-flex--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-flexLeft--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .u-flexCenter--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .u-flexRight--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .u-flexBetween--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .u-flexAround--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
            justify-content: space-around !important;
  }
  .u-flexTop--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .u-flexMiddle--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .u-flexBottom--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .u-flexReverse--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .u-flexItemTop--sp {
    -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
            align-self: flex-start !important;
  }
  .u-flexItemMiddle--sp {
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
            align-self: center !important;
  }
  .u-flexItemBottom--sp {
    -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
            align-self: flex-end !important;
  }
}
/* -----------------------------------------------
  text-arign
----------------------------------------------- */
.u-taCenter {
  text-align: center !important;
}

.u-taLeft {
  text-align: left !important;
}

.u-taRight {
  text-align: right !important;
}

@media screen and (max-width: 375px) {
  .u-taCenter--sp {
    text-align: center !important;
  }
  .u-taLeft--sp {
    text-align: left !important;
  }
  .u-taRight--sp {
    text-align: right !important;
  }
}
/* -----------------------------------------------
  display
----------------------------------------------- */
.u-dNone {
  display: none !important;
}

.u-dBlock {
  display: block !important;
}

.u-dInline {
  display: inline !important;
}

.u-dTable {
  display: table !important;
}

.u-dTableCell {
  display: table-cell !important;
}

.u-dFlex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.u-dInlineFlex {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media screen and (max-width: 375px) {
  .u-dNone--sp {
    display: none !important;
  }
  .u-dBlock--sp {
    display: block !important;
  }
  .u-dInline--sp {
    display: inline !important;
  }
  .u-dTable--sp {
    display: table !important;
  }
  .u-dTableCell--sp {
    display: table-cell !important;
  }
  .u-dFlex--sp {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .u-dInlineFlex--sp {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
/* -----------------------------------------------
  margin padding
----------------------------------------------- */
.u-m0px {
  margin: 0px !important;
}

.u-mt0px {
  margin-top: 0px !important;
}

.u-mb0px {
  margin-bottom: 0px !important;
}

.u-ml0px {
  margin-left: 0px !important;
}

.u-mr0px {
  margin-right: 0px !important;
}

.u-pt0px {
  padding-top: 0px !important;
}

.u-pb0px {
  padding-bottom: 0px !important;
}

.u-pl0px {
  padding-left: 0px !important;
}

.u-pr0px {
  padding-right: 0px !important;
}

.u-p0px {
  padding: 0px !important;
}

.u-m5px {
  margin: 5px !important;
}

.u-mt5px {
  margin-top: 5px !important;
}

.u-mb5px {
  margin-bottom: 5px !important;
}

.u-ml5px {
  margin-left: 5px !important;
}

.u-mr5px {
  margin-right: 5px !important;
}

.u-pt5px {
  padding-top: 5px !important;
}

.u-pb5px {
  padding-bottom: 5px !important;
}

.u-pl5px {
  padding-left: 5px !important;
}

.u-pr5px {
  padding-right: 5px !important;
}

.u-p5px {
  padding: 5px !important;
}

.u-m10px {
  margin: 10px !important;
}

.u-mt10px {
  margin-top: 10px !important;
}

.u-mb10px {
  margin-bottom: 10px !important;
}

.u-ml10px {
  margin-left: 10px !important;
}

.u-mr10px {
  margin-right: 10px !important;
}

.u-pt10px {
  padding-top: 10px !important;
}

.u-pb10px {
  padding-bottom: 10px !important;
}

.u-pl10px {
  padding-left: 10px !important;
}

.u-pr10px {
  padding-right: 10px !important;
}

.u-p10px {
  padding: 10px !important;
}

.u-m15px {
  margin: 15px !important;
}

.u-mt15px {
  margin-top: 15px !important;
}

.u-mb15px {
  margin-bottom: 15px !important;
}

.u-ml15px {
  margin-left: 15px !important;
}

.u-mr15px {
  margin-right: 15px !important;
}

.u-pt15px {
  padding-top: 15px !important;
}

.u-pb15px {
  padding-bottom: 15px !important;
}

.u-pl15px {
  padding-left: 15px !important;
}

.u-pr15px {
  padding-right: 15px !important;
}

.u-p15px {
  padding: 15px !important;
}

.u-m20px {
  margin: 20px !important;
}

.u-mt20px {
  margin-top: 20px !important;
}

.u-mb20px {
  margin-bottom: 20px !important;
}

.u-ml20px {
  margin-left: 20px !important;
}

.u-mr20px {
  margin-right: 20px !important;
}

.u-pt20px {
  padding-top: 20px !important;
}

.u-pb20px {
  padding-bottom: 20px !important;
}

.u-pl20px {
  padding-left: 20px !important;
}

.u-pr20px {
  padding-right: 20px !important;
}

.u-p20px {
  padding: 20px !important;
}

.u-m25px {
  margin: 25px !important;
}

.u-mt25px {
  margin-top: 25px !important;
}

.u-mb25px {
  margin-bottom: 25px !important;
}

.u-ml25px {
  margin-left: 25px !important;
}

.u-mr25px {
  margin-right: 25px !important;
}

.u-pt25px {
  padding-top: 25px !important;
}

.u-pb25px {
  padding-bottom: 25px !important;
}

.u-pl25px {
  padding-left: 25px !important;
}

.u-pr25px {
  padding-right: 25px !important;
}

.u-p25px {
  padding: 25px !important;
}

.u-m30px {
  margin: 30px !important;
}

.u-mt30px {
  margin-top: 30px !important;
}

.u-mb30px {
  margin-bottom: 30px !important;
}

.u-ml30px {
  margin-left: 30px !important;
}

.u-mr30px {
  margin-right: 30px !important;
}

.u-pt30px {
  padding-top: 30px !important;
}

.u-pb30px {
  padding-bottom: 30px !important;
}

.u-pl30px {
  padding-left: 30px !important;
}

.u-pr30px {
  padding-right: 30px !important;
}

.u-p30px {
  padding: 30px !important;
}

.u-m35px {
  margin: 35px !important;
}

.u-mt35px {
  margin-top: 35px !important;
}

.u-mb35px {
  margin-bottom: 35px !important;
}

.u-ml35px {
  margin-left: 35px !important;
}

.u-mr35px {
  margin-right: 35px !important;
}

.u-pt35px {
  padding-top: 35px !important;
}

.u-pb35px {
  padding-bottom: 35px !important;
}

.u-pl35px {
  padding-left: 35px !important;
}

.u-pr35px {
  padding-right: 35px !important;
}

.u-p35px {
  padding: 35px !important;
}

.u-m40px {
  margin: 40px !important;
}

.u-mt40px {
  margin-top: 40px !important;
}

.u-mb40px {
  margin-bottom: 40px !important;
}

.u-ml40px {
  margin-left: 40px !important;
}

.u-mr40px {
  margin-right: 40px !important;
}

.u-pt40px {
  padding-top: 40px !important;
}

.u-pb40px {
  padding-bottom: 40px !important;
}

.u-pl40px {
  padding-left: 40px !important;
}

.u-pr40px {
  padding-right: 40px !important;
}

.u-p40px {
  padding: 40px !important;
}

.u-m45px {
  margin: 45px !important;
}

.u-mt45px {
  margin-top: 45px !important;
}

.u-mb45px {
  margin-bottom: 45px !important;
}

.u-ml45px {
  margin-left: 45px !important;
}

.u-mr45px {
  margin-right: 45px !important;
}

.u-pt45px {
  padding-top: 45px !important;
}

.u-pb45px {
  padding-bottom: 45px !important;
}

.u-pl45px {
  padding-left: 45px !important;
}

.u-pr45px {
  padding-right: 45px !important;
}

.u-p45px {
  padding: 45px !important;
}

.u-m50px {
  margin: 50px !important;
}

.u-mt50px {
  margin-top: 50px !important;
}

.u-mb50px {
  margin-bottom: 50px !important;
}

.u-ml50px {
  margin-left: 50px !important;
}

.u-mr50px {
  margin-right: 50px !important;
}

.u-pt50px {
  padding-top: 50px !important;
}

.u-pb50px {
  padding-bottom: 50px !important;
}

.u-pl50px {
  padding-left: 50px !important;
}

.u-pr50px {
  padding-right: 50px !important;
}

.u-p50px {
  padding: 50px !important;
}

.u-m55px {
  margin: 55px !important;
}

.u-mt55px {
  margin-top: 55px !important;
}

.u-mb55px {
  margin-bottom: 55px !important;
}

.u-ml55px {
  margin-left: 55px !important;
}

.u-mr55px {
  margin-right: 55px !important;
}

.u-pt55px {
  padding-top: 55px !important;
}

.u-pb55px {
  padding-bottom: 55px !important;
}

.u-pl55px {
  padding-left: 55px !important;
}

.u-pr55px {
  padding-right: 55px !important;
}

.u-p55px {
  padding: 55px !important;
}

.u-m60px {
  margin: 60px !important;
}

.u-mt60px {
  margin-top: 60px !important;
}

.u-mb60px {
  margin-bottom: 60px !important;
}

.u-ml60px {
  margin-left: 60px !important;
}

.u-mr60px {
  margin-right: 60px !important;
}

.u-pt60px {
  padding-top: 60px !important;
}

.u-pb60px {
  padding-bottom: 60px !important;
}

.u-pl60px {
  padding-left: 60px !important;
}

.u-pr60px {
  padding-right: 60px !important;
}

.u-p60px {
  padding: 60px !important;
}

.u-m65px {
  margin: 65px !important;
}

.u-mt65px {
  margin-top: 65px !important;
}

.u-mb65px {
  margin-bottom: 65px !important;
}

.u-ml65px {
  margin-left: 65px !important;
}

.u-mr65px {
  margin-right: 65px !important;
}

.u-pt65px {
  padding-top: 65px !important;
}

.u-pb65px {
  padding-bottom: 65px !important;
}

.u-pl65px {
  padding-left: 65px !important;
}

.u-pr65px {
  padding-right: 65px !important;
}

.u-p65px {
  padding: 65px !important;
}

.u-m70px {
  margin: 70px !important;
}

.u-mt70px {
  margin-top: 70px !important;
}

.u-mb70px {
  margin-bottom: 70px !important;
}

.u-ml70px {
  margin-left: 70px !important;
}

.u-mr70px {
  margin-right: 70px !important;
}

.u-pt70px {
  padding-top: 70px !important;
}

.u-pb70px {
  padding-bottom: 70px !important;
}

.u-pl70px {
  padding-left: 70px !important;
}

.u-pr70px {
  padding-right: 70px !important;
}

.u-p70px {
  padding: 70px !important;
}

.u-m75px {
  margin: 75px !important;
}

.u-mt75px {
  margin-top: 75px !important;
}

.u-mb75px {
  margin-bottom: 75px !important;
}

.u-ml75px {
  margin-left: 75px !important;
}

.u-mr75px {
  margin-right: 75px !important;
}

.u-pt75px {
  padding-top: 75px !important;
}

.u-pb75px {
  padding-bottom: 75px !important;
}

.u-pl75px {
  padding-left: 75px !important;
}

.u-pr75px {
  padding-right: 75px !important;
}

.u-p75px {
  padding: 75px !important;
}

.u-m80px {
  margin: 80px !important;
}

.u-mt80px {
  margin-top: 80px !important;
}

.u-mb80px {
  margin-bottom: 80px !important;
}

.u-ml80px {
  margin-left: 80px !important;
}

.u-mr80px {
  margin-right: 80px !important;
}

.u-pt80px {
  padding-top: 80px !important;
}

.u-pb80px {
  padding-bottom: 80px !important;
}

.u-pl80px {
  padding-left: 80px !important;
}

.u-pr80px {
  padding-right: 80px !important;
}

.u-p80px {
  padding: 80px !important;
}

.u-m85px {
  margin: 85px !important;
}

.u-mt85px {
  margin-top: 85px !important;
}

.u-mb85px {
  margin-bottom: 85px !important;
}

.u-ml85px {
  margin-left: 85px !important;
}

.u-mr85px {
  margin-right: 85px !important;
}

.u-pt85px {
  padding-top: 85px !important;
}

.u-pb85px {
  padding-bottom: 85px !important;
}

.u-pl85px {
  padding-left: 85px !important;
}

.u-pr85px {
  padding-right: 85px !important;
}

.u-p85px {
  padding: 85px !important;
}

.u-m90px {
  margin: 90px !important;
}

.u-mt90px {
  margin-top: 90px !important;
}

.u-mb90px {
  margin-bottom: 90px !important;
}

.u-ml90px {
  margin-left: 90px !important;
}

.u-mr90px {
  margin-right: 90px !important;
}

.u-pt90px {
  padding-top: 90px !important;
}

.u-pb90px {
  padding-bottom: 90px !important;
}

.u-pl90px {
  padding-left: 90px !important;
}

.u-pr90px {
  padding-right: 90px !important;
}

.u-p90px {
  padding: 90px !important;
}

.u-m95px {
  margin: 95px !important;
}

.u-mt95px {
  margin-top: 95px !important;
}

.u-mb95px {
  margin-bottom: 95px !important;
}

.u-ml95px {
  margin-left: 95px !important;
}

.u-mr95px {
  margin-right: 95px !important;
}

.u-pt95px {
  padding-top: 95px !important;
}

.u-pb95px {
  padding-bottom: 95px !important;
}

.u-pl95px {
  padding-left: 95px !important;
}

.u-pr95px {
  padding-right: 95px !important;
}

.u-p95px {
  padding: 95px !important;
}

.u-m100px {
  margin: 100px !important;
}

.u-mt100px {
  margin-top: 100px !important;
}

.u-mb100px {
  margin-bottom: 100px !important;
}

.u-ml100px {
  margin-left: 100px !important;
}

.u-mr100px {
  margin-right: 100px !important;
}

.u-pt100px {
  padding-top: 100px !important;
}

.u-pb100px {
  padding-bottom: 100px !important;
}

.u-pl100px {
  padding-left: 100px !important;
}

.u-pr100px {
  padding-right: 100px !important;
}

.u-p100px {
  padding: 100px !important;
}

@media screen and (max-width: 375px) {
  .u-m0px--sp {
    margin: 0px !important;
  }
  .u-mt0px--sp {
    margin-top: 0px !important;
  }
  .u-mb0px--sp {
    margin-bottom: 0px !important;
  }
  .u-ml0px--sp {
    margin-left: 0px !important;
  }
  .u-mr0px--sp {
    margin-right: 0px !important;
  }
  .u-pt0px--sp {
    padding-top: 0px !important;
  }
  .u-pb0px--sp {
    padding-bottom: 0px !important;
  }
  .u-pl0px--sp {
    padding-left: 0px !important;
  }
  .u-pr0px--sp {
    padding-right: 0px !important;
  }
  .u-p0px--sp {
    padding: 0px !important;
  }
  .u-m5px--sp {
    margin: 5px !important;
  }
  .u-mt5px--sp {
    margin-top: 5px !important;
  }
  .u-mb5px--sp {
    margin-bottom: 5px !important;
  }
  .u-ml5px--sp {
    margin-left: 5px !important;
  }
  .u-mr5px--sp {
    margin-right: 5px !important;
  }
  .u-pt5px--sp {
    padding-top: 5px !important;
  }
  .u-pb5px--sp {
    padding-bottom: 5px !important;
  }
  .u-pl5px--sp {
    padding-left: 5px !important;
  }
  .u-pr5px--sp {
    padding-right: 5px !important;
  }
  .u-p5px--sp {
    padding: 5px !important;
  }
  .u-m10px--sp {
    margin: 10px !important;
  }
  .u-mt10px--sp {
    margin-top: 10px !important;
  }
  .u-mb10px--sp {
    margin-bottom: 10px !important;
  }
  .u-ml10px--sp {
    margin-left: 10px !important;
  }
  .u-mr10px--sp {
    margin-right: 10px !important;
  }
  .u-pt10px--sp {
    padding-top: 10px !important;
  }
  .u-pb10px--sp {
    padding-bottom: 10px !important;
  }
  .u-pl10px--sp {
    padding-left: 10px !important;
  }
  .u-pr10px--sp {
    padding-right: 10px !important;
  }
  .u-p10px--sp {
    padding: 10px !important;
  }
  .u-m15px--sp {
    margin: 15px !important;
  }
  .u-mt15px--sp {
    margin-top: 15px !important;
  }
  .u-mb15px--sp {
    margin-bottom: 15px !important;
  }
  .u-ml15px--sp {
    margin-left: 15px !important;
  }
  .u-mr15px--sp {
    margin-right: 15px !important;
  }
  .u-pt15px--sp {
    padding-top: 15px !important;
  }
  .u-pb15px--sp {
    padding-bottom: 15px !important;
  }
  .u-pl15px--sp {
    padding-left: 15px !important;
  }
  .u-pr15px--sp {
    padding-right: 15px !important;
  }
  .u-p15px--sp {
    padding: 15px !important;
  }
  .u-m20px--sp {
    margin: 20px !important;
  }
  .u-mt20px--sp {
    margin-top: 20px !important;
  }
  .u-mb20px--sp {
    margin-bottom: 20px !important;
  }
  .u-ml20px--sp {
    margin-left: 20px !important;
  }
  .u-mr20px--sp {
    margin-right: 20px !important;
  }
  .u-pt20px--sp {
    padding-top: 20px !important;
  }
  .u-pb20px--sp {
    padding-bottom: 20px !important;
  }
  .u-pl20px--sp {
    padding-left: 20px !important;
  }
  .u-pr20px--sp {
    padding-right: 20px !important;
  }
  .u-p20px--sp {
    padding: 20px !important;
  }
  .u-m25px--sp {
    margin: 25px !important;
  }
  .u-mt25px--sp {
    margin-top: 25px !important;
  }
  .u-mb25px--sp {
    margin-bottom: 25px !important;
  }
  .u-ml25px--sp {
    margin-left: 25px !important;
  }
  .u-mr25px--sp {
    margin-right: 25px !important;
  }
  .u-pt25px--sp {
    padding-top: 25px !important;
  }
  .u-pb25px--sp {
    padding-bottom: 25px !important;
  }
  .u-pl25px--sp {
    padding-left: 25px !important;
  }
  .u-pr25px--sp {
    padding-right: 25px !important;
  }
  .u-p25px--sp {
    padding: 25px !important;
  }
  .u-m30px--sp {
    margin: 30px !important;
  }
  .u-mt30px--sp {
    margin-top: 30px !important;
  }
  .u-mb30px--sp {
    margin-bottom: 30px !important;
  }
  .u-ml30px--sp {
    margin-left: 30px !important;
  }
  .u-mr30px--sp {
    margin-right: 30px !important;
  }
  .u-pt30px--sp {
    padding-top: 30px !important;
  }
  .u-pb30px--sp {
    padding-bottom: 30px !important;
  }
  .u-pl30px--sp {
    padding-left: 30px !important;
  }
  .u-pr30px--sp {
    padding-right: 30px !important;
  }
  .u-p30px--sp {
    padding: 30px !important;
  }
  .u-m35px--sp {
    margin: 35px !important;
  }
  .u-mt35px--sp {
    margin-top: 35px !important;
  }
  .u-mb35px--sp {
    margin-bottom: 35px !important;
  }
  .u-ml35px--sp {
    margin-left: 35px !important;
  }
  .u-mr35px--sp {
    margin-right: 35px !important;
  }
  .u-pt35px--sp {
    padding-top: 35px !important;
  }
  .u-pb35px--sp {
    padding-bottom: 35px !important;
  }
  .u-pl35px--sp {
    padding-left: 35px !important;
  }
  .u-pr35px--sp {
    padding-right: 35px !important;
  }
  .u-p35px--sp {
    padding: 35px !important;
  }
  .u-m40px--sp {
    margin: 40px !important;
  }
  .u-mt40px--sp {
    margin-top: 40px !important;
  }
  .u-mb40px--sp {
    margin-bottom: 40px !important;
  }
  .u-ml40px--sp {
    margin-left: 40px !important;
  }
  .u-mr40px--sp {
    margin-right: 40px !important;
  }
  .u-pt40px--sp {
    padding-top: 40px !important;
  }
  .u-pb40px--sp {
    padding-bottom: 40px !important;
  }
  .u-pl40px--sp {
    padding-left: 40px !important;
  }
  .u-pr40px--sp {
    padding-right: 40px !important;
  }
  .u-p40px--sp {
    padding: 40px !important;
  }
  .u-m45px--sp {
    margin: 45px !important;
  }
  .u-mt45px--sp {
    margin-top: 45px !important;
  }
  .u-mb45px--sp {
    margin-bottom: 45px !important;
  }
  .u-ml45px--sp {
    margin-left: 45px !important;
  }
  .u-mr45px--sp {
    margin-right: 45px !important;
  }
  .u-pt45px--sp {
    padding-top: 45px !important;
  }
  .u-pb45px--sp {
    padding-bottom: 45px !important;
  }
  .u-pl45px--sp {
    padding-left: 45px !important;
  }
  .u-pr45px--sp {
    padding-right: 45px !important;
  }
  .u-p45px--sp {
    padding: 45px !important;
  }
  .u-m50px--sp {
    margin: 50px !important;
  }
  .u-mt50px--sp {
    margin-top: 50px !important;
  }
  .u-mb50px--sp {
    margin-bottom: 50px !important;
  }
  .u-ml50px--sp {
    margin-left: 50px !important;
  }
  .u-mr50px--sp {
    margin-right: 50px !important;
  }
  .u-pt50px--sp {
    padding-top: 50px !important;
  }
  .u-pb50px--sp {
    padding-bottom: 50px !important;
  }
  .u-pl50px--sp {
    padding-left: 50px !important;
  }
  .u-pr50px--sp {
    padding-right: 50px !important;
  }
  .u-p50px--sp {
    padding: 50px !important;
  }
  .u-m55px--sp {
    margin: 55px !important;
  }
  .u-mt55px--sp {
    margin-top: 55px !important;
  }
  .u-mb55px--sp {
    margin-bottom: 55px !important;
  }
  .u-ml55px--sp {
    margin-left: 55px !important;
  }
  .u-mr55px--sp {
    margin-right: 55px !important;
  }
  .u-pt55px--sp {
    padding-top: 55px !important;
  }
  .u-pb55px--sp {
    padding-bottom: 55px !important;
  }
  .u-pl55px--sp {
    padding-left: 55px !important;
  }
  .u-pr55px--sp {
    padding-right: 55px !important;
  }
  .u-p55px--sp {
    padding: 55px !important;
  }
  .u-m60px--sp {
    margin: 60px !important;
  }
  .u-mt60px--sp {
    margin-top: 60px !important;
  }
  .u-mb60px--sp {
    margin-bottom: 60px !important;
  }
  .u-ml60px--sp {
    margin-left: 60px !important;
  }
  .u-mr60px--sp {
    margin-right: 60px !important;
  }
  .u-pt60px--sp {
    padding-top: 60px !important;
  }
  .u-pb60px--sp {
    padding-bottom: 60px !important;
  }
  .u-pl60px--sp {
    padding-left: 60px !important;
  }
  .u-pr60px--sp {
    padding-right: 60px !important;
  }
  .u-p60px--sp {
    padding: 60px !important;
  }
  .u-m65px--sp {
    margin: 65px !important;
  }
  .u-mt65px--sp {
    margin-top: 65px !important;
  }
  .u-mb65px--sp {
    margin-bottom: 65px !important;
  }
  .u-ml65px--sp {
    margin-left: 65px !important;
  }
  .u-mr65px--sp {
    margin-right: 65px !important;
  }
  .u-pt65px--sp {
    padding-top: 65px !important;
  }
  .u-pb65px--sp {
    padding-bottom: 65px !important;
  }
  .u-pl65px--sp {
    padding-left: 65px !important;
  }
  .u-pr65px--sp {
    padding-right: 65px !important;
  }
  .u-p65px--sp {
    padding: 65px !important;
  }
  .u-m70px--sp {
    margin: 70px !important;
  }
  .u-mt70px--sp {
    margin-top: 70px !important;
  }
  .u-mb70px--sp {
    margin-bottom: 70px !important;
  }
  .u-ml70px--sp {
    margin-left: 70px !important;
  }
  .u-mr70px--sp {
    margin-right: 70px !important;
  }
  .u-pt70px--sp {
    padding-top: 70px !important;
  }
  .u-pb70px--sp {
    padding-bottom: 70px !important;
  }
  .u-pl70px--sp {
    padding-left: 70px !important;
  }
  .u-pr70px--sp {
    padding-right: 70px !important;
  }
  .u-p70px--sp {
    padding: 70px !important;
  }
  .u-m75px--sp {
    margin: 75px !important;
  }
  .u-mt75px--sp {
    margin-top: 75px !important;
  }
  .u-mb75px--sp {
    margin-bottom: 75px !important;
  }
  .u-ml75px--sp {
    margin-left: 75px !important;
  }
  .u-mr75px--sp {
    margin-right: 75px !important;
  }
  .u-pt75px--sp {
    padding-top: 75px !important;
  }
  .u-pb75px--sp {
    padding-bottom: 75px !important;
  }
  .u-pl75px--sp {
    padding-left: 75px !important;
  }
  .u-pr75px--sp {
    padding-right: 75px !important;
  }
  .u-p75px--sp {
    padding: 75px !important;
  }
  .u-m80px--sp {
    margin: 80px !important;
  }
  .u-mt80px--sp {
    margin-top: 80px !important;
  }
  .u-mb80px--sp {
    margin-bottom: 80px !important;
  }
  .u-ml80px--sp {
    margin-left: 80px !important;
  }
  .u-mr80px--sp {
    margin-right: 80px !important;
  }
  .u-pt80px--sp {
    padding-top: 80px !important;
  }
  .u-pb80px--sp {
    padding-bottom: 80px !important;
  }
  .u-pl80px--sp {
    padding-left: 80px !important;
  }
  .u-pr80px--sp {
    padding-right: 80px !important;
  }
  .u-p80px--sp {
    padding: 80px !important;
  }
  .u-m85px--sp {
    margin: 85px !important;
  }
  .u-mt85px--sp {
    margin-top: 85px !important;
  }
  .u-mb85px--sp {
    margin-bottom: 85px !important;
  }
  .u-ml85px--sp {
    margin-left: 85px !important;
  }
  .u-mr85px--sp {
    margin-right: 85px !important;
  }
  .u-pt85px--sp {
    padding-top: 85px !important;
  }
  .u-pb85px--sp {
    padding-bottom: 85px !important;
  }
  .u-pl85px--sp {
    padding-left: 85px !important;
  }
  .u-pr85px--sp {
    padding-right: 85px !important;
  }
  .u-p85px--sp {
    padding: 85px !important;
  }
  .u-m90px--sp {
    margin: 90px !important;
  }
  .u-mt90px--sp {
    margin-top: 90px !important;
  }
  .u-mb90px--sp {
    margin-bottom: 90px !important;
  }
  .u-ml90px--sp {
    margin-left: 90px !important;
  }
  .u-mr90px--sp {
    margin-right: 90px !important;
  }
  .u-pt90px--sp {
    padding-top: 90px !important;
  }
  .u-pb90px--sp {
    padding-bottom: 90px !important;
  }
  .u-pl90px--sp {
    padding-left: 90px !important;
  }
  .u-pr90px--sp {
    padding-right: 90px !important;
  }
  .u-p90px--sp {
    padding: 90px !important;
  }
  .u-m95px--sp {
    margin: 95px !important;
  }
  .u-mt95px--sp {
    margin-top: 95px !important;
  }
  .u-mb95px--sp {
    margin-bottom: 95px !important;
  }
  .u-ml95px--sp {
    margin-left: 95px !important;
  }
  .u-mr95px--sp {
    margin-right: 95px !important;
  }
  .u-pt95px--sp {
    padding-top: 95px !important;
  }
  .u-pb95px--sp {
    padding-bottom: 95px !important;
  }
  .u-pl95px--sp {
    padding-left: 95px !important;
  }
  .u-pr95px--sp {
    padding-right: 95px !important;
  }
  .u-p95px--sp {
    padding: 95px !important;
  }
  .u-m100px--sp {
    margin: 100px !important;
  }
  .u-mt100px--sp {
    margin-top: 100px !important;
  }
  .u-mb100px--sp {
    margin-bottom: 100px !important;
  }
  .u-ml100px--sp {
    margin-left: 100px !important;
  }
  .u-mr100px--sp {
    margin-right: 100px !important;
  }
  .u-pt100px--sp {
    padding-top: 100px !important;
  }
  .u-pb100px--sp {
    padding-bottom: 100px !important;
  }
  .u-pl100px--sp {
    padding-left: 100px !important;
  }
  .u-pr100px--sp {
    padding-right: 100px !important;
  }
  .u-p100px--sp {
    padding: 100px !important;
  }
}
.u-m0em {
  margin: 0em !important;
}

.u-mt0em {
  margin-top: 0em !important;
}

.u-mb0em {
  margin-bottom: 0em !important;
}

.u-ml0em {
  margin-left: 0em !important;
}

.u-mr0em {
  margin-right: 0em !important;
}

.u-pt0em {
  padding-top: 0em !important;
}

.u-pb0em {
  padding-bottom: 0em !important;
}

.u-pl0em {
  padding-left: 0em !important;
}

.u-pr0em {
  padding-right: 0em !important;
}

.u-p0em {
  padding: 0em !important;
}

.u-m0_5em {
  margin: 0.5em !important;
}

.u-mt0_5em {
  margin-top: 0.5em !important;
}

.u-mb0_5em {
  margin-bottom: 0.5em !important;
}

.u-ml0_5em {
  margin-left: 0.5em !important;
}

.u-mr0_5em {
  margin-right: 0.5em !important;
}

.u-pt0_5em {
  padding-top: 0.5em !important;
}

.u-pb0_5em {
  padding-bottom: 0.5em !important;
}

.u-pl0_5em {
  padding-left: 0.5em !important;
}

.u-pr0_5em {
  padding-right: 0.5em !important;
}

.u-p0_5em {
  padding: 0.5em !important;
}

.u-m1em {
  margin: 1em !important;
}

.u-mt1em {
  margin-top: 1em !important;
}

.u-mb1em {
  margin-bottom: 1em !important;
}

.u-ml1em {
  margin-left: 1em !important;
}

.u-mr1em {
  margin-right: 1em !important;
}

.u-pt1em {
  padding-top: 1em !important;
}

.u-pb1em {
  padding-bottom: 1em !important;
}

.u-pl1em {
  padding-left: 1em !important;
}

.u-pr1em {
  padding-right: 1em !important;
}

.u-p1em {
  padding: 1em !important;
}

.u-m1_5em {
  margin: 1.5em !important;
}

.u-mt1_5em {
  margin-top: 1.5em !important;
}

.u-mb1_5em {
  margin-bottom: 1.5em !important;
}

.u-ml1_5em {
  margin-left: 1.5em !important;
}

.u-mr1_5em {
  margin-right: 1.5em !important;
}

.u-pt1_5em {
  padding-top: 1.5em !important;
}

.u-pb1_5em {
  padding-bottom: 1.5em !important;
}

.u-pl1_5em {
  padding-left: 1.5em !important;
}

.u-pr1_5em {
  padding-right: 1.5em !important;
}

.u-p1_5em {
  padding: 1.5em !important;
}

.u-m2em {
  margin: 2em !important;
}

.u-mt2em {
  margin-top: 2em !important;
}

.u-mb2em {
  margin-bottom: 2em !important;
}

.u-ml2em {
  margin-left: 2em !important;
}

.u-mr2em {
  margin-right: 2em !important;
}

.u-pt2em {
  padding-top: 2em !important;
}

.u-pb2em {
  padding-bottom: 2em !important;
}

.u-pl2em {
  padding-left: 2em !important;
}

.u-pr2em {
  padding-right: 2em !important;
}

.u-p2em {
  padding: 2em !important;
}

.u-m2_5em {
  margin: 2.5em !important;
}

.u-mt2_5em {
  margin-top: 2.5em !important;
}

.u-mb2_5em {
  margin-bottom: 2.5em !important;
}

.u-ml2_5em {
  margin-left: 2.5em !important;
}

.u-mr2_5em {
  margin-right: 2.5em !important;
}

.u-pt2_5em {
  padding-top: 2.5em !important;
}

.u-pb2_5em {
  padding-bottom: 2.5em !important;
}

.u-pl2_5em {
  padding-left: 2.5em !important;
}

.u-pr2_5em {
  padding-right: 2.5em !important;
}

.u-p2_5em {
  padding: 2.5em !important;
}

.u-m3em {
  margin: 3em !important;
}

.u-mt3em {
  margin-top: 3em !important;
}

.u-mb3em {
  margin-bottom: 3em !important;
}

.u-ml3em {
  margin-left: 3em !important;
}

.u-mr3em {
  margin-right: 3em !important;
}

.u-pt3em {
  padding-top: 3em !important;
}

.u-pb3em {
  padding-bottom: 3em !important;
}

.u-pl3em {
  padding-left: 3em !important;
}

.u-pr3em {
  padding-right: 3em !important;
}

.u-p3em {
  padding: 3em !important;
}

.u-m3_5em {
  margin: 3.5em !important;
}

.u-mt3_5em {
  margin-top: 3.5em !important;
}

.u-mb3_5em {
  margin-bottom: 3.5em !important;
}

.u-ml3_5em {
  margin-left: 3.5em !important;
}

.u-mr3_5em {
  margin-right: 3.5em !important;
}

.u-pt3_5em {
  padding-top: 3.5em !important;
}

.u-pb3_5em {
  padding-bottom: 3.5em !important;
}

.u-pl3_5em {
  padding-left: 3.5em !important;
}

.u-pr3_5em {
  padding-right: 3.5em !important;
}

.u-p3_5em {
  padding: 3.5em !important;
}

.u-m4em {
  margin: 4em !important;
}

.u-mt4em {
  margin-top: 4em !important;
}

.u-mb4em {
  margin-bottom: 4em !important;
}

.u-ml4em {
  margin-left: 4em !important;
}

.u-mr4em {
  margin-right: 4em !important;
}

.u-pt4em {
  padding-top: 4em !important;
}

.u-pb4em {
  padding-bottom: 4em !important;
}

.u-pl4em {
  padding-left: 4em !important;
}

.u-pr4em {
  padding-right: 4em !important;
}

.u-p4em {
  padding: 4em !important;
}

.u-m4_5em {
  margin: 4.5em !important;
}

.u-mt4_5em {
  margin-top: 4.5em !important;
}

.u-mb4_5em {
  margin-bottom: 4.5em !important;
}

.u-ml4_5em {
  margin-left: 4.5em !important;
}

.u-mr4_5em {
  margin-right: 4.5em !important;
}

.u-pt4_5em {
  padding-top: 4.5em !important;
}

.u-pb4_5em {
  padding-bottom: 4.5em !important;
}

.u-pl4_5em {
  padding-left: 4.5em !important;
}

.u-pr4_5em {
  padding-right: 4.5em !important;
}

.u-p4_5em {
  padding: 4.5em !important;
}

.u-m5em {
  margin: 5em !important;
}

.u-mt5em {
  margin-top: 5em !important;
}

.u-mb5em {
  margin-bottom: 5em !important;
}

.u-ml5em {
  margin-left: 5em !important;
}

.u-mr5em {
  margin-right: 5em !important;
}

.u-pt5em {
  padding-top: 5em !important;
}

.u-pb5em {
  padding-bottom: 5em !important;
}

.u-pl5em {
  padding-left: 5em !important;
}

.u-pr5em {
  padding-right: 5em !important;
}

.u-p5em {
  padding: 5em !important;
}

.u-m5_5em {
  margin: 5.5em !important;
}

.u-mt5_5em {
  margin-top: 5.5em !important;
}

.u-mb5_5em {
  margin-bottom: 5.5em !important;
}

.u-ml5_5em {
  margin-left: 5.5em !important;
}

.u-mr5_5em {
  margin-right: 5.5em !important;
}

.u-pt5_5em {
  padding-top: 5.5em !important;
}

.u-pb5_5em {
  padding-bottom: 5.5em !important;
}

.u-pl5_5em {
  padding-left: 5.5em !important;
}

.u-pr5_5em {
  padding-right: 5.5em !important;
}

.u-p5_5em {
  padding: 5.5em !important;
}

.u-m6em {
  margin: 6em !important;
}

.u-mt6em {
  margin-top: 6em !important;
}

.u-mb6em {
  margin-bottom: 6em !important;
}

.u-ml6em {
  margin-left: 6em !important;
}

.u-mr6em {
  margin-right: 6em !important;
}

.u-pt6em {
  padding-top: 6em !important;
}

.u-pb6em {
  padding-bottom: 6em !important;
}

.u-pl6em {
  padding-left: 6em !important;
}

.u-pr6em {
  padding-right: 6em !important;
}

.u-p6em {
  padding: 6em !important;
}

.u-m6_5em {
  margin: 6.5em !important;
}

.u-mt6_5em {
  margin-top: 6.5em !important;
}

.u-mb6_5em {
  margin-bottom: 6.5em !important;
}

.u-ml6_5em {
  margin-left: 6.5em !important;
}

.u-mr6_5em {
  margin-right: 6.5em !important;
}

.u-pt6_5em {
  padding-top: 6.5em !important;
}

.u-pb6_5em {
  padding-bottom: 6.5em !important;
}

.u-pl6_5em {
  padding-left: 6.5em !important;
}

.u-pr6_5em {
  padding-right: 6.5em !important;
}

.u-p6_5em {
  padding: 6.5em !important;
}

.u-m7em {
  margin: 7em !important;
}

.u-mt7em {
  margin-top: 7em !important;
}

.u-mb7em {
  margin-bottom: 7em !important;
}

.u-ml7em {
  margin-left: 7em !important;
}

.u-mr7em {
  margin-right: 7em !important;
}

.u-pt7em {
  padding-top: 7em !important;
}

.u-pb7em {
  padding-bottom: 7em !important;
}

.u-pl7em {
  padding-left: 7em !important;
}

.u-pr7em {
  padding-right: 7em !important;
}

.u-p7em {
  padding: 7em !important;
}

.u-m7_5em {
  margin: 7.5em !important;
}

.u-mt7_5em {
  margin-top: 7.5em !important;
}

.u-mb7_5em {
  margin-bottom: 7.5em !important;
}

.u-ml7_5em {
  margin-left: 7.5em !important;
}

.u-mr7_5em {
  margin-right: 7.5em !important;
}

.u-pt7_5em {
  padding-top: 7.5em !important;
}

.u-pb7_5em {
  padding-bottom: 7.5em !important;
}

.u-pl7_5em {
  padding-left: 7.5em !important;
}

.u-pr7_5em {
  padding-right: 7.5em !important;
}

.u-p7_5em {
  padding: 7.5em !important;
}

.u-m8em {
  margin: 8em !important;
}

.u-mt8em {
  margin-top: 8em !important;
}

.u-mb8em {
  margin-bottom: 8em !important;
}

.u-ml8em {
  margin-left: 8em !important;
}

.u-mr8em {
  margin-right: 8em !important;
}

.u-pt8em {
  padding-top: 8em !important;
}

.u-pb8em {
  padding-bottom: 8em !important;
}

.u-pl8em {
  padding-left: 8em !important;
}

.u-pr8em {
  padding-right: 8em !important;
}

.u-p8em {
  padding: 8em !important;
}

.u-m8_5em {
  margin: 8.5em !important;
}

.u-mt8_5em {
  margin-top: 8.5em !important;
}

.u-mb8_5em {
  margin-bottom: 8.5em !important;
}

.u-ml8_5em {
  margin-left: 8.5em !important;
}

.u-mr8_5em {
  margin-right: 8.5em !important;
}

.u-pt8_5em {
  padding-top: 8.5em !important;
}

.u-pb8_5em {
  padding-bottom: 8.5em !important;
}

.u-pl8_5em {
  padding-left: 8.5em !important;
}

.u-pr8_5em {
  padding-right: 8.5em !important;
}

.u-p8_5em {
  padding: 8.5em !important;
}

.u-m9em {
  margin: 9em !important;
}

.u-mt9em {
  margin-top: 9em !important;
}

.u-mb9em {
  margin-bottom: 9em !important;
}

.u-ml9em {
  margin-left: 9em !important;
}

.u-mr9em {
  margin-right: 9em !important;
}

.u-pt9em {
  padding-top: 9em !important;
}

.u-pb9em {
  padding-bottom: 9em !important;
}

.u-pl9em {
  padding-left: 9em !important;
}

.u-pr9em {
  padding-right: 9em !important;
}

.u-p9em {
  padding: 9em !important;
}

.u-m9_5em {
  margin: 9.5em !important;
}

.u-mt9_5em {
  margin-top: 9.5em !important;
}

.u-mb9_5em {
  margin-bottom: 9.5em !important;
}

.u-ml9_5em {
  margin-left: 9.5em !important;
}

.u-mr9_5em {
  margin-right: 9.5em !important;
}

.u-pt9_5em {
  padding-top: 9.5em !important;
}

.u-pb9_5em {
  padding-bottom: 9.5em !important;
}

.u-pl9_5em {
  padding-left: 9.5em !important;
}

.u-pr9_5em {
  padding-right: 9.5em !important;
}

.u-p9_5em {
  padding: 9.5em !important;
}

.u-m10em {
  margin: 10em !important;
}

.u-mt10em {
  margin-top: 10em !important;
}

.u-mb10em {
  margin-bottom: 10em !important;
}

.u-ml10em {
  margin-left: 10em !important;
}

.u-mr10em {
  margin-right: 10em !important;
}

.u-pt10em {
  padding-top: 10em !important;
}

.u-pb10em {
  padding-bottom: 10em !important;
}

.u-pl10em {
  padding-left: 10em !important;
}

.u-pr10em {
  padding-right: 10em !important;
}

.u-p10em {
  padding: 10em !important;
}

.u-mAuto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-pAuto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.u-m0 {
  margin: 0 !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-ml0 {
  margin-left: 0 !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

.u-pt0 {
  padding-top: 0 !important;
}

.u-pb0 {
  padding-bottom: 0 !important;
}

.u-pl0 {
  padding-left: 0 !important;
}

.u-pr0 {
  padding-right: 0 !important;
}

.u-p0 {
  padding: 0 !important;
}

@media screen and (max-width: 375px) {
  .u-m0em--sp {
    margin: 0em !important;
  }
  .u-mt0em--sp {
    margin-top: 0em !important;
  }
  .u-mb0em--sp {
    margin-bottom: 0em !important;
  }
  .u-ml0em--sp {
    margin-left: 0em !important;
  }
  .u-mr0em--sp {
    margin-right: 0em !important;
  }
  .u-pt0em--sp {
    padding-top: 0em !important;
  }
  .u-pb0em--sp {
    padding-bottom: 0em !important;
  }
  .u-pl0em--sp {
    padding-left: 0em !important;
  }
  .u-pr0em--sp {
    padding-right: 0em !important;
  }
  .u-p0em--sp {
    padding: 0em !important;
  }
  .u-m0_5em--sp {
    margin: 0.5em !important;
  }
  .u-mt0_5em--sp {
    margin-top: 0.5em !important;
  }
  .u-mb0_5em--sp {
    margin-bottom: 0.5em !important;
  }
  .u-ml0_5em--sp {
    margin-left: 0.5em !important;
  }
  .u-mr0_5em--sp {
    margin-right: 0.5em !important;
  }
  .u-pt0_5em--sp {
    padding-top: 0.5em !important;
  }
  .u-pb0_5em--sp {
    padding-bottom: 0.5em !important;
  }
  .u-pl0_5em--sp {
    padding-left: 0.5em !important;
  }
  .u-pr0_5em--sp {
    padding-right: 0.5em !important;
  }
  .u-p0_5em--sp {
    padding: 0.5em !important;
  }
  .u-m1em--sp {
    margin: 1em !important;
  }
  .u-mt1em--sp {
    margin-top: 1em !important;
  }
  .u-mb1em--sp {
    margin-bottom: 1em !important;
  }
  .u-ml1em--sp {
    margin-left: 1em !important;
  }
  .u-mr1em--sp {
    margin-right: 1em !important;
  }
  .u-pt1em--sp {
    padding-top: 1em !important;
  }
  .u-pb1em--sp {
    padding-bottom: 1em !important;
  }
  .u-pl1em--sp {
    padding-left: 1em !important;
  }
  .u-pr1em--sp {
    padding-right: 1em !important;
  }
  .u-p1em--sp {
    padding: 1em !important;
  }
  .u-m1_5em--sp {
    margin: 1.5em !important;
  }
  .u-mt1_5em--sp {
    margin-top: 1.5em !important;
  }
  .u-mb1_5em--sp {
    margin-bottom: 1.5em !important;
  }
  .u-ml1_5em--sp {
    margin-left: 1.5em !important;
  }
  .u-mr1_5em--sp {
    margin-right: 1.5em !important;
  }
  .u-pt1_5em--sp {
    padding-top: 1.5em !important;
  }
  .u-pb1_5em--sp {
    padding-bottom: 1.5em !important;
  }
  .u-pl1_5em--sp {
    padding-left: 1.5em !important;
  }
  .u-pr1_5em--sp {
    padding-right: 1.5em !important;
  }
  .u-p1_5em--sp {
    padding: 1.5em !important;
  }
  .u-m2em--sp {
    margin: 2em !important;
  }
  .u-mt2em--sp {
    margin-top: 2em !important;
  }
  .u-mb2em--sp {
    margin-bottom: 2em !important;
  }
  .u-ml2em--sp {
    margin-left: 2em !important;
  }
  .u-mr2em--sp {
    margin-right: 2em !important;
  }
  .u-pt2em--sp {
    padding-top: 2em !important;
  }
  .u-pb2em--sp {
    padding-bottom: 2em !important;
  }
  .u-pl2em--sp {
    padding-left: 2em !important;
  }
  .u-pr2em--sp {
    padding-right: 2em !important;
  }
  .u-p2em--sp {
    padding: 2em !important;
  }
  .u-m2_5em--sp {
    margin: 2.5em !important;
  }
  .u-mt2_5em--sp {
    margin-top: 2.5em !important;
  }
  .u-mb2_5em--sp {
    margin-bottom: 2.5em !important;
  }
  .u-ml2_5em--sp {
    margin-left: 2.5em !important;
  }
  .u-mr2_5em--sp {
    margin-right: 2.5em !important;
  }
  .u-pt2_5em--sp {
    padding-top: 2.5em !important;
  }
  .u-pb2_5em--sp {
    padding-bottom: 2.5em !important;
  }
  .u-pl2_5em--sp {
    padding-left: 2.5em !important;
  }
  .u-pr2_5em--sp {
    padding-right: 2.5em !important;
  }
  .u-p2_5em--sp {
    padding: 2.5em !important;
  }
  .u-m3em--sp {
    margin: 3em !important;
  }
  .u-mt3em--sp {
    margin-top: 3em !important;
  }
  .u-mb3em--sp {
    margin-bottom: 3em !important;
  }
  .u-ml3em--sp {
    margin-left: 3em !important;
  }
  .u-mr3em--sp {
    margin-right: 3em !important;
  }
  .u-pt3em--sp {
    padding-top: 3em !important;
  }
  .u-pb3em--sp {
    padding-bottom: 3em !important;
  }
  .u-pl3em--sp {
    padding-left: 3em !important;
  }
  .u-pr3em--sp {
    padding-right: 3em !important;
  }
  .u-p3em--sp {
    padding: 3em !important;
  }
  .u-m3_5em--sp {
    margin: 3.5em !important;
  }
  .u-mt3_5em--sp {
    margin-top: 3.5em !important;
  }
  .u-mb3_5em--sp {
    margin-bottom: 3.5em !important;
  }
  .u-ml3_5em--sp {
    margin-left: 3.5em !important;
  }
  .u-mr3_5em--sp {
    margin-right: 3.5em !important;
  }
  .u-pt3_5em--sp {
    padding-top: 3.5em !important;
  }
  .u-pb3_5em--sp {
    padding-bottom: 3.5em !important;
  }
  .u-pl3_5em--sp {
    padding-left: 3.5em !important;
  }
  .u-pr3_5em--sp {
    padding-right: 3.5em !important;
  }
  .u-p3_5em--sp {
    padding: 3.5em !important;
  }
  .u-m4em--sp {
    margin: 4em !important;
  }
  .u-mt4em--sp {
    margin-top: 4em !important;
  }
  .u-mb4em--sp {
    margin-bottom: 4em !important;
  }
  .u-ml4em--sp {
    margin-left: 4em !important;
  }
  .u-mr4em--sp {
    margin-right: 4em !important;
  }
  .u-pt4em--sp {
    padding-top: 4em !important;
  }
  .u-pb4em--sp {
    padding-bottom: 4em !important;
  }
  .u-pl4em--sp {
    padding-left: 4em !important;
  }
  .u-pr4em--sp {
    padding-right: 4em !important;
  }
  .u-p4em--sp {
    padding: 4em !important;
  }
  .u-m4_5em--sp {
    margin: 4.5em !important;
  }
  .u-mt4_5em--sp {
    margin-top: 4.5em !important;
  }
  .u-mb4_5em--sp {
    margin-bottom: 4.5em !important;
  }
  .u-ml4_5em--sp {
    margin-left: 4.5em !important;
  }
  .u-mr4_5em--sp {
    margin-right: 4.5em !important;
  }
  .u-pt4_5em--sp {
    padding-top: 4.5em !important;
  }
  .u-pb4_5em--sp {
    padding-bottom: 4.5em !important;
  }
  .u-pl4_5em--sp {
    padding-left: 4.5em !important;
  }
  .u-pr4_5em--sp {
    padding-right: 4.5em !important;
  }
  .u-p4_5em--sp {
    padding: 4.5em !important;
  }
  .u-m5em--sp {
    margin: 5em !important;
  }
  .u-mt5em--sp {
    margin-top: 5em !important;
  }
  .u-mb5em--sp {
    margin-bottom: 5em !important;
  }
  .u-ml5em--sp {
    margin-left: 5em !important;
  }
  .u-mr5em--sp {
    margin-right: 5em !important;
  }
  .u-pt5em--sp {
    padding-top: 5em !important;
  }
  .u-pb5em--sp {
    padding-bottom: 5em !important;
  }
  .u-pl5em--sp {
    padding-left: 5em !important;
  }
  .u-pr5em--sp {
    padding-right: 5em !important;
  }
  .u-p5em--sp {
    padding: 5em !important;
  }
  .u-m5_5em--sp {
    margin: 5.5em !important;
  }
  .u-mt5_5em--sp {
    margin-top: 5.5em !important;
  }
  .u-mb5_5em--sp {
    margin-bottom: 5.5em !important;
  }
  .u-ml5_5em--sp {
    margin-left: 5.5em !important;
  }
  .u-mr5_5em--sp {
    margin-right: 5.5em !important;
  }
  .u-pt5_5em--sp {
    padding-top: 5.5em !important;
  }
  .u-pb5_5em--sp {
    padding-bottom: 5.5em !important;
  }
  .u-pl5_5em--sp {
    padding-left: 5.5em !important;
  }
  .u-pr5_5em--sp {
    padding-right: 5.5em !important;
  }
  .u-p5_5em--sp {
    padding: 5.5em !important;
  }
  .u-m6em--sp {
    margin: 6em !important;
  }
  .u-mt6em--sp {
    margin-top: 6em !important;
  }
  .u-mb6em--sp {
    margin-bottom: 6em !important;
  }
  .u-ml6em--sp {
    margin-left: 6em !important;
  }
  .u-mr6em--sp {
    margin-right: 6em !important;
  }
  .u-pt6em--sp {
    padding-top: 6em !important;
  }
  .u-pb6em--sp {
    padding-bottom: 6em !important;
  }
  .u-pl6em--sp {
    padding-left: 6em !important;
  }
  .u-pr6em--sp {
    padding-right: 6em !important;
  }
  .u-p6em--sp {
    padding: 6em !important;
  }
  .u-m6_5em--sp {
    margin: 6.5em !important;
  }
  .u-mt6_5em--sp {
    margin-top: 6.5em !important;
  }
  .u-mb6_5em--sp {
    margin-bottom: 6.5em !important;
  }
  .u-ml6_5em--sp {
    margin-left: 6.5em !important;
  }
  .u-mr6_5em--sp {
    margin-right: 6.5em !important;
  }
  .u-pt6_5em--sp {
    padding-top: 6.5em !important;
  }
  .u-pb6_5em--sp {
    padding-bottom: 6.5em !important;
  }
  .u-pl6_5em--sp {
    padding-left: 6.5em !important;
  }
  .u-pr6_5em--sp {
    padding-right: 6.5em !important;
  }
  .u-p6_5em--sp {
    padding: 6.5em !important;
  }
  .u-m7em--sp {
    margin: 7em !important;
  }
  .u-mt7em--sp {
    margin-top: 7em !important;
  }
  .u-mb7em--sp {
    margin-bottom: 7em !important;
  }
  .u-ml7em--sp {
    margin-left: 7em !important;
  }
  .u-mr7em--sp {
    margin-right: 7em !important;
  }
  .u-pt7em--sp {
    padding-top: 7em !important;
  }
  .u-pb7em--sp {
    padding-bottom: 7em !important;
  }
  .u-pl7em--sp {
    padding-left: 7em !important;
  }
  .u-pr7em--sp {
    padding-right: 7em !important;
  }
  .u-p7em--sp {
    padding: 7em !important;
  }
  .u-m7_5em--sp {
    margin: 7.5em !important;
  }
  .u-mt7_5em--sp {
    margin-top: 7.5em !important;
  }
  .u-mb7_5em--sp {
    margin-bottom: 7.5em !important;
  }
  .u-ml7_5em--sp {
    margin-left: 7.5em !important;
  }
  .u-mr7_5em--sp {
    margin-right: 7.5em !important;
  }
  .u-pt7_5em--sp {
    padding-top: 7.5em !important;
  }
  .u-pb7_5em--sp {
    padding-bottom: 7.5em !important;
  }
  .u-pl7_5em--sp {
    padding-left: 7.5em !important;
  }
  .u-pr7_5em--sp {
    padding-right: 7.5em !important;
  }
  .u-p7_5em--sp {
    padding: 7.5em !important;
  }
  .u-m8em--sp {
    margin: 8em !important;
  }
  .u-mt8em--sp {
    margin-top: 8em !important;
  }
  .u-mb8em--sp {
    margin-bottom: 8em !important;
  }
  .u-ml8em--sp {
    margin-left: 8em !important;
  }
  .u-mr8em--sp {
    margin-right: 8em !important;
  }
  .u-pt8em--sp {
    padding-top: 8em !important;
  }
  .u-pb8em--sp {
    padding-bottom: 8em !important;
  }
  .u-pl8em--sp {
    padding-left: 8em !important;
  }
  .u-pr8em--sp {
    padding-right: 8em !important;
  }
  .u-p8em--sp {
    padding: 8em !important;
  }
  .u-m8_5em--sp {
    margin: 8.5em !important;
  }
  .u-mt8_5em--sp {
    margin-top: 8.5em !important;
  }
  .u-mb8_5em--sp {
    margin-bottom: 8.5em !important;
  }
  .u-ml8_5em--sp {
    margin-left: 8.5em !important;
  }
  .u-mr8_5em--sp {
    margin-right: 8.5em !important;
  }
  .u-pt8_5em--sp {
    padding-top: 8.5em !important;
  }
  .u-pb8_5em--sp {
    padding-bottom: 8.5em !important;
  }
  .u-pl8_5em--sp {
    padding-left: 8.5em !important;
  }
  .u-pr8_5em--sp {
    padding-right: 8.5em !important;
  }
  .u-p8_5em--sp {
    padding: 8.5em !important;
  }
  .u-m9em--sp {
    margin: 9em !important;
  }
  .u-mt9em--sp {
    margin-top: 9em !important;
  }
  .u-mb9em--sp {
    margin-bottom: 9em !important;
  }
  .u-ml9em--sp {
    margin-left: 9em !important;
  }
  .u-mr9em--sp {
    margin-right: 9em !important;
  }
  .u-pt9em--sp {
    padding-top: 9em !important;
  }
  .u-pb9em--sp {
    padding-bottom: 9em !important;
  }
  .u-pl9em--sp {
    padding-left: 9em !important;
  }
  .u-pr9em--sp {
    padding-right: 9em !important;
  }
  .u-p9em--sp {
    padding: 9em !important;
  }
  .u-m9_5em--sp {
    margin: 9.5em !important;
  }
  .u-mt9_5em--sp {
    margin-top: 9.5em !important;
  }
  .u-mb9_5em--sp {
    margin-bottom: 9.5em !important;
  }
  .u-ml9_5em--sp {
    margin-left: 9.5em !important;
  }
  .u-mr9_5em--sp {
    margin-right: 9.5em !important;
  }
  .u-pt9_5em--sp {
    padding-top: 9.5em !important;
  }
  .u-pb9_5em--sp {
    padding-bottom: 9.5em !important;
  }
  .u-pl9_5em--sp {
    padding-left: 9.5em !important;
  }
  .u-pr9_5em--sp {
    padding-right: 9.5em !important;
  }
  .u-p9_5em--sp {
    padding: 9.5em !important;
  }
  .u-m10em--sp {
    margin: 10em !important;
  }
  .u-mt10em--sp {
    margin-top: 10em !important;
  }
  .u-mb10em--sp {
    margin-bottom: 10em !important;
  }
  .u-ml10em--sp {
    margin-left: 10em !important;
  }
  .u-mr10em--sp {
    margin-right: 10em !important;
  }
  .u-pt10em--sp {
    padding-top: 10em !important;
  }
  .u-pb10em--sp {
    padding-bottom: 10em !important;
  }
  .u-pl10em--sp {
    padding-left: 10em !important;
  }
  .u-pr10em--sp {
    padding-right: 10em !important;
  }
  .u-p10em--sp {
    padding: 10em !important;
  }
  .u-mAuto--sp {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .u-pAuto--sp {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .u-m0--sp {
    margin: 0 !important;
  }
  .u-mt0--sp {
    margin-top: 0 !important;
  }
  .u-mb0--sp {
    margin-bottom: 0 !important;
  }
  .u-ml0--sp {
    margin-left: 0 !important;
  }
  .u-mr0--sp {
    margin-right: 0 !important;
  }
  .u-pt0--sp {
    padding-top: 0 !important;
  }
  .u-pb0--sp {
    padding-bottom: 0 !important;
  }
  .u-pl0--sp {
    padding-left: 0 !important;
  }
  .u-pr0--sp {
    padding-right: 0 !important;
  }
  .u-p0--sp {
    padding: 0 !important;
  }
}
/* =================================================
 Layout
================================================= */
.u-blockCenter {
  margin-left: auto;
  margin-right: auto;
}

.u-tdUnderline {
  text-decoration: underline;
}

/*----------------------------------------------------------------
	Print
-----------------------------------------------------------------*/
@media print {
  html {
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  .c-flow-bnrs,
  .h-header {
    position: absolute !important;
  }
  .js-hamburger-btn {
    display: none !important;
  }
  body {
    -webkit-print-color-adjust: exact;
  }
  .sub-menu {
    display: none !important;
  }
}