@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

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

body {
  margin: 0;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
figure,
blockquote {
  margin: 0;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
}

article,
aside,
footer,
header,
nav,
section,
main,
figure,
figcaption {
  display: block;
}

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

button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

[hidden] {
  display: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

input,
button,
textarea,
select {
  font: inherit;
  background-color: transparent;
  border-style: none;
  color: inherit;
}

html {
  font-size: 16px;
}
@media screen and (max-width: 1280px) {
  html {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 4.1025641026vw;
  }
}
@media (min-width: 4) {
  html {
    font-size: 100%;
  }
}

body {
  font-family: "Zen Kaku Gothic New", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  color: #1B263B;
  font-size: 1rem;
  line-height: 1.7;
  letter-spacing: 0.075rem;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  background: #FFFFFF;
  word-break: break-all;
}

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

.js-fade-in {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition: opacity 1s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.js-fade-in.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.l-header {
  background-color: white;
  padding: 0.75rem 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .l-header {
    padding: 0.875rem 1.25rem;
  }
}
.l-header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  padding: 0 2.5rem;
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    padding: 0;
  }
}
.l-header__logo {
  margin-right: auto;
}
.l-header__logo__link {
  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-weight: normal;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.l-header__logo__link:hover {
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.l-header__logo__brand {
  width: 13.6875rem;
}
@media screen and (max-width: 768px) {
  .l-header__logo__brand {
    width: 8.75rem;
  }
}
.l-header__logo__image {
  display: block;
}
.l-header__hamburger {
  display: none;
}
@media screen and (max-width: 768px) {
  .l-header__hamburger {
    display: block;
    width: 1.875rem;
    height: 1.25rem;
    position: relative;
    z-index: 100;
    cursor: pointer;
  }
}
.l-header__hamburger span {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #1B263B;
  position: absolute;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.l-header__hamburger span:nth-child(1) {
  top: 0;
}
.l-header__hamburger span:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.l-header__hamburger span:nth-child(3) {
  bottom: 0;
}
.l-header__hamburger.is-active span {
  background-color: #1B263B;
}
.l-header__hamburger.is-active span:nth-child(1) {
  -webkit-transform: translateY(9px) rotate(35deg);
          transform: translateY(9px) rotate(35deg);
}
.l-header__hamburger.is-active span:nth-child(2) {
  opacity: 0;
}
.l-header__hamburger.is-active span:nth-child(3) {
  -webkit-transform: translateY(-9px) rotate(-35deg);
          transform: translateY(-9px) rotate(-35deg);
}
.l-header__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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: 2.5rem;
}
@media screen and (max-width: 768px) {
  .l-header__nav {
    position: fixed;
    top: 3.6875rem;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
    padding: 0 1.25rem 1.25rem 1.25rem;
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .l-header__nav.is-open {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    background-color: #FFFDF4;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.l-header__menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.875rem;
}
@media screen and (max-width: 768px) {
  .l-header__menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0rem;
    width: 100%;
  }
}
.l-header__menu__link {
  color: #1B263B;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .l-header__menu__link {
    color: #1B263B;
    width: 100%;
    padding: 1.25rem 1rem 1.25rem 0;
    border-bottom: 1px solid #AAAAAA;
    position: relative;
    display: inline-block;
  }
}
.l-header__menu__link:hover {
  color: #53B59E;
}
@media screen and (max-width: 768px) {
  .l-header__menu__link::before, .l-header__menu__link::after {
    content: "";
    position: absolute;
    right: 0.625rem;
    top: 50%;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 1px solid #53B59E;
    border-right: 1px solid #53B59E;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .l-header__text {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .l-header__button {
    width: 16.125rem;
  }
}
.l-header__button__link.c-button {
  border-color: #53B59E;
  background-color: #53B59E;
  padding: 0.875rem 1.875rem;
}
@media screen and (max-width: 768px) {
  .l-header__button__link.c-button {
    background-color: #53B59E;
    border-color: #53B59E;
    width: 100%;
  }
}
.l-header__button__link.c-button:hover {
  background-color: #B8D9C6;
  border-color: #B8D9C6;
}
@media screen and (max-width: 768px) {
  .l-header__button__link.c-button:hover {
    background-color: #53B59E;
    border-color: #53B59E;
  }
}
@media screen and (max-width: 768px) {
  .l-header__button--sp {
    display: block;
    margin-right: 1.25rem;
  }
  .l-header__button--sp .l-header__button__link.c-button {
    padding: 0.4375rem 0.875rem;
    font-size: 0.75rem;
    border: 1px solid #53B59E;
    color: #FFFFFF;
    background-color: #53B59E;
  }
}
@media screen and (min-width: 768px) {
  .l-header__button--sp {
    display: none;
  }
}
.l-header.is-active {
  background-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.l-header.is-active .l-header__logo__brand {
  color: #1B263B;
}
@media screen and (max-width: 768px) {
  .l-header.is-active .l-header__button--sp .l-header__button__link.c-button {
    background-color: #53B59E;
    border-color: #53B59E;
  }
}

.l-footer {
  padding: 6.25rem 0 0 0;
  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: 6.25rem;
}
@media screen and (max-width: 768px) {
  .l-footer {
    padding: 5rem 0 0 0;
    gap: 5rem;
  }
}
.l-footer__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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: 7.5rem;
}
@media screen and (max-width: 768px) {
  .l-footer__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.75rem;
  }
}
.l-footer__texts {
  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: 2.5rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .l-footer__texts {
    gap: 1.25rem;
  }
}
.l-footer__title {
  font-size: 2rem;
  font-weight: 500;
}
.l-footer__description {
  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: 0.625rem;
}
.l-footer__address {
  font-style: normal;
}
.l-footer__tel {
  display: block;
  color: #53B59E;
  font-weight: 700;
  font-size: 1.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.625rem;
  line-height: 1.1;
}
.l-footer__tel:before {
  content: "";
  display: block;
  width: 1.3125rem;
  height: 1.25rem;
  background-image: url("/assets/images/icon-phone.svg");
  background-size: contain;
  background-position: center;
}
.l-footer__button {
  width: 16.25rem;
}
@media screen and (max-width: 768px) {
  .l-footer__button {
    width: 100%;
  }
}
.l-footer__privacy {
  font-size: 0.875rem;
}
.l-footer__privacy:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .l-footer__map {
    width: 100%;
  }
}
.l-footer__map iframe {
  width: 31.25rem;
}
@media screen and (max-width: 768px) {
  .l-footer__map iframe {
    width: 100%;
  }
}
.l-footer__copyright {
  border-top: 1px solid #AAAAAA;
  padding: 1.25rem 0;
}
.l-footer__copyright__text {
  display: block;
  text-align: center;
  font-size: 0.75rem;
}
@media screen and (max-width: 768px) {
  .l-footer__copyright {
    width: 100%;
    text-align: center;
  }
}

.l-main__inner {
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .l-main__inner {
    max-width: 21.875rem;
  }
}
.l-main__inner--sm {
  max-width: 43.75rem;
}
@media screen and (max-width: 768px) {
  .l-main__inner--sm {
    max-width: 21.875rem;
  }
}

.l-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(max(10%, 10rem), 1fr));
  gap: 0rem;
}
.l-grid__item > * {
  max-width: 100%;
}
.l-grid--2 {
  grid-template-columns: repeat(2, minmax(max(10%, 10rem), 1fr));
  gap: 4.25rem;
}
@media screen and (max-width: 768px) {
  .l-grid--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}
.l-grid--3 {
  grid-template-columns: repeat(3, minmax(max(10%, 5rem), 1fr));
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .l-grid--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8125rem;
  }
}
.l-grid--4 {
  grid-template-columns: repeat(4, minmax(max(10%, 10rem), 1fr));
  gap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .l-grid--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.8125rem;
  }
}
@media screen and (max-width: 768px) {
  .l-grid--1-sp {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
@media screen and (max-width: 768px) {
  .l-grid--2-sp {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}

.l-page__header {
  background-color: #FFFDF4;
  padding: 4.375rem 0;
}
.l-page__header__title {
  font-weight: 700;
  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: 0.625rem;
}
@media screen and (max-width: 768px) {
  .l-page__header__title {
    gap: 0rem;
  }
}
.l-page__header__title__en {
  font-size: 2rem;
  color: #53B59E;
}
@media screen and (max-width: 768px) {
  .l-page__header__title__en {
    font-size: 1.75rem;
  }
}
.l-page__header__title__jp {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .l-page__header__title__jp {
    font-size: 1rem;
  }
}
.l-page__contents {
  padding: 6.25rem 0;
}
@media screen and (max-width: 768px) {
  .l-page__contents {
    padding: 5rem 0;
  }
}
.l-page__contents--bg {
  background-color: #FFFDF4;
}
.l-page__contents--pb-0 {
  padding-bottom: 0;
}
.l-page__section {
  margin: 5rem 0;
}
.l-page__section:last-child {
  margin-bottom: 0;
}

.c-link-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-link-icon:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0.4375rem 0 0 0.5rem;
}
.c-link-icon:hover {
  text-decoration: underline;
}
.c-link-icon--right:after {
  width: 1rem;
  background-image: url(../images/icon-right01.svg);
}
.c-link-icon--tab:after {
  background-image: url(../images/icon-tab01.svg);
}
.c-link-icon--download:after {
  background-image: url(../images/icon-download01.svg);
}

.c-button,
.c-button--primary {
  display: inline-block;
  padding: 1.25rem 1.875rem;
  background-color: #53B59E;
  color: #FFFFFF;
  border-radius: 3.125rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.2rem;
  border: 1px solid #53B59E;
}
.c-button:hover,
.c-button--primary:hover {
  background-color: #B8D9C6;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border: 1px solid #B8D9C6;
}
.c-button--lg,
.c-button--primary--lg {
  width: 100%;
  padding: 1.5rem 1.875rem;
}
.c-button--secondary,
.c-button--primary--secondary {
  background-color: #FFFFFF;
  color: #53B59E;
  border: 1px solid #53B59E;
}
.c-button--secondary:hover,
.c-button--primary--secondary:hover {
  background-color: #53B59E;
  color: #FFFFFF;
}
.c-button--back,
.c-button--primary--back {
  background-color: #EDEDED;
  color: #1B263B;
  border: 1px solid #AAAAAA;
}
.c-button--back:hover,
.c-button--primary--back:hover {
  background-color: #53B59E;
  color: #FFFFFF;
}
.c-button--icon,
.c-button--primary--icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.c-button--icon:after,
.c-button--primary--icon:after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0.4375rem 0 0 0.5rem;
}
.c-button--tab:after,
.c-button--primary--tab:after {
  background-image: url(../images/icon-tab02.svg);
}
.c-button--tab:hover:after,
.c-button--primary--tab:hover:after {
  background-image: url(../images/icon-tab04.svg);
}
.c-button--download:after,
.c-button--primary--download:after {
  background-image: url(../images/icon-download02.svg);
}
.c-button--download:hover:after,
.c-button--primary--download:hover:after {
  background-image: url(../images/icon-download03.svg);
}

.c-title {
  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: 0.1875rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 768px) {
  .c-title {
    gap: 0.125rem;
    margin-bottom: 2.5rem;
  }
}
.c-title__en {
  font-weight: 700;
  font-size: 4rem;
  color: #53B59E;
  display: block;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  .c-title__en {
    font-size: 3.75rem;
  }
}
.c-title__jp {
  font-weight: 500;
  font-size: 1.5rem;
  color: #1B263B;
  display: block;
}
@media screen and (max-width: 768px) {
  .c-title__jp {
    font-size: 1.25rem;
  }
}
.c-title-lg {
  font-size: 1.5rem;
  margin-bottom: 1.75rem;
  font-weight: 700;
}
.c-title-md {
  font-size: 1.375rem;
  margin-bottom: 1.75rem;
  font-weight: 700;
}
.c-title-sm {
  font-size: 1.25rem;
  margin-bottom: 1.75rem;
  font-weight: 700;
}

.c-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
}
.c-table--auto {
  table-layout: auto;
}
.c-table__item__title, .c-table__item__data {
  padding: 1.25rem;
  vertical-align: top;
  border: 1px solid #AAAAAA;
}
.c-table__item__title {
  font-weight: 700;
  text-align: left;
  width: 12.5rem;
  background-color: #EDEDED;
}
@media screen and (max-width: 768px) {
  .c-table__item__title {
    width: 8.125rem;
  }
}
@media screen and (max-width: 768px) {
  .c-table.c-table--responsive {
    border: none;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .c-table.c-table--responsive .c-table__item__row,
  .c-table.c-table--responsive .c-table__item__title,
  .c-table.c-table--responsive .c-table__item__data {
    display: block;
    width: 100%;
    margin-top: -1px;
  }
}
.c-table--white {
  border-right: none;
  border-left: none;
}
.c-table--white .c-table__item__title,
.c-table--white .c-table__item__data {
  border-bottom: 1px solid #AAAAAA;
  border-right: none;
  border-left: none;
}
.c-table--white .c-table__item__title {
  background-color: #FFFFFF;
}
.c-table--white .c-table__item__row:first-child .c-table__item__title,
.c-table--white .c-table__item__row:first-child .c-table__item__data {
  border-top: 1px solid #AAAAAA;
}
@media screen and (max-width: 768px) {
  .c-table--white.c-table--responsive {
    border: none;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .c-table--white.c-table--responsive .c-table__item__row,
  .c-table--white.c-table--responsive .c-table__item__title,
  .c-table--white.c-table--responsive .c-table__item__data {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .c-table--white.c-table--responsive .c-table__item__title {
    border: none;
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .c-table--white.c-table--responsive .c-table__item__data {
    border-top: none;
    padding-top: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .c-table--white.c-table--responsive .c-table__item__row:first-child .c-table__item__title {
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .c-table--white.c-table--responsive .c-table__item__row:first-child .c-table__item__data {
    border-top: none;
  }
}

.js-scrollable-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 768px) {
  .js-scrollable {
    min-width: 43.75rem;
  }
}

.c-list-dot {
  margin: 0.625rem 0;
}
.c-list-dot .c-list-dot__item {
  list-style: disc;
  margin-left: 1.25rem;
}
.c-list-number {
  margin: 0.625rem 0;
}
.c-list-number .c-list-number__item {
  list-style: decimal;
  margin-left: 1.25rem;
}

.c-list-dl__section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .c-list-dl__section {
    gap: 1.25rem;
  }
}
.c-list-dl__section--row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
}
@media screen and (max-width: 768px) {
  .c-list-dl__section--responsive {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.625rem;
  }
}
@media screen and (max-width: 768px) {
  .c-list-dl__section--responsive .c-list-dl__title {
    width: 100%;
    max-width: 100%;
  }
}
.c-list-dl__title {
  font-weight: 700;
  max-width: 12.5rem;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .c-list-dl__title {
    max-width: 6.25rem;
  }
}
.c-list-dl__data {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-list-dl--lg .c-list-dl__title {
  max-width: 25rem;
}
@media screen and (max-width: 768px) {
  .c-list-dl--lg .c-list-dl__title {
    max-width: 9.375rem;
  }
}

.p-top__fv {
  background: url(../images/top/fv-bg.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 35.625rem;
  padding: 6.25rem 0;
}
@media screen and (max-width: 768px) {
  .p-top__fv {
    min-height: 24.375rem;
  }
}
.p-top__fv__contents {
  width: 62.5rem;
  margin: 0 auto;
  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;
}
@media screen and (max-width: 768px) {
  .p-top__fv__contents {
    width: 100%;
  }
}
.p-top__fv__title {
  font-size: 3rem;
  font-weight: 500;
  color: #1B263B;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 768px) {
  .p-top__fv__title {
    font-size: 1.75rem;
  }
}
.p-top__fv__title__line {
  background-color: #FFFFFF;
  padding: 0 0 0 0.625rem;
}
.p-top__aboutus {
  padding: 8.75rem 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-top__aboutus {
    padding: 6.25rem 0;
  }
}
.p-top__aboutus__contents {
  position: relative;
  z-index: 20;
}
.p-top__aboutus__logo {
  width: 13.75rem;
  margin: 2.5rem auto;
}
.p-top__aboutus__texts {
  width: 31.25rem;
  margin: 0 auto;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .p-top__aboutus__texts {
    width: 100%;
  }
}
.p-top__aboutus__description {
  line-height: 2.6;
}
.p-top__aboutus__bg {
  position: absolute;
  z-index: 10;
}
.p-top__aboutus__bg--01 {
  width: 8.5rem;
  right: 12.0625rem;
  top: 9.375rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-top__aboutus__bg--01 {
    width: 4rem;
    right: 2.5rem;
    top: 1.875rem;
  }
}
.p-top__aboutus__bg--02 {
  width: 36.25rem;
  right: -12.5rem;
  top: 6rem;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .p-top__aboutus__bg--02 {
    width: 6.875rem;
    right: -1.875rem;
    top: 4.875rem;
  }
}
.p-top__aboutus__bg--03 {
  width: 42rem;
  left: -16.875rem;
  bottom: 4.875rem;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .p-top__aboutus__bg--03 {
    width: 8.75rem;
    left: -3.75rem;
    top: 5.4375rem;
  }
}
.p-top__aboutus__bg--04 {
  width: 8.25rem;
  left: 11.75rem;
  bottom: 10.625rem;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .p-top__aboutus__bg--04 {
    width: 3.5625rem;
    left: 1rem;
    top: 7.5rem;
  }
}
.p-top__contact__text {
  text-align: center;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .p-top__contact__text {
    text-align: left;
  }
}
.p-top__contact__button {
  margin-top: 2.625rem;
  text-align: center;
}
.p-top__contact__button .c-button {
  width: 16.25rem;
}
@media screen and (max-width: 768px) {
  .p-top__contact__button .c-button {
    width: 100%;
  }
}

.p-business__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 2.5rem 0;
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-business__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-business__button .c-button {
  width: 16.25rem;
}
@media screen and (max-width: 768px) {
  .p-business__button .c-button {
    width: 100%;
  }
}

.p-advantage__list {
  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: 5rem;
}
@media screen and (max-width: 768px) {
  .p-advantage__list {
    gap: 3.75rem;
  }
}
.p-advantage__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8.75rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-advantage__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
  }
}
.p-advantage__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-advantage__item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-advantage__item__texts {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-advantage__item__image {
  width: 31.25rem;
}
@media screen and (max-width: 768px) {
  .p-advantage__item__image {
    width: 100%;
  }
}
.p-advantage__item__title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #53B59E;
  margin-bottom: 1.25rem;
}
.p-advantage__item__title__sub {
  font-size: 1.375rem;
  font-weight: 500;
  display: block;
  color: #1B263B;
}

.p-form__content .err_msg {
  color: #EC0000;
  font-size: 0.75rem;
}
.p-form__content .form__block {
  margin-top: 2rem;
  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: 0.75rem;
}
.p-form__content .form__name {
  font-weight: 700;
}
.p-form__content .form__reqdMark,
.p-form__content .form__optionalMark {
  font-weight: normal;
  font-size: 0.75rem;
  color: #EC0000;
  background-color: #FFEBEB;
  display: inline-block;
  padding: 0 0.625rem;
}
.p-form__content .form__optionalMark {
  color: #1B263B;
  background-color: #EDEDED;
}
.p-form__content input[type=text],
.p-form__content input[type=tel],
.p-form__content input[type=email],
.p-form__content textarea {
  width: 100%;
  background-color: transparent !important;
  border: 1px solid #AAAAAA;
  border-radius: 3px;
  padding: 0.25rem 0.625rem;
}
.p-form__content .row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-form__content .formBtns {
  margin-top: 2.5rem;
  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;
  gap: 1.875rem;
}
.p-form__content .formBtns button {
  display: inline-block;
  padding: 1.25rem 1.875rem;
  background-color: #53B59E;
  color: #FFFFFF;
  border-radius: 3.125rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.2rem;
  border: 1px solid #53B59E;
  min-width: 7.5rem;
}
.p-form__content .formBtns button:hover {
  background-color: #B8D9C6;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  border: 1px solid #B8D9C6;
}
.p-form__content .formBtns button.js_back_btn {
  background-color: #EDEDED;
  color: #1B263B;
}
.p-form__content__go {
  margin-top: 2.625rem;
  text-align: center;
}
.p-form__content__go .c-button {
  width: 20.9375rem;
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .p-form__content__go .c-button {
    width: 100%;
  }
}
.p-form__content .js_main_form {
  margin-top: -8.75rem;
  padding-top: 8.75rem;
}
.p-form__content .js_conf_control {
  text-align: center;
}
.p-form__content .form__textArea {
  height: 7.5rem;
}
.p-form__content .form__inputArea a {
  color: #0083E0;
  text-decoration: underline;
}
.p-form__content .form__inputArea a:hover {
  text-decoration: none;
}

.p-news__item {
  border-bottom: 1px solid #AAAAAA;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  padding: 1.875rem 0;
}
.p-news__item__title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-news__item__link {
  color: #0083E0;
  text-decoration: underline;
}
.p-news__item__link:hover {
  text-decoration: none;
}

.p-cta__content {
  background-image: url("/assets/images/bg-recruit-cta-pc.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 5rem 3.125rem;
  border-radius: 8px;
  position: relative;
  display: block;
}
@media screen and (max-width: 768px) {
  .p-cta__content {
    padding: 1.25rem 1.25rem 3.75rem 1.25rem;
    background-image: url("/assets/images/bg-recruit-cta-sp.png");
  }
}
.p-cta__content:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-cta__content:after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("/assets/images/icon-right02.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 5rem;
  right: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-cta__content:after {
    width: 1.75rem;
    height: 1.75rem;
    bottom: 1.25rem;
    right: 1.25rem;
  }
}
.p-cta__content__texts {
  max-width: 22.5rem;
  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: 3.75rem;
}
@media screen and (max-width: 768px) {
  .p-cta__content__texts {
    max-width: 15.375rem;
  }
}
.p-cta__content__title .c-title__en {
  font-size: 4rem;
  color: #FFFFFF;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-cta__content__title .c-title__en {
    font-size: 2.5rem;
  }
}
.p-cta__content__title .c-title__jp {
  font-size: 1.5rem;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .p-cta__content__title .c-title__jp {
    font-size: 1rem;
  }
}
.p-cta__content__description {
  font-size: 2rem;
  color: #FFFFFF;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-cta__content__description {
    font-size: 1rem;
  }
}

.p-media--center .p-media__image {
  margin: 0 auto;
  text-align: center;
}
.p-media__image {
  display: block;
  width: 43.75rem;
}
@media screen and (max-width: 768px) {
  .p-media__image {
    width: 100%;
  }
}
.p-media__image--video {
  aspect-ratio: 16/9;
  width: 43.75rem;
}
@media screen and (max-width: 768px) {
  .p-media__image--video {
    width: 100%;
  }
}
.p-media__image--video iframe {
  height: 100%;
}
.p-media__image iframe {
  width: 100%;
}

.p-media-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4.375rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-media-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
  }
}
.p-media-text--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-media-text--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-media-text__textarea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-media-text__textarea {
    width: 100%;
    padding-top: 0;
  }
}
.p-media-text__image {
  width: 28.375rem;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-media-text__image {
    width: 100%;
  }
}
.p-media-text__image--sm {
  width: 17.5rem;
}
@media screen and (max-width: 768px) {
  .p-media-text__image--sm {
    max-width: 100%;
  }
}

.p-media-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-media-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3.125rem;
  }
}
.p-media-list__item {
  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: 1.875rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .p-media-list__item {
    gap: 1.25rem;
  }
}
.p-media-list__item--center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-media-list__title {
  font-size: 1.375rem;
  font-weight: 700;
  color: #53B59E;
  margin-bottom: 0.625rem;
}
.p-media-list__image {
  margin: 0 auto;
}
.p-media-list__image--md {
  max-width: 9.375rem;
}
@media screen and (max-width: 768px) {
  .p-media-list__image--md {
    max-width: 12.5rem;
  }
}
.p-media-list__image--sm {
  max-width: 6.25rem;
}

.p-banner-aboutus__content {
  background-image: url("/assets/images/bg-aboutus-banner-pc.png");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  padding: 5rem 3.125rem;
  border-radius: 8px;
  position: relative;
  display: block;
  border: 1px solid #53B59E;
}
@media screen and (max-width: 768px) {
  .p-banner-aboutus__content {
    padding: 1.25rem 1.25rem 3.75rem 1.25rem;
    background-image: url("/assets/images/bg-aboutus-banner-sp.png");
    background-position: top right -0.875rem;
  }
}
.p-banner-aboutus__content:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-banner-aboutus__content:after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("/assets/images/icon-right03.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 5rem;
  right: 3.125rem;
}
@media screen and (max-width: 768px) {
  .p-banner-aboutus__content:after {
    width: 1.75rem;
    height: 1.75rem;
    bottom: 1.25rem;
    right: 1.25rem;
  }
}
.p-banner-aboutus__content__texts {
  max-width: 22.5rem;
  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: 1.875rem;
}
@media screen and (max-width: 768px) {
  .p-banner-aboutus__content__texts {
    max-width: 15.375rem;
  }
}
.p-banner-aboutus__content__title .c-title__en {
  font-size: 4rem;
  color: #53B59E;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-banner-aboutus__content__title .c-title__en {
    font-size: 2.5rem;
  }
}
.p-banner-aboutus__content__title .c-title__jp {
  font-size: 1.5rem;
  color: #53B59E;
}
@media screen and (max-width: 768px) {
  .p-banner-aboutus__content__title .c-title__jp {
    font-size: 1rem;
  }
}
.p-banner-aboutus__content__description {
  font-size: 2rem;
  color: #53B59E;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-banner-aboutus__content__description {
    font-size: 1rem;
  }
}

.u-font-10 {
  font-size: 0.625rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-10-sp {
    font-size: 0.625rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-10-pc {
    font-size: 0.625rem !important;
  }
}
.u-font-12 {
  font-size: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-12-sp {
    font-size: 0.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-12-pc {
    font-size: 0.75rem !important;
  }
}
.u-font-14 {
  font-size: 0.875rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-14-sp {
    font-size: 0.875rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-14-pc {
    font-size: 0.875rem !important;
  }
}
.u-font-16 {
  font-size: 1rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-16-sp {
    font-size: 1rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-16-pc {
    font-size: 1rem !important;
  }
}
.u-font-18 {
  font-size: 1.125rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-18-sp {
    font-size: 1.125rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-18-pc {
    font-size: 1.125rem !important;
  }
}
.u-font-20 {
  font-size: 1.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-20-sp {
    font-size: 1.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-20-pc {
    font-size: 1.25rem !important;
  }
}
.u-font-22 {
  font-size: 1.375rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-22-sp {
    font-size: 1.375rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-22-pc {
    font-size: 1.375rem !important;
  }
}
.u-font-24 {
  font-size: 1.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-24-sp {
    font-size: 1.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-24-pc {
    font-size: 1.5rem !important;
  }
}
.u-font-26 {
  font-size: 1.625rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-26-sp {
    font-size: 1.625rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-26-pc {
    font-size: 1.625rem !important;
  }
}
.u-font-28 {
  font-size: 1.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-28-sp {
    font-size: 1.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-28-pc {
    font-size: 1.75rem !important;
  }
}
.u-font-30 {
  font-size: 1.875rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-30-sp {
    font-size: 1.875rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-30-pc {
    font-size: 1.875rem !important;
  }
}
.u-font-32 {
  font-size: 2rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-32-sp {
    font-size: 2rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-32-pc {
    font-size: 2rem !important;
  }
}
.u-font-34 {
  font-size: 2.125rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-34-sp {
    font-size: 2.125rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-34-pc {
    font-size: 2.125rem !important;
  }
}
.u-font-36 {
  font-size: 2.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-36-sp {
    font-size: 2.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-36-pc {
    font-size: 2.25rem !important;
  }
}
.u-font-38 {
  font-size: 2.375rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-38-sp {
    font-size: 2.375rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-38-pc {
    font-size: 2.375rem !important;
  }
}
.u-font-40 {
  font-size: 2.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-40-sp {
    font-size: 2.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-40-pc {
    font-size: 2.5rem !important;
  }
}
.u-font-42 {
  font-size: 2.625rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-42-sp {
    font-size: 2.625rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-42-pc {
    font-size: 2.625rem !important;
  }
}
.u-font-44 {
  font-size: 2.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-44-sp {
    font-size: 2.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-44-pc {
    font-size: 2.75rem !important;
  }
}
.u-font-46 {
  font-size: 2.875rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-46-sp {
    font-size: 2.875rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-46-pc {
    font-size: 2.875rem !important;
  }
}
.u-font-48 {
  font-size: 3rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-48-sp {
    font-size: 3rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-48-pc {
    font-size: 3rem !important;
  }
}
.u-font-50 {
  font-size: 3.125rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-50-sp {
    font-size: 3.125rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-50-pc {
    font-size: 3.125rem !important;
  }
}
.u-font-60 {
  font-size: 3.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-60-sp {
    font-size: 3.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-60-pc {
    font-size: 3.75rem !important;
  }
}
.u-font-70 {
  font-size: 4.375rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-70-sp {
    font-size: 4.375rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-70-pc {
    font-size: 4.375rem !important;
  }
}
.u-font-80 {
  font-size: 3.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-80-sp {
    font-size: 3.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-80-pc {
    font-size: 3.75rem !important;
  }
}
.u-font-100 {
  font-size: 6.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-font-100-sp {
    font-size: 6.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-100-pc {
    font-size: 6.25rem !important;
  }
}
.u-font-150per {
  font-size: 150% !important;
}

@media screen and (max-width: 768px) {
  .u-font-150per-sp {
    font-size: 150% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-150per-pc {
    font-size: 150% !important;
  }
}
.u-font-125per {
  font-size: 125% !important;
}

@media screen and (max-width: 768px) {
  .u-font-125per-sp {
    font-size: 125% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-125per-pc {
    font-size: 125% !important;
  }
}
.u-font-120per {
  font-size: 120% !important;
}

@media screen and (max-width: 768px) {
  .u-font-120per-sp {
    font-size: 120% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-120per-pc {
    font-size: 120% !important;
  }
}
.u-font-110per {
  font-size: 110% !important;
}

@media screen and (max-width: 768px) {
  .u-font-110per-sp {
    font-size: 110% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-110per-pc {
    font-size: 110% !important;
  }
}
.u-font-100per {
  font-size: 100% !important;
}

@media screen and (max-width: 768px) {
  .u-font-100per-sp {
    font-size: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-100per-pc {
    font-size: 100% !important;
  }
}
.u-font-90per {
  font-size: 90% !important;
}

@media screen and (max-width: 768px) {
  .u-font-90per-sp {
    font-size: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-90per-pc {
    font-size: 90% !important;
  }
}
.u-font-80per {
  font-size: 80% !important;
}

@media screen and (max-width: 768px) {
  .u-font-80per-sp {
    font-size: 80% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-80per-pc {
    font-size: 80% !important;
  }
}
.u-font-75per {
  font-size: 75% !important;
}

@media screen and (max-width: 768px) {
  .u-font-75per-sp {
    font-size: 75% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-75per-pc {
    font-size: 75% !important;
  }
}
.u-font-60per {
  font-size: 60% !important;
}

@media screen and (max-width: 768px) {
  .u-font-60per-sp {
    font-size: 60% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-60per-pc {
    font-size: 60% !important;
  }
}
.u-font-50per {
  font-size: 50% !important;
}

@media screen and (max-width: 768px) {
  .u-font-50per-sp {
    font-size: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .u-font-50per-pc {
    font-size: 50% !important;
  }
}
.u-m-0 {
  margin: 0 !important;
}

.u-mt-0,
.u-my-0 {
  margin-top: 0 !important;
}

.u-mr-0,
.u-mx-0 {
  margin-right: 0 !important;
}

.u-mb-0,
.u-my-0 {
  margin-bottom: 0 !important;
}

.u-ml-0,
.u-mx-0 {
  margin-left: 0 !important;
}

@media screen and (max-width: 768px) {
  .u-m-0-sp {
    margin: 0 !important;
  }
  .u-mt-0-sp,
  .u-my-0-sp {
    margin-top: 0 !important;
  }
  .u-mr-0-sp,
  .u-mx-0-sp {
    margin-right: 0 !important;
  }
  .u-mb-0-sp,
  .u-my-0-sp {
    margin-bottom: 0 !important;
  }
  .u-ml-0-sp,
  .u-mx-0-sp {
    margin-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-0-pc {
    margin: 0 !important;
  }
  .u-mt-0-pc,
  .u-my-0-pc {
    margin-top: 0 !important;
  }
  .u-mr-0-pc,
  .u-mx-0-pc {
    margin-right: 0 !important;
  }
  .u-mb-0-pc,
  .u-my-0-pc {
    margin-bottom: 0 !important;
  }
  .u-ml-0-pc,
  .u-mx-0-pc {
    margin-left: 0 !important;
  }
}
.u-m-4 {
  margin: 0.25rem !important;
}

.u-mt-4,
.u-my-4 {
  margin-top: 0.25rem !important;
}

.u-mr-4,
.u-mx-4 {
  margin-right: 0.25rem !important;
}

.u-mb-4,
.u-my-4 {
  margin-bottom: 0.25rem !important;
}

.u-ml-4,
.u-mx-4 {
  margin-left: 0.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-4-sp {
    margin: 0.25rem !important;
  }
  .u-mt-4-sp,
  .u-my-4-sp {
    margin-top: 0.25rem !important;
  }
  .u-mr-4-sp,
  .u-mx-4-sp {
    margin-right: 0.25rem !important;
  }
  .u-mb-4-sp,
  .u-my-4-sp {
    margin-bottom: 0.25rem !important;
  }
  .u-ml-4-sp,
  .u-mx-4-sp {
    margin-left: 0.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-4-pc {
    margin: 0.25rem !important;
  }
  .u-mt-4-pc,
  .u-my-4-pc {
    margin-top: 0.25rem !important;
  }
  .u-mr-4-pc,
  .u-mx-4-pc {
    margin-right: 0.25rem !important;
  }
  .u-mb-4-pc,
  .u-my-4-pc {
    margin-bottom: 0.25rem !important;
  }
  .u-ml-4-pc,
  .u-mx-4-pc {
    margin-left: 0.25rem !important;
  }
}
.u-m-8 {
  margin: 0.5rem !important;
}

.u-mt-8,
.u-my-8 {
  margin-top: 0.5rem !important;
}

.u-mr-8,
.u-mx-8 {
  margin-right: 0.5rem !important;
}

.u-mb-8,
.u-my-8 {
  margin-bottom: 0.5rem !important;
}

.u-ml-8,
.u-mx-8 {
  margin-left: 0.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-8-sp {
    margin: 0.5rem !important;
  }
  .u-mt-8-sp,
  .u-my-8-sp {
    margin-top: 0.5rem !important;
  }
  .u-mr-8-sp,
  .u-mx-8-sp {
    margin-right: 0.5rem !important;
  }
  .u-mb-8-sp,
  .u-my-8-sp {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-8-sp,
  .u-mx-8-sp {
    margin-left: 0.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-8-pc {
    margin: 0.5rem !important;
  }
  .u-mt-8-pc,
  .u-my-8-pc {
    margin-top: 0.5rem !important;
  }
  .u-mr-8-pc,
  .u-mx-8-pc {
    margin-right: 0.5rem !important;
  }
  .u-mb-8-pc,
  .u-my-8-pc {
    margin-bottom: 0.5rem !important;
  }
  .u-ml-8-pc,
  .u-mx-8-pc {
    margin-left: 0.5rem !important;
  }
}
.u-m-12 {
  margin: 0.75rem !important;
}

.u-mt-12,
.u-my-12 {
  margin-top: 0.75rem !important;
}

.u-mr-12,
.u-mx-12 {
  margin-right: 0.75rem !important;
}

.u-mb-12,
.u-my-12 {
  margin-bottom: 0.75rem !important;
}

.u-ml-12,
.u-mx-12 {
  margin-left: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-12-sp {
    margin: 0.75rem !important;
  }
  .u-mt-12-sp,
  .u-my-12-sp {
    margin-top: 0.75rem !important;
  }
  .u-mr-12-sp,
  .u-mx-12-sp {
    margin-right: 0.75rem !important;
  }
  .u-mb-12-sp,
  .u-my-12-sp {
    margin-bottom: 0.75rem !important;
  }
  .u-ml-12-sp,
  .u-mx-12-sp {
    margin-left: 0.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-12-pc {
    margin: 0.75rem !important;
  }
  .u-mt-12-pc,
  .u-my-12-pc {
    margin-top: 0.75rem !important;
  }
  .u-mr-12-pc,
  .u-mx-12-pc {
    margin-right: 0.75rem !important;
  }
  .u-mb-12-pc,
  .u-my-12-pc {
    margin-bottom: 0.75rem !important;
  }
  .u-ml-12-pc,
  .u-mx-12-pc {
    margin-left: 0.75rem !important;
  }
}
.u-m-16 {
  margin: 1rem !important;
}

.u-mt-16,
.u-my-16 {
  margin-top: 1rem !important;
}

.u-mr-16,
.u-mx-16 {
  margin-right: 1rem !important;
}

.u-mb-16,
.u-my-16 {
  margin-bottom: 1rem !important;
}

.u-ml-16,
.u-mx-16 {
  margin-left: 1rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-16-sp {
    margin: 1rem !important;
  }
  .u-mt-16-sp,
  .u-my-16-sp {
    margin-top: 1rem !important;
  }
  .u-mr-16-sp,
  .u-mx-16-sp {
    margin-right: 1rem !important;
  }
  .u-mb-16-sp,
  .u-my-16-sp {
    margin-bottom: 1rem !important;
  }
  .u-ml-16-sp,
  .u-mx-16-sp {
    margin-left: 1rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-16-pc {
    margin: 1rem !important;
  }
  .u-mt-16-pc,
  .u-my-16-pc {
    margin-top: 1rem !important;
  }
  .u-mr-16-pc,
  .u-mx-16-pc {
    margin-right: 1rem !important;
  }
  .u-mb-16-pc,
  .u-my-16-pc {
    margin-bottom: 1rem !important;
  }
  .u-ml-16-pc,
  .u-mx-16-pc {
    margin-left: 1rem !important;
  }
}
.u-m-20 {
  margin: 1.25rem !important;
}

.u-mt-20,
.u-my-20 {
  margin-top: 1.25rem !important;
}

.u-mr-20,
.u-mx-20 {
  margin-right: 1.25rem !important;
}

.u-mb-20,
.u-my-20 {
  margin-bottom: 1.25rem !important;
}

.u-ml-20,
.u-mx-20 {
  margin-left: 1.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-20-sp {
    margin: 1.25rem !important;
  }
  .u-mt-20-sp,
  .u-my-20-sp {
    margin-top: 1.25rem !important;
  }
  .u-mr-20-sp,
  .u-mx-20-sp {
    margin-right: 1.25rem !important;
  }
  .u-mb-20-sp,
  .u-my-20-sp {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-20-sp,
  .u-mx-20-sp {
    margin-left: 1.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-20-pc {
    margin: 1.25rem !important;
  }
  .u-mt-20-pc,
  .u-my-20-pc {
    margin-top: 1.25rem !important;
  }
  .u-mr-20-pc,
  .u-mx-20-pc {
    margin-right: 1.25rem !important;
  }
  .u-mb-20-pc,
  .u-my-20-pc {
    margin-bottom: 1.25rem !important;
  }
  .u-ml-20-pc,
  .u-mx-20-pc {
    margin-left: 1.25rem !important;
  }
}
.u-m-24 {
  margin: 1.5rem !important;
}

.u-mt-24,
.u-my-24 {
  margin-top: 1.5rem !important;
}

.u-mr-24,
.u-mx-24 {
  margin-right: 1.5rem !important;
}

.u-mb-24,
.u-my-24 {
  margin-bottom: 1.5rem !important;
}

.u-ml-24,
.u-mx-24 {
  margin-left: 1.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-24-sp {
    margin: 1.5rem !important;
  }
  .u-mt-24-sp,
  .u-my-24-sp {
    margin-top: 1.5rem !important;
  }
  .u-mr-24-sp,
  .u-mx-24-sp {
    margin-right: 1.5rem !important;
  }
  .u-mb-24-sp,
  .u-my-24-sp {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-24-sp,
  .u-mx-24-sp {
    margin-left: 1.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-24-pc {
    margin: 1.5rem !important;
  }
  .u-mt-24-pc,
  .u-my-24-pc {
    margin-top: 1.5rem !important;
  }
  .u-mr-24-pc,
  .u-mx-24-pc {
    margin-right: 1.5rem !important;
  }
  .u-mb-24-pc,
  .u-my-24-pc {
    margin-bottom: 1.5rem !important;
  }
  .u-ml-24-pc,
  .u-mx-24-pc {
    margin-left: 1.5rem !important;
  }
}
.u-m-28 {
  margin: 1.75rem !important;
}

.u-mt-28,
.u-my-28 {
  margin-top: 1.75rem !important;
}

.u-mr-28,
.u-mx-28 {
  margin-right: 1.75rem !important;
}

.u-mb-28,
.u-my-28 {
  margin-bottom: 1.75rem !important;
}

.u-ml-28,
.u-mx-28 {
  margin-left: 1.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-28-sp {
    margin: 1.75rem !important;
  }
  .u-mt-28-sp,
  .u-my-28-sp {
    margin-top: 1.75rem !important;
  }
  .u-mr-28-sp,
  .u-mx-28-sp {
    margin-right: 1.75rem !important;
  }
  .u-mb-28-sp,
  .u-my-28-sp {
    margin-bottom: 1.75rem !important;
  }
  .u-ml-28-sp,
  .u-mx-28-sp {
    margin-left: 1.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-28-pc {
    margin: 1.75rem !important;
  }
  .u-mt-28-pc,
  .u-my-28-pc {
    margin-top: 1.75rem !important;
  }
  .u-mr-28-pc,
  .u-mx-28-pc {
    margin-right: 1.75rem !important;
  }
  .u-mb-28-pc,
  .u-my-28-pc {
    margin-bottom: 1.75rem !important;
  }
  .u-ml-28-pc,
  .u-mx-28-pc {
    margin-left: 1.75rem !important;
  }
}
.u-m-32 {
  margin: 2rem !important;
}

.u-mt-32,
.u-my-32 {
  margin-top: 2rem !important;
}

.u-mr-32,
.u-mx-32 {
  margin-right: 2rem !important;
}

.u-mb-32,
.u-my-32 {
  margin-bottom: 2rem !important;
}

.u-ml-32,
.u-mx-32 {
  margin-left: 2rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-32-sp {
    margin: 2rem !important;
  }
  .u-mt-32-sp,
  .u-my-32-sp {
    margin-top: 2rem !important;
  }
  .u-mr-32-sp,
  .u-mx-32-sp {
    margin-right: 2rem !important;
  }
  .u-mb-32-sp,
  .u-my-32-sp {
    margin-bottom: 2rem !important;
  }
  .u-ml-32-sp,
  .u-mx-32-sp {
    margin-left: 2rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-32-pc {
    margin: 2rem !important;
  }
  .u-mt-32-pc,
  .u-my-32-pc {
    margin-top: 2rem !important;
  }
  .u-mr-32-pc,
  .u-mx-32-pc {
    margin-right: 2rem !important;
  }
  .u-mb-32-pc,
  .u-my-32-pc {
    margin-bottom: 2rem !important;
  }
  .u-ml-32-pc,
  .u-mx-32-pc {
    margin-left: 2rem !important;
  }
}
.u-m-36 {
  margin: 2.25rem !important;
}

.u-mt-36,
.u-my-36 {
  margin-top: 2.25rem !important;
}

.u-mr-36,
.u-mx-36 {
  margin-right: 2.25rem !important;
}

.u-mb-36,
.u-my-36 {
  margin-bottom: 2.25rem !important;
}

.u-ml-36,
.u-mx-36 {
  margin-left: 2.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-36-sp {
    margin: 2.25rem !important;
  }
  .u-mt-36-sp,
  .u-my-36-sp {
    margin-top: 2.25rem !important;
  }
  .u-mr-36-sp,
  .u-mx-36-sp {
    margin-right: 2.25rem !important;
  }
  .u-mb-36-sp,
  .u-my-36-sp {
    margin-bottom: 2.25rem !important;
  }
  .u-ml-36-sp,
  .u-mx-36-sp {
    margin-left: 2.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-36-pc {
    margin: 2.25rem !important;
  }
  .u-mt-36-pc,
  .u-my-36-pc {
    margin-top: 2.25rem !important;
  }
  .u-mr-36-pc,
  .u-mx-36-pc {
    margin-right: 2.25rem !important;
  }
  .u-mb-36-pc,
  .u-my-36-pc {
    margin-bottom: 2.25rem !important;
  }
  .u-ml-36-pc,
  .u-mx-36-pc {
    margin-left: 2.25rem !important;
  }
}
.u-m-40 {
  margin: 2.5rem !important;
}

.u-mt-40,
.u-my-40 {
  margin-top: 2.5rem !important;
}

.u-mr-40,
.u-mx-40 {
  margin-right: 2.5rem !important;
}

.u-mb-40,
.u-my-40 {
  margin-bottom: 2.5rem !important;
}

.u-ml-40,
.u-mx-40 {
  margin-left: 2.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-40-sp {
    margin: 2.5rem !important;
  }
  .u-mt-40-sp,
  .u-my-40-sp {
    margin-top: 2.5rem !important;
  }
  .u-mr-40-sp,
  .u-mx-40-sp {
    margin-right: 2.5rem !important;
  }
  .u-mb-40-sp,
  .u-my-40-sp {
    margin-bottom: 2.5rem !important;
  }
  .u-ml-40-sp,
  .u-mx-40-sp {
    margin-left: 2.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-40-pc {
    margin: 2.5rem !important;
  }
  .u-mt-40-pc,
  .u-my-40-pc {
    margin-top: 2.5rem !important;
  }
  .u-mr-40-pc,
  .u-mx-40-pc {
    margin-right: 2.5rem !important;
  }
  .u-mb-40-pc,
  .u-my-40-pc {
    margin-bottom: 2.5rem !important;
  }
  .u-ml-40-pc,
  .u-mx-40-pc {
    margin-left: 2.5rem !important;
  }
}
.u-m-48 {
  margin: 3rem !important;
}

.u-mt-48,
.u-my-48 {
  margin-top: 3rem !important;
}

.u-mr-48,
.u-mx-48 {
  margin-right: 3rem !important;
}

.u-mb-48,
.u-my-48 {
  margin-bottom: 3rem !important;
}

.u-ml-48,
.u-mx-48 {
  margin-left: 3rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-48-sp {
    margin: 3rem !important;
  }
  .u-mt-48-sp,
  .u-my-48-sp {
    margin-top: 3rem !important;
  }
  .u-mr-48-sp,
  .u-mx-48-sp {
    margin-right: 3rem !important;
  }
  .u-mb-48-sp,
  .u-my-48-sp {
    margin-bottom: 3rem !important;
  }
  .u-ml-48-sp,
  .u-mx-48-sp {
    margin-left: 3rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-48-pc {
    margin: 3rem !important;
  }
  .u-mt-48-pc,
  .u-my-48-pc {
    margin-top: 3rem !important;
  }
  .u-mr-48-pc,
  .u-mx-48-pc {
    margin-right: 3rem !important;
  }
  .u-mb-48-pc,
  .u-my-48-pc {
    margin-bottom: 3rem !important;
  }
  .u-ml-48-pc,
  .u-mx-48-pc {
    margin-left: 3rem !important;
  }
}
.u-m-56 {
  margin: 3.5rem !important;
}

.u-mt-56,
.u-my-56 {
  margin-top: 3.5rem !important;
}

.u-mr-56,
.u-mx-56 {
  margin-right: 3.5rem !important;
}

.u-mb-56,
.u-my-56 {
  margin-bottom: 3.5rem !important;
}

.u-ml-56,
.u-mx-56 {
  margin-left: 3.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-56-sp {
    margin: 3.5rem !important;
  }
  .u-mt-56-sp,
  .u-my-56-sp {
    margin-top: 3.5rem !important;
  }
  .u-mr-56-sp,
  .u-mx-56-sp {
    margin-right: 3.5rem !important;
  }
  .u-mb-56-sp,
  .u-my-56-sp {
    margin-bottom: 3.5rem !important;
  }
  .u-ml-56-sp,
  .u-mx-56-sp {
    margin-left: 3.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-56-pc {
    margin: 3.5rem !important;
  }
  .u-mt-56-pc,
  .u-my-56-pc {
    margin-top: 3.5rem !important;
  }
  .u-mr-56-pc,
  .u-mx-56-pc {
    margin-right: 3.5rem !important;
  }
  .u-mb-56-pc,
  .u-my-56-pc {
    margin-bottom: 3.5rem !important;
  }
  .u-ml-56-pc,
  .u-mx-56-pc {
    margin-left: 3.5rem !important;
  }
}
.u-m-60 {
  margin: 3.75rem !important;
}

.u-mt-60,
.u-my-60 {
  margin-top: 3.75rem !important;
}

.u-mr-60,
.u-mx-60 {
  margin-right: 3.75rem !important;
}

.u-mb-60,
.u-my-60 {
  margin-bottom: 3.75rem !important;
}

.u-ml-60,
.u-mx-60 {
  margin-left: 3.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-60-sp {
    margin: 3.75rem !important;
  }
  .u-mt-60-sp,
  .u-my-60-sp {
    margin-top: 3.75rem !important;
  }
  .u-mr-60-sp,
  .u-mx-60-sp {
    margin-right: 3.75rem !important;
  }
  .u-mb-60-sp,
  .u-my-60-sp {
    margin-bottom: 3.75rem !important;
  }
  .u-ml-60-sp,
  .u-mx-60-sp {
    margin-left: 3.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-60-pc {
    margin: 3.75rem !important;
  }
  .u-mt-60-pc,
  .u-my-60-pc {
    margin-top: 3.75rem !important;
  }
  .u-mr-60-pc,
  .u-mx-60-pc {
    margin-right: 3.75rem !important;
  }
  .u-mb-60-pc,
  .u-my-60-pc {
    margin-bottom: 3.75rem !important;
  }
  .u-ml-60-pc,
  .u-mx-60-pc {
    margin-left: 3.75rem !important;
  }
}
.u-m-80 {
  margin: 5rem !important;
}

.u-mt-80,
.u-my-80 {
  margin-top: 5rem !important;
}

.u-mr-80,
.u-mx-80 {
  margin-right: 5rem !important;
}

.u-mb-80,
.u-my-80 {
  margin-bottom: 5rem !important;
}

.u-ml-80,
.u-mx-80 {
  margin-left: 5rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-80-sp {
    margin: 5rem !important;
  }
  .u-mt-80-sp,
  .u-my-80-sp {
    margin-top: 5rem !important;
  }
  .u-mr-80-sp,
  .u-mx-80-sp {
    margin-right: 5rem !important;
  }
  .u-mb-80-sp,
  .u-my-80-sp {
    margin-bottom: 5rem !important;
  }
  .u-ml-80-sp,
  .u-mx-80-sp {
    margin-left: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-80-pc {
    margin: 5rem !important;
  }
  .u-mt-80-pc,
  .u-my-80-pc {
    margin-top: 5rem !important;
  }
  .u-mr-80-pc,
  .u-mx-80-pc {
    margin-right: 5rem !important;
  }
  .u-mb-80-pc,
  .u-my-80-pc {
    margin-bottom: 5rem !important;
  }
  .u-ml-80-pc,
  .u-mx-80-pc {
    margin-left: 5rem !important;
  }
}
.u-m-100 {
  margin: 6.25rem !important;
}

.u-mt-100,
.u-my-100 {
  margin-top: 6.25rem !important;
}

.u-mr-100,
.u-mx-100 {
  margin-right: 6.25rem !important;
}

.u-mb-100,
.u-my-100 {
  margin-bottom: 6.25rem !important;
}

.u-ml-100,
.u-mx-100 {
  margin-left: 6.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-m-100-sp {
    margin: 6.25rem !important;
  }
  .u-mt-100-sp,
  .u-my-100-sp {
    margin-top: 6.25rem !important;
  }
  .u-mr-100-sp,
  .u-mx-100-sp {
    margin-right: 6.25rem !important;
  }
  .u-mb-100-sp,
  .u-my-100-sp {
    margin-bottom: 6.25rem !important;
  }
  .u-ml-100-sp,
  .u-mx-100-sp {
    margin-left: 6.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-m-100-pc {
    margin: 6.25rem !important;
  }
  .u-mt-100-pc,
  .u-my-100-pc {
    margin-top: 6.25rem !important;
  }
  .u-mr-100-pc,
  .u-mx-100-pc {
    margin-right: 6.25rem !important;
  }
  .u-mb-100-pc,
  .u-my-100-pc {
    margin-bottom: 6.25rem !important;
  }
  .u-ml-100-pc,
  .u-mx-100-pc {
    margin-left: 6.25rem !important;
  }
}
.u-p-0 {
  padding: 0 !important;
}

.u-pt-0,
.u-py-0 {
  padding-top: 0 !important;
}

.u-pr-0,
.u-px-0 {
  padding-right: 0 !important;
}

.u-pb-0,
.u-py-0 {
  padding-bottom: 0 !important;
}

.u-pl-0,
.u-px-0 {
  padding-left: 0 !important;
}

@media screen and (max-width: 768px) {
  .u-p-0-sp {
    padding: 0 !important;
  }
  .u-pt-0-sp,
  .u-py-0-sp {
    padding-top: 0 !important;
  }
  .u-pr-0-sp,
  .u-px-0-sp {
    padding-right: 0 !important;
  }
  .u-pb-0-sp,
  .u-py-0-sp {
    padding-bottom: 0 !important;
  }
  .u-pl-0-sp,
  .u-px-0-sp {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-0-pc {
    padding: 0 !important;
  }
  .u-pt-0-pc,
  .u-py-0-pc {
    padding-top: 0 !important;
  }
  .u-pr-0-pc,
  .u-px-0-pc {
    padding-right: 0 !important;
  }
  .u-pb-0-pc,
  .u-py-0-pc {
    padding-bottom: 0 !important;
  }
  .u-pl-0-pc,
  .u-px-0-pc {
    padding-left: 0 !important;
  }
}
.u-p-4 {
  padding: 0.25rem !important;
}

.u-pt-4,
.u-py-4 {
  padding-top: 0.25rem !important;
}

.u-pr-4,
.u-px-4 {
  padding-right: 0.25rem !important;
}

.u-pb-4,
.u-py-4 {
  padding-bottom: 0.25rem !important;
}

.u-pl-4,
.u-px-4 {
  padding-left: 0.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-4-sp {
    padding: 0.25rem !important;
  }
  .u-pt-4-sp,
  .u-py-4-sp {
    padding-top: 0.25rem !important;
  }
  .u-pr-4-sp,
  .u-px-4-sp {
    padding-right: 0.25rem !important;
  }
  .u-pb-4-sp,
  .u-py-4-sp {
    padding-bottom: 0.25rem !important;
  }
  .u-pl-4-sp,
  .u-px-4-sp {
    padding-left: 0.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-4-pc {
    padding: 0.25rem !important;
  }
  .u-pt-4-pc,
  .u-py-4-pc {
    padding-top: 0.25rem !important;
  }
  .u-pr-4-pc,
  .u-px-4-pc {
    padding-right: 0.25rem !important;
  }
  .u-pb-4-pc,
  .u-py-4-pc {
    padding-bottom: 0.25rem !important;
  }
  .u-pl-4-pc,
  .u-px-4-pc {
    padding-left: 0.25rem !important;
  }
}
.u-p-8 {
  padding: 0.5rem !important;
}

.u-pt-8,
.u-py-8 {
  padding-top: 0.5rem !important;
}

.u-pr-8,
.u-px-8 {
  padding-right: 0.5rem !important;
}

.u-pb-8,
.u-py-8 {
  padding-bottom: 0.5rem !important;
}

.u-pl-8,
.u-px-8 {
  padding-left: 0.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-8-sp {
    padding: 0.5rem !important;
  }
  .u-pt-8-sp,
  .u-py-8-sp {
    padding-top: 0.5rem !important;
  }
  .u-pr-8-sp,
  .u-px-8-sp {
    padding-right: 0.5rem !important;
  }
  .u-pb-8-sp,
  .u-py-8-sp {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-8-sp,
  .u-px-8-sp {
    padding-left: 0.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-8-pc {
    padding: 0.5rem !important;
  }
  .u-pt-8-pc,
  .u-py-8-pc {
    padding-top: 0.5rem !important;
  }
  .u-pr-8-pc,
  .u-px-8-pc {
    padding-right: 0.5rem !important;
  }
  .u-pb-8-pc,
  .u-py-8-pc {
    padding-bottom: 0.5rem !important;
  }
  .u-pl-8-pc,
  .u-px-8-pc {
    padding-left: 0.5rem !important;
  }
}
.u-p-12 {
  padding: 0.75rem !important;
}

.u-pt-12,
.u-py-12 {
  padding-top: 0.75rem !important;
}

.u-pr-12,
.u-px-12 {
  padding-right: 0.75rem !important;
}

.u-pb-12,
.u-py-12 {
  padding-bottom: 0.75rem !important;
}

.u-pl-12,
.u-px-12 {
  padding-left: 0.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-12-sp {
    padding: 0.75rem !important;
  }
  .u-pt-12-sp,
  .u-py-12-sp {
    padding-top: 0.75rem !important;
  }
  .u-pr-12-sp,
  .u-px-12-sp {
    padding-right: 0.75rem !important;
  }
  .u-pb-12-sp,
  .u-py-12-sp {
    padding-bottom: 0.75rem !important;
  }
  .u-pl-12-sp,
  .u-px-12-sp {
    padding-left: 0.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-12-pc {
    padding: 0.75rem !important;
  }
  .u-pt-12-pc,
  .u-py-12-pc {
    padding-top: 0.75rem !important;
  }
  .u-pr-12-pc,
  .u-px-12-pc {
    padding-right: 0.75rem !important;
  }
  .u-pb-12-pc,
  .u-py-12-pc {
    padding-bottom: 0.75rem !important;
  }
  .u-pl-12-pc,
  .u-px-12-pc {
    padding-left: 0.75rem !important;
  }
}
.u-p-16 {
  padding: 1rem !important;
}

.u-pt-16,
.u-py-16 {
  padding-top: 1rem !important;
}

.u-pr-16,
.u-px-16 {
  padding-right: 1rem !important;
}

.u-pb-16,
.u-py-16 {
  padding-bottom: 1rem !important;
}

.u-pl-16,
.u-px-16 {
  padding-left: 1rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-16-sp {
    padding: 1rem !important;
  }
  .u-pt-16-sp,
  .u-py-16-sp {
    padding-top: 1rem !important;
  }
  .u-pr-16-sp,
  .u-px-16-sp {
    padding-right: 1rem !important;
  }
  .u-pb-16-sp,
  .u-py-16-sp {
    padding-bottom: 1rem !important;
  }
  .u-pl-16-sp,
  .u-px-16-sp {
    padding-left: 1rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-16-pc {
    padding: 1rem !important;
  }
  .u-pt-16-pc,
  .u-py-16-pc {
    padding-top: 1rem !important;
  }
  .u-pr-16-pc,
  .u-px-16-pc {
    padding-right: 1rem !important;
  }
  .u-pb-16-pc,
  .u-py-16-pc {
    padding-bottom: 1rem !important;
  }
  .u-pl-16-pc,
  .u-px-16-pc {
    padding-left: 1rem !important;
  }
}
.u-p-20 {
  padding: 1.25rem !important;
}

.u-pt-20,
.u-py-20 {
  padding-top: 1.25rem !important;
}

.u-pr-20,
.u-px-20 {
  padding-right: 1.25rem !important;
}

.u-pb-20,
.u-py-20 {
  padding-bottom: 1.25rem !important;
}

.u-pl-20,
.u-px-20 {
  padding-left: 1.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-20-sp {
    padding: 1.25rem !important;
  }
  .u-pt-20-sp,
  .u-py-20-sp {
    padding-top: 1.25rem !important;
  }
  .u-pr-20-sp,
  .u-px-20-sp {
    padding-right: 1.25rem !important;
  }
  .u-pb-20-sp,
  .u-py-20-sp {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-20-sp,
  .u-px-20-sp {
    padding-left: 1.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-20-pc {
    padding: 1.25rem !important;
  }
  .u-pt-20-pc,
  .u-py-20-pc {
    padding-top: 1.25rem !important;
  }
  .u-pr-20-pc,
  .u-px-20-pc {
    padding-right: 1.25rem !important;
  }
  .u-pb-20-pc,
  .u-py-20-pc {
    padding-bottom: 1.25rem !important;
  }
  .u-pl-20-pc,
  .u-px-20-pc {
    padding-left: 1.25rem !important;
  }
}
.u-p-24 {
  padding: 1.5rem !important;
}

.u-pt-24,
.u-py-24 {
  padding-top: 1.5rem !important;
}

.u-pr-24,
.u-px-24 {
  padding-right: 1.5rem !important;
}

.u-pb-24,
.u-py-24 {
  padding-bottom: 1.5rem !important;
}

.u-pl-24,
.u-px-24 {
  padding-left: 1.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-24-sp {
    padding: 1.5rem !important;
  }
  .u-pt-24-sp,
  .u-py-24-sp {
    padding-top: 1.5rem !important;
  }
  .u-pr-24-sp,
  .u-px-24-sp {
    padding-right: 1.5rem !important;
  }
  .u-pb-24-sp,
  .u-py-24-sp {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-24-sp,
  .u-px-24-sp {
    padding-left: 1.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-24-pc {
    padding: 1.5rem !important;
  }
  .u-pt-24-pc,
  .u-py-24-pc {
    padding-top: 1.5rem !important;
  }
  .u-pr-24-pc,
  .u-px-24-pc {
    padding-right: 1.5rem !important;
  }
  .u-pb-24-pc,
  .u-py-24-pc {
    padding-bottom: 1.5rem !important;
  }
  .u-pl-24-pc,
  .u-px-24-pc {
    padding-left: 1.5rem !important;
  }
}
.u-p-28 {
  padding: 1.75rem !important;
}

.u-pt-28,
.u-py-28 {
  padding-top: 1.75rem !important;
}

.u-pr-28,
.u-px-28 {
  padding-right: 1.75rem !important;
}

.u-pb-28,
.u-py-28 {
  padding-bottom: 1.75rem !important;
}

.u-pl-28,
.u-px-28 {
  padding-left: 1.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-28-sp {
    padding: 1.75rem !important;
  }
  .u-pt-28-sp,
  .u-py-28-sp {
    padding-top: 1.75rem !important;
  }
  .u-pr-28-sp,
  .u-px-28-sp {
    padding-right: 1.75rem !important;
  }
  .u-pb-28-sp,
  .u-py-28-sp {
    padding-bottom: 1.75rem !important;
  }
  .u-pl-28-sp,
  .u-px-28-sp {
    padding-left: 1.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-28-pc {
    padding: 1.75rem !important;
  }
  .u-pt-28-pc,
  .u-py-28-pc {
    padding-top: 1.75rem !important;
  }
  .u-pr-28-pc,
  .u-px-28-pc {
    padding-right: 1.75rem !important;
  }
  .u-pb-28-pc,
  .u-py-28-pc {
    padding-bottom: 1.75rem !important;
  }
  .u-pl-28-pc,
  .u-px-28-pc {
    padding-left: 1.75rem !important;
  }
}
.u-p-32 {
  padding: 2rem !important;
}

.u-pt-32,
.u-py-32 {
  padding-top: 2rem !important;
}

.u-pr-32,
.u-px-32 {
  padding-right: 2rem !important;
}

.u-pb-32,
.u-py-32 {
  padding-bottom: 2rem !important;
}

.u-pl-32,
.u-px-32 {
  padding-left: 2rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-32-sp {
    padding: 2rem !important;
  }
  .u-pt-32-sp,
  .u-py-32-sp {
    padding-top: 2rem !important;
  }
  .u-pr-32-sp,
  .u-px-32-sp {
    padding-right: 2rem !important;
  }
  .u-pb-32-sp,
  .u-py-32-sp {
    padding-bottom: 2rem !important;
  }
  .u-pl-32-sp,
  .u-px-32-sp {
    padding-left: 2rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-32-pc {
    padding: 2rem !important;
  }
  .u-pt-32-pc,
  .u-py-32-pc {
    padding-top: 2rem !important;
  }
  .u-pr-32-pc,
  .u-px-32-pc {
    padding-right: 2rem !important;
  }
  .u-pb-32-pc,
  .u-py-32-pc {
    padding-bottom: 2rem !important;
  }
  .u-pl-32-pc,
  .u-px-32-pc {
    padding-left: 2rem !important;
  }
}
.u-p-36 {
  padding: 2.25rem !important;
}

.u-pt-36,
.u-py-36 {
  padding-top: 2.25rem !important;
}

.u-pr-36,
.u-px-36 {
  padding-right: 2.25rem !important;
}

.u-pb-36,
.u-py-36 {
  padding-bottom: 2.25rem !important;
}

.u-pl-36,
.u-px-36 {
  padding-left: 2.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-36-sp {
    padding: 2.25rem !important;
  }
  .u-pt-36-sp,
  .u-py-36-sp {
    padding-top: 2.25rem !important;
  }
  .u-pr-36-sp,
  .u-px-36-sp {
    padding-right: 2.25rem !important;
  }
  .u-pb-36-sp,
  .u-py-36-sp {
    padding-bottom: 2.25rem !important;
  }
  .u-pl-36-sp,
  .u-px-36-sp {
    padding-left: 2.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-36-pc {
    padding: 2.25rem !important;
  }
  .u-pt-36-pc,
  .u-py-36-pc {
    padding-top: 2.25rem !important;
  }
  .u-pr-36-pc,
  .u-px-36-pc {
    padding-right: 2.25rem !important;
  }
  .u-pb-36-pc,
  .u-py-36-pc {
    padding-bottom: 2.25rem !important;
  }
  .u-pl-36-pc,
  .u-px-36-pc {
    padding-left: 2.25rem !important;
  }
}
.u-p-40 {
  padding: 2.5rem !important;
}

.u-pt-40,
.u-py-40 {
  padding-top: 2.5rem !important;
}

.u-pr-40,
.u-px-40 {
  padding-right: 2.5rem !important;
}

.u-pb-40,
.u-py-40 {
  padding-bottom: 2.5rem !important;
}

.u-pl-40,
.u-px-40 {
  padding-left: 2.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-40-sp {
    padding: 2.5rem !important;
  }
  .u-pt-40-sp,
  .u-py-40-sp {
    padding-top: 2.5rem !important;
  }
  .u-pr-40-sp,
  .u-px-40-sp {
    padding-right: 2.5rem !important;
  }
  .u-pb-40-sp,
  .u-py-40-sp {
    padding-bottom: 2.5rem !important;
  }
  .u-pl-40-sp,
  .u-px-40-sp {
    padding-left: 2.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-40-pc {
    padding: 2.5rem !important;
  }
  .u-pt-40-pc,
  .u-py-40-pc {
    padding-top: 2.5rem !important;
  }
  .u-pr-40-pc,
  .u-px-40-pc {
    padding-right: 2.5rem !important;
  }
  .u-pb-40-pc,
  .u-py-40-pc {
    padding-bottom: 2.5rem !important;
  }
  .u-pl-40-pc,
  .u-px-40-pc {
    padding-left: 2.5rem !important;
  }
}
.u-p-48 {
  padding: 3rem !important;
}

.u-pt-48,
.u-py-48 {
  padding-top: 3rem !important;
}

.u-pr-48,
.u-px-48 {
  padding-right: 3rem !important;
}

.u-pb-48,
.u-py-48 {
  padding-bottom: 3rem !important;
}

.u-pl-48,
.u-px-48 {
  padding-left: 3rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-48-sp {
    padding: 3rem !important;
  }
  .u-pt-48-sp,
  .u-py-48-sp {
    padding-top: 3rem !important;
  }
  .u-pr-48-sp,
  .u-px-48-sp {
    padding-right: 3rem !important;
  }
  .u-pb-48-sp,
  .u-py-48-sp {
    padding-bottom: 3rem !important;
  }
  .u-pl-48-sp,
  .u-px-48-sp {
    padding-left: 3rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-48-pc {
    padding: 3rem !important;
  }
  .u-pt-48-pc,
  .u-py-48-pc {
    padding-top: 3rem !important;
  }
  .u-pr-48-pc,
  .u-px-48-pc {
    padding-right: 3rem !important;
  }
  .u-pb-48-pc,
  .u-py-48-pc {
    padding-bottom: 3rem !important;
  }
  .u-pl-48-pc,
  .u-px-48-pc {
    padding-left: 3rem !important;
  }
}
.u-p-56 {
  padding: 3.5rem !important;
}

.u-pt-56,
.u-py-56 {
  padding-top: 3.5rem !important;
}

.u-pr-56,
.u-px-56 {
  padding-right: 3.5rem !important;
}

.u-pb-56,
.u-py-56 {
  padding-bottom: 3.5rem !important;
}

.u-pl-56,
.u-px-56 {
  padding-left: 3.5rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-56-sp {
    padding: 3.5rem !important;
  }
  .u-pt-56-sp,
  .u-py-56-sp {
    padding-top: 3.5rem !important;
  }
  .u-pr-56-sp,
  .u-px-56-sp {
    padding-right: 3.5rem !important;
  }
  .u-pb-56-sp,
  .u-py-56-sp {
    padding-bottom: 3.5rem !important;
  }
  .u-pl-56-sp,
  .u-px-56-sp {
    padding-left: 3.5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-56-pc {
    padding: 3.5rem !important;
  }
  .u-pt-56-pc,
  .u-py-56-pc {
    padding-top: 3.5rem !important;
  }
  .u-pr-56-pc,
  .u-px-56-pc {
    padding-right: 3.5rem !important;
  }
  .u-pb-56-pc,
  .u-py-56-pc {
    padding-bottom: 3.5rem !important;
  }
  .u-pl-56-pc,
  .u-px-56-pc {
    padding-left: 3.5rem !important;
  }
}
.u-p-60 {
  padding: 3.75rem !important;
}

.u-pt-60,
.u-py-60 {
  padding-top: 3.75rem !important;
}

.u-pr-60,
.u-px-60 {
  padding-right: 3.75rem !important;
}

.u-pb-60,
.u-py-60 {
  padding-bottom: 3.75rem !important;
}

.u-pl-60,
.u-px-60 {
  padding-left: 3.75rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-60-sp {
    padding: 3.75rem !important;
  }
  .u-pt-60-sp,
  .u-py-60-sp {
    padding-top: 3.75rem !important;
  }
  .u-pr-60-sp,
  .u-px-60-sp {
    padding-right: 3.75rem !important;
  }
  .u-pb-60-sp,
  .u-py-60-sp {
    padding-bottom: 3.75rem !important;
  }
  .u-pl-60-sp,
  .u-px-60-sp {
    padding-left: 3.75rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-60-pc {
    padding: 3.75rem !important;
  }
  .u-pt-60-pc,
  .u-py-60-pc {
    padding-top: 3.75rem !important;
  }
  .u-pr-60-pc,
  .u-px-60-pc {
    padding-right: 3.75rem !important;
  }
  .u-pb-60-pc,
  .u-py-60-pc {
    padding-bottom: 3.75rem !important;
  }
  .u-pl-60-pc,
  .u-px-60-pc {
    padding-left: 3.75rem !important;
  }
}
.u-p-80 {
  padding: 5rem !important;
}

.u-pt-80,
.u-py-80 {
  padding-top: 5rem !important;
}

.u-pr-80,
.u-px-80 {
  padding-right: 5rem !important;
}

.u-pb-80,
.u-py-80 {
  padding-bottom: 5rem !important;
}

.u-pl-80,
.u-px-80 {
  padding-left: 5rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-80-sp {
    padding: 5rem !important;
  }
  .u-pt-80-sp,
  .u-py-80-sp {
    padding-top: 5rem !important;
  }
  .u-pr-80-sp,
  .u-px-80-sp {
    padding-right: 5rem !important;
  }
  .u-pb-80-sp,
  .u-py-80-sp {
    padding-bottom: 5rem !important;
  }
  .u-pl-80-sp,
  .u-px-80-sp {
    padding-left: 5rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-80-pc {
    padding: 5rem !important;
  }
  .u-pt-80-pc,
  .u-py-80-pc {
    padding-top: 5rem !important;
  }
  .u-pr-80-pc,
  .u-px-80-pc {
    padding-right: 5rem !important;
  }
  .u-pb-80-pc,
  .u-py-80-pc {
    padding-bottom: 5rem !important;
  }
  .u-pl-80-pc,
  .u-px-80-pc {
    padding-left: 5rem !important;
  }
}
.u-p-100 {
  padding: 6.25rem !important;
}

.u-pt-100,
.u-py-100 {
  padding-top: 6.25rem !important;
}

.u-pr-100,
.u-px-100 {
  padding-right: 6.25rem !important;
}

.u-pb-100,
.u-py-100 {
  padding-bottom: 6.25rem !important;
}

.u-pl-100,
.u-px-100 {
  padding-left: 6.25rem !important;
}

@media screen and (max-width: 768px) {
  .u-p-100-sp {
    padding: 6.25rem !important;
  }
  .u-pt-100-sp,
  .u-py-100-sp {
    padding-top: 6.25rem !important;
  }
  .u-pr-100-sp,
  .u-px-100-sp {
    padding-right: 6.25rem !important;
  }
  .u-pb-100-sp,
  .u-py-100-sp {
    padding-bottom: 6.25rem !important;
  }
  .u-pl-100-sp,
  .u-px-100-sp {
    padding-left: 6.25rem !important;
  }
}
@media screen and (min-width: 768px) {
  .u-p-100-pc {
    padding: 6.25rem !important;
  }
  .u-pt-100-pc,
  .u-py-100-pc {
    padding-top: 6.25rem !important;
  }
  .u-pr-100-pc,
  .u-px-100-pc {
    padding-right: 6.25rem !important;
  }
  .u-pb-100-pc,
  .u-py-100-pc {
    padding-bottom: 6.25rem !important;
  }
  .u-pl-100-pc,
  .u-px-100-pc {
    padding-left: 6.25rem !important;
  }
}
.u-m-auto {
  margin: auto !important;
}

.u-mt-auto,
.u-my-auto {
  margin-top: auto !important;
}

.u-mr-auto,
.u-mx-auto {
  margin-right: auto !important;
}

.u-mb-auto,
.u-my-auto {
  margin-bottom: auto !important;
}

.u-ml-auto,
.u-mx-auto {
  margin-left: auto !important;
}

.u-wd-auto {
  width: auto !important;
}
.u-wd-300per {
  width: 300% !important;
}
.u-wd-300px {
  width: 300px !important;
}
.u-wd-200per {
  width: 200% !important;
}
.u-wd-200px {
  width: 200px !important;
}
.u-wd-100per {
  width: 100% !important;
}
.u-wd-100px {
  width: 100px !important;
}
.u-wd-96per {
  width: 96% !important;
}
.u-wd-96px {
  width: 96px !important;
}
.u-wd-92per {
  width: 92% !important;
}
.u-wd-92px {
  width: 92px !important;
}
.u-wd-88per {
  width: 88% !important;
}
.u-wd-88px {
  width: 88px !important;
}
.u-wd-84per {
  width: 84% !important;
}
.u-wd-84px {
  width: 84px !important;
}
.u-wd-80per {
  width: 80% !important;
}
.u-wd-80px {
  width: 80px !important;
}
.u-wd-76per {
  width: 76% !important;
}
.u-wd-76px {
  width: 76px !important;
}
.u-wd-72per {
  width: 72% !important;
}
.u-wd-72px {
  width: 72px !important;
}
.u-wd-68per {
  width: 68% !important;
}
.u-wd-68px {
  width: 68px !important;
}
.u-wd-64per {
  width: 64% !important;
}
.u-wd-64px {
  width: 64px !important;
}
.u-wd-60per {
  width: 60% !important;
}
.u-wd-60px {
  width: 60px !important;
}
.u-wd-56per {
  width: 56% !important;
}
.u-wd-56px {
  width: 56px !important;
}
.u-wd-52per {
  width: 52% !important;
}
.u-wd-52px {
  width: 52px !important;
}
.u-wd-48per {
  width: 48% !important;
}
.u-wd-48px {
  width: 48px !important;
}
.u-wd-44per {
  width: 44% !important;
}
.u-wd-44px {
  width: 44px !important;
}
.u-wd-40per {
  width: 40% !important;
}
.u-wd-40px {
  width: 40px !important;
}
.u-wd-36per {
  width: 36% !important;
}
.u-wd-36px {
  width: 36px !important;
}
.u-wd-32per {
  width: 32% !important;
}
.u-wd-32px {
  width: 32px !important;
}
.u-wd-28per {
  width: 28% !important;
}
.u-wd-28px {
  width: 28px !important;
}
.u-wd-24per {
  width: 24% !important;
}
.u-wd-24px {
  width: 24px !important;
}
.u-wd-20per {
  width: 20% !important;
}
.u-wd-20px {
  width: 20px !important;
}
.u-wd-16per {
  width: 16% !important;
}
.u-wd-16px {
  width: 16px !important;
}
.u-wd-12per {
  width: 12% !important;
}
.u-wd-12px {
  width: 12px !important;
}
.u-wd-8per {
  width: 8% !important;
}
.u-wd-8px {
  width: 8px !important;
}
.u-wd-4per {
  width: 4% !important;
}
.u-wd-4px {
  width: 4px !important;
}
.u-wd-0per {
  width: 0% !important;
}
.u-wd-0px {
  width: 0px !important;
}
@media screen and (max-width: 768px) {
  .u-wd-300per-sp {
    width: 300% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-300px-sp {
    width: get_vw(300, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-200per-sp {
    width: 200% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-200px-sp {
    width: get_vw(200, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-100per-sp {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-100px-sp {
    width: get_vw(100, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-96per-sp {
    width: 96% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-96px-sp {
    width: get_vw(96, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-92per-sp {
    width: 92% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-92px-sp {
    width: get_vw(92, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-88per-sp {
    width: 88% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-88px-sp {
    width: get_vw(88, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-84per-sp {
    width: 84% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-84px-sp {
    width: get_vw(84, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-80per-sp {
    width: 80% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-80px-sp {
    width: get_vw(80, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-76per-sp {
    width: 76% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-76px-sp {
    width: get_vw(76, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-72per-sp {
    width: 72% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-72px-sp {
    width: get_vw(72, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-68per-sp {
    width: 68% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-68px-sp {
    width: get_vw(68, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-64per-sp {
    width: 64% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-64px-sp {
    width: get_vw(64, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-60per-sp {
    width: 60% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-60px-sp {
    width: get_vw(60, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-56per-sp {
    width: 56% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-56px-sp {
    width: get_vw(56, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-52per-sp {
    width: 52% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-52px-sp {
    width: get_vw(52, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-48per-sp {
    width: 48% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-48px-sp {
    width: get_vw(48, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-44per-sp {
    width: 44% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-44px-sp {
    width: get_vw(44, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-40per-sp {
    width: 40% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-40px-sp {
    width: get_vw(40, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-36per-sp {
    width: 36% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-36px-sp {
    width: get_vw(36, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-32per-sp {
    width: 32% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-32px-sp {
    width: get_vw(32, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-28per-sp {
    width: 28% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-28px-sp {
    width: get_vw(28, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-24per-sp {
    width: 24% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-24px-sp {
    width: get_vw(24, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-20per-sp {
    width: 20% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-20px-sp {
    width: get_vw(20, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-16per-sp {
    width: 16% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-16px-sp {
    width: get_vw(16, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-12per-sp {
    width: 12% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-12px-sp {
    width: get_vw(12, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-8per-sp {
    width: 8% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-8px-sp {
    width: get_vw(8, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-4per-sp {
    width: 4% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-4px-sp {
    width: get_vw(4, 375) !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-0per-sp {
    width: 0% !important;
  }
}
@media screen and (max-width: 768px) {
  .u-wd-0px-sp {
    width: get_vw(0, 375) !important;
  }
}
.u-wd--auto {
  width: auto !important;
}

@media screen and (min-width: 768px) {
  .u-display-pc,
  .u-hidden-sp {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .u-display-pc,
  .u-hidden-sp {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .u-display-sp,
  .u-hidden-pc {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .u-display-sp,
  .u-hidden-pc {
    display: block;
  }
}

.u-align--center {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .u-align--center-sp {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .u-align--center-pc {
    text-align: center;
  }
}
.u-align--right {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .u-align--right-sp {
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .u-align--right-pc {
    text-align: right;
  }
}
.u-align--left {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .u-align--left-sp {
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .u-align--left-pc {
    text-align: left;
  }
}
.u-align--top {
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .u-align--top-sp {
    vertical-align: top;
  }
}
@media screen and (min-width: 768px) {
  .u-align--top-pc {
    vertical-align: top;
  }
}
.u-align--middle {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .u-align--middle-sp {
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) {
  .u-align--middle-pc {
    vertical-align: middle;
  }
}
.u-align--bottom {
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .u-align--bottom-sp {
    vertical-align: bottom;
  }
}
@media screen and (min-width: 768px) {
  .u-align--bottom-pc {
    vertical-align: bottom;
  }
}

.u-text--link {
  color: #0083E0;
  text-decoration: underline;
}
.u-text--link:hover {
  text-decoration: none;
}
.u-text--lead {
  font-size: 2rem;
  font-weight: 700;
  color: #53B59E;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .u-text--lead {
    font-size: 1.5rem;
  }
}
.u-text--bold {
  font-weight: 700;
}
.u-text--red {
  color: #EC0000;
}

.u-icon {
  position: relative;
}
.u-icon--tab:after {
  position: absolute;
  display: block;
  content: "";
  width: 1rem;
  height: 1rem;
  background: url(../images/icon-tab03.svg) no-repeat center center/100% auto;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.u-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.u-flex--wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.u-flex--aic {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.u-flex--aib {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.u-flex--aie {
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
}
.u-flex--ais {
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
.u-flex--jcsb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.u-flex--jcc {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.u-flex--jce {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.u-flex--jcsa {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.u-hover:hover {
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
/*# sourceMappingURL=style.css.map */